labmaker-plugin 0.0.6 → 0.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,10 +1,10 @@
1
- import { openBlock as a, createElementBlock as r, Fragment as _, createElementVNode as l, toDisplayString as p } from "vue";
2
- const i = (e, t) => {
3
- const o = e.__vccOpts || e;
4
- for (const [n, s] of t)
5
- o[n] = s;
6
- return o;
7
- }, u = {
1
+ import { openBlock as s, createElementBlock as c, Fragment as u, createElementVNode as n, toDisplayString as p, normalizeClass as m, createCommentVNode as l } from "vue";
2
+ const _ = (e, o) => {
3
+ const t = e.__vccOpts || e;
4
+ for (const [i, a] of o)
5
+ t[i] = a;
6
+ return t;
7
+ }, g = {
8
8
  props: ["custom-img"],
9
9
  data() {
10
10
  return {
@@ -14,8 +14,8 @@ const i = (e, t) => {
14
14
  computed: {},
15
15
  methods: {
16
16
  fileUpload(e) {
17
- const o = e.target.files[0];
18
- this.fileProcess(o);
17
+ const t = e.target.files[0];
18
+ this.fileProcess(t);
19
19
  },
20
20
  fileProcess(e) {
21
21
  this.imgSRC = URL.createObjectURL(e);
@@ -23,47 +23,96 @@ const i = (e, t) => {
23
23
  },
24
24
  mounted() {
25
25
  }
26
- }, f = /* @__PURE__ */ l("h1", null, "File Uploader", -1), m = { class: "image-uploader" }, g = /* @__PURE__ */ l("h1", null, "File Uploader", -1), h = { class: "your-file" }, U = ["src"];
27
- function v(e, t, o, n, s, c) {
28
- return a(), r(_, null, [
29
- f,
30
- l("div", m, [
31
- g,
32
- l("input", {
33
- onChange: t[0] || (t[0] = (...d) => c.fileUpload && c.fileUpload(...d)),
26
+ }, h = /* @__PURE__ */ n("h1", null, "File Uploader", -1), f = { class: "image-uploader" }, y = /* @__PURE__ */ n("h1", null, "File Uploader", -1), v = { class: "your-file" }, L = ["src"];
27
+ function H(e, o, t, i, a, r) {
28
+ return s(), c(u, null, [
29
+ h,
30
+ n("div", f, [
31
+ y,
32
+ n("input", {
33
+ onChange: o[0] || (o[0] = (...d) => r.fileUpload && r.fileUpload(...d)),
34
34
  type: "file",
35
35
  id: "file-upload",
36
36
  name: "fileUpload",
37
37
  accept: "image/*"
38
38
  }, null, 32),
39
- l("div", h, [
40
- l("img", {
41
- src: s.imgSRC,
39
+ n("div", v, [
40
+ n("img", {
41
+ src: a.imgSRC,
42
42
  alt: "",
43
43
  scrset: ""
44
- }, null, 8, U)
44
+ }, null, 8, L)
45
45
  ])
46
46
  ])
47
47
  ], 64);
48
48
  }
49
- const y = /* @__PURE__ */ i(u, [["render", v]]);
50
- const b = {
49
+ const U = /* @__PURE__ */ _(g, [["render", H]]);
50
+ const $ = {
51
51
  props: ["title"],
52
52
  data() {
53
53
  return {};
54
54
  },
55
55
  computed: {}
56
56
  };
57
- function x(e, t, o, n, s, c) {
58
- return a(), r("header", null, [
59
- l("h1", null, p(o.title), 1)
57
+ function k(e, o, t, i, a, r) {
58
+ return s(), c("header", null, [
59
+ n("h1", null, p(t.title), 1)
60
+ ]);
61
+ }
62
+ const x = /* @__PURE__ */ _($, [["render", k]]);
63
+ const b = {
64
+ props: ["content"],
65
+ data() {
66
+ return {};
67
+ },
68
+ computed: {
69
+ getLastPage() {
70
+ return !!this.$store.getters.getLastPage;
71
+ }
72
+ },
73
+ methods: {
74
+ pixelFormat(e) {
75
+ return typeof e == "number" ? e + "px" : e;
76
+ },
77
+ checkStepper() {
78
+ this.$store.dispatch("lastPageFocus", {});
79
+ }
80
+ },
81
+ mounted() {
82
+ this.checkStepper();
83
+ }
84
+ }, S = { class: "image-container" }, C = { class: "image" }, M = ["src", "alt"], P = ["innerHTML"], T = ["innerHTML"], F = ["innerHTML"];
85
+ function R(e, o, t, i, a, r) {
86
+ return s(), c("div", S, [
87
+ n("div", C, [
88
+ n("img", {
89
+ src: t.content.src,
90
+ alt: t.content.alt,
91
+ class: m(t.content.class)
92
+ }, null, 10, M),
93
+ t.content.captionHeader ? (s(), c("span", {
94
+ key: 0,
95
+ class: "captionHeader",
96
+ innerHTML: t.content.captionHeader
97
+ }, null, 8, P)) : l("", !0),
98
+ t.content.caption ? (s(), c("span", {
99
+ key: 1,
100
+ class: "caption",
101
+ innerHTML: t.content.caption
102
+ }, null, 8, T)) : l("", !0),
103
+ t.content.copyright ? (s(), c("span", {
104
+ key: 2,
105
+ innerHTML: t.content.copyright,
106
+ class: "copyright"
107
+ }, null, 8, F)) : l("", !0)
108
+ ])
60
109
  ]);
61
110
  }
62
- const $ = /* @__PURE__ */ i(b, [["render", x], ["__scopeId", "data-v-b60cd7ff"]]), S = {
63
- install: (e, t) => {
64
- e.component("special-uploader", y), e.component("lab-header", $);
111
+ const I = /* @__PURE__ */ _(b, [["render", R], ["__scopeId", "data-v-6d545532"]]), E = {
112
+ install: (e, o) => {
113
+ e.component("special-uploader", U), e.component("lab-header", x), e.component("lab-image", I);
65
114
  }
66
115
  };
67
116
  export {
68
- S as default
117
+ E as default
69
118
  };
@@ -1 +1 @@
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,n)=>{const o=t.__vccOpts||t;for(const[c,s]of n)o[c]=s;return o},a={props:["custom-img"],data(){return{imgSRC:this.customImg}},computed:{},methods:{fileUpload(t){const o=t.target.files[0];this.fileProcess(o)},fileProcess(t){this.imgSRC=URL.createObjectURL(t)}},mounted(){}},d=e.createElementVNode("h1",null,"File Uploader",-1),p={class:"image-uploader"},_=e.createElementVNode("h1",null,"File Uploader",-1),m={class:"your-file"},f=["src"];function u(t,n,o,c,s,i){return e.openBlock(),e.createElementBlock(e.Fragment,null,[d,e.createElementVNode("div",p,[_,e.createElementVNode("input",{onChange:n[0]||(n[0]=(...E)=>i.fileUpload&&i.fileUpload(...E)),type:"file",id:"file-upload",name:"fileUpload",accept:"image/*"},null,32),e.createElementVNode("div",m,[e.createElementVNode("img",{src:s.imgSRC,alt:"",scrset:""},null,8,f)])])],64)}const g=r(a,[["render",u]]),b="",h={props:["title"],data(){return{}},computed:{}};function y(t,n,o,c,s,i){return e.openBlock(),e.createElementBlock("header",null,[e.createElementVNode("h1",null,e.toDisplayString(o.title),1)])}const U=r(h,[["render",y],["__scopeId","data-v-b60cd7ff"]]);return{install:(t,n)=>{t.component("special-uploader",g),t.component("lab-header",U)}}});
1
+ (function(e,a){typeof exports=="object"&&typeof module<"u"?module.exports=a(require("vue")):typeof define=="function"&&define.amd?define(["vue"],a):(e=typeof globalThis<"u"?globalThis:e||self,e.LabmakerPlugin=a(e.Vue))})(this,function(e){"use strict";const a="",r=(t,o)=>{const n=t.__vccOpts||t;for(const[s,c]of o)n[s]=c;return n},i={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),_={class:"image-uploader"},m=e.createElementVNode("h1",null,"File Uploader",-1),p={class:"your-file"},u=["src"];function f(t,o,n,s,c,l){return e.openBlock(),e.createElementBlock(e.Fragment,null,[d,e.createElementVNode("div",_,[m,e.createElementVNode("input",{onChange:o[0]||(o[0]=(...x)=>l.fileUpload&&l.fileUpload(...x)),type:"file",id:"file-upload",name:"fileUpload",accept:"image/*"},null,32),e.createElementVNode("div",p,[e.createElementVNode("img",{src:c.imgSRC,alt:"",scrset:""},null,8,u)])])],64)}const h=r(i,[["render",f]]),C="",g={props:["title"],data(){return{}},computed:{}};function k(t,o,n,s,c,l){return e.openBlock(),e.createElementBlock("header",null,[e.createElementVNode("h1",null,e.toDisplayString(n.title),1)])}const y=r(g,[["render",k]]),P="",E={props:["content"],data(){return{}},computed:{getLastPage(){return!!this.$store.getters.getLastPage}},methods:{pixelFormat(t){return typeof t=="number"?t+"px":t},checkStepper(){this.$store.dispatch("lastPageFocus",{})}},mounted(){this.checkStepper()}},L={class:"image-container"},V={class:"image"},B=["src","alt"],N=["innerHTML"],H=["innerHTML"],U=["innerHTML"];function $(t,o,n,s,c,l){return e.openBlock(),e.createElementBlock("div",L,[e.createElementVNode("div",V,[e.createElementVNode("img",{src:n.content.src,alt:n.content.alt,class:e.normalizeClass(n.content.class)},null,10,B),n.content.captionHeader?(e.openBlock(),e.createElementBlock("span",{key:0,class:"captionHeader",innerHTML:n.content.captionHeader},null,8,N)):e.createCommentVNode("",!0),n.content.caption?(e.openBlock(),e.createElementBlock("span",{key:1,class:"caption",innerHTML:n.content.caption},null,8,H)):e.createCommentVNode("",!0),n.content.copyright?(e.openBlock(),e.createElementBlock("span",{key:2,innerHTML:n.content.copyright,class:"copyright"},null,8,U)):e.createCommentVNode("",!0)])])}const b=r(E,[["render",$],["__scopeId","data-v-6d545532"]]);return{install:(t,o)=>{t.component("special-uploader",h),t.component("lab-header",y),t.component("lab-image",b)}}});
package/dist/style.css CHANGED
@@ -1 +1 @@
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%}header[data-v-b60cd7ff]{display:flex;justify-content:center;align-items:center;height:40px;margin-top:10px;margin-bottom:10px}
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%}header{display:flex;justify-content:center;align-items:center;height:40px;margin-top:10px;margin-bottom:10px}#app .image-container[data-v-6d545532]{position:relative;display:block;margin-bottom:10px;height:100%}#app .image-container .image[data-v-6d545532]{height:100%}#app .image-container .image img[data-v-6d545532]{max-height:100%;max-width:100%}#app .image-container.copyright[data-v-6d545532],#app .image-container.captions[data-v-6d545532]{margin-bottom:20px}#app .image-container.copyright[data-v-6d545532],#app .image-container.captions[data-v-6d545532]{margin-bottom:40px}#app .image-container .captionHeader[data-v-6d545532]{font-size:20px;text-align:center;display:block;margin-bottom:10px}#app .image-container .caption[data-v-6d545532]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-container .copyright[data-v-6d545532]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "labmaker-plugin",
3
- "version": "0.0.6",
3
+ "version": "0.0.8",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist"