@tailor-cms/ce-image-display 0.0.1 → 1.0.0

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.
Files changed (3) hide show
  1. package/dist/index.cjs +37 -15
  2. package/dist/index.js +38 -16
  3. package/package.json +2 -2
package/dist/index.cjs CHANGED
@@ -5,7 +5,8 @@ const vue = require("vue");
5
5
  var type = "CE_IMAGE";
6
6
  var name = "Image";
7
7
  var initState = () => ({
8
- url: ""
8
+ url: "",
9
+ alt: ""
9
10
  });
10
11
  var ui = {
11
12
  // Display icon, https://pictogrammers.com/library/mdi/
@@ -42,20 +43,41 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
42
43
  return (_ctx, _cache) => {
43
44
  const _component_VProgressCircular = vue.resolveComponent("VProgressCircular");
44
45
  const _component_VImg = vue.resolveComponent("VImg");
45
- return vue.openBlock(), vue.createBlock(_component_VImg, {
46
- src: _ctx.data.url,
47
- class: "mx-auto"
48
- }, {
49
- placeholder: vue.withCtx(() => [
50
- vue.createElementVNode("div", _hoisted_1, [
51
- vue.createVNode(_component_VProgressCircular, {
52
- color: "blue-grey-darken-3",
53
- indeterminate: ""
54
- })
55
- ])
56
- ]),
57
- _: 1
58
- }, 8, ["src"]);
46
+ const _component_VIcon = vue.resolveComponent("VIcon");
47
+ const _component_VSheet = vue.resolveComponent("VSheet");
48
+ return vue.openBlock(), vue.createElementBlock("div", null, [
49
+ _ctx.data.url ? (vue.openBlock(), vue.createBlock(_component_VImg, {
50
+ key: 0,
51
+ alt: _ctx.element.data.alt,
52
+ src: _ctx.data.url,
53
+ class: "mx-auto"
54
+ }, {
55
+ placeholder: vue.withCtx(() => [
56
+ vue.createElementVNode("div", _hoisted_1, [
57
+ vue.createVNode(_component_VProgressCircular, {
58
+ color: "blue-grey-darken-3",
59
+ indeterminate: ""
60
+ })
61
+ ])
62
+ ]),
63
+ _: 1
64
+ }, 8, ["alt", "src"])) : vue.createCommentVNode("", true),
65
+ vue.createVNode(_component_VSheet, {
66
+ class: "d-flex justify-center align-center my-2 text-h6",
67
+ height: "15.5rem"
68
+ }, {
69
+ default: vue.withCtx(() => [
70
+ vue.createVNode(_component_VIcon, { class: "mr-2" }, {
71
+ default: vue.withCtx(() => [
72
+ vue.createTextVNode("mdi-image-outline")
73
+ ]),
74
+ _: 1
75
+ }),
76
+ vue.createTextVNode(" Image placeholder ")
77
+ ]),
78
+ _: 1
79
+ })
80
+ ]);
59
81
  };
60
82
  }
61
83
  });
package/dist/index.js CHANGED
@@ -1,9 +1,10 @@
1
1
  import "./style.css";
2
- import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode } from "vue";
2
+ import { defineComponent, resolveComponent, openBlock, createElementBlock, createBlock, withCtx, createElementVNode, createVNode, createCommentVNode, createTextVNode } from "vue";
3
3
  var type = "CE_IMAGE";
4
4
  var name = "Image";
5
5
  var initState = () => ({
6
- url: ""
6
+ url: "",
7
+ alt: ""
7
8
  });
8
9
  var ui = {
9
10
  // Display icon, https://pictogrammers.com/library/mdi/
@@ -40,20 +41,41 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
40
41
  return (_ctx, _cache) => {
41
42
  const _component_VProgressCircular = resolveComponent("VProgressCircular");
42
43
  const _component_VImg = resolveComponent("VImg");
43
- return openBlock(), createBlock(_component_VImg, {
44
- src: _ctx.data.url,
45
- class: "mx-auto"
46
- }, {
47
- placeholder: withCtx(() => [
48
- createElementVNode("div", _hoisted_1, [
49
- createVNode(_component_VProgressCircular, {
50
- color: "blue-grey-darken-3",
51
- indeterminate: ""
52
- })
53
- ])
54
- ]),
55
- _: 1
56
- }, 8, ["src"]);
44
+ const _component_VIcon = resolveComponent("VIcon");
45
+ const _component_VSheet = resolveComponent("VSheet");
46
+ return openBlock(), createElementBlock("div", null, [
47
+ _ctx.data.url ? (openBlock(), createBlock(_component_VImg, {
48
+ key: 0,
49
+ alt: _ctx.element.data.alt,
50
+ src: _ctx.data.url,
51
+ class: "mx-auto"
52
+ }, {
53
+ placeholder: withCtx(() => [
54
+ createElementVNode("div", _hoisted_1, [
55
+ createVNode(_component_VProgressCircular, {
56
+ color: "blue-grey-darken-3",
57
+ indeterminate: ""
58
+ })
59
+ ])
60
+ ]),
61
+ _: 1
62
+ }, 8, ["alt", "src"])) : createCommentVNode("", true),
63
+ createVNode(_component_VSheet, {
64
+ class: "d-flex justify-center align-center my-2 text-h6",
65
+ height: "15.5rem"
66
+ }, {
67
+ default: withCtx(() => [
68
+ createVNode(_component_VIcon, { class: "mr-2" }, {
69
+ default: withCtx(() => [
70
+ createTextVNode("mdi-image-outline")
71
+ ]),
72
+ _: 1
73
+ }),
74
+ createTextVNode(" Image placeholder ")
75
+ ]),
76
+ _: 1
77
+ })
78
+ ]);
57
79
  };
58
80
  }
59
81
  });
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@tailor-cms/ce-image-display",
3
3
  "type": "module",
4
- "version": "0.0.1",
4
+ "version": "1.0.0",
5
5
  "exports": {
6
6
  ".": {
7
7
  "import": "./dist/index.js",
@@ -21,7 +21,7 @@
21
21
  "typescript": "^5.1.6",
22
22
  "vite": "^4.4.5",
23
23
  "vue-tsc": "^1.8.5",
24
- "tce-manifest": "npm:@tailor-cms/ce-image-manifest@0.0.1"
24
+ "@tailor-cms/ce-image-manifest": "1.0.0"
25
25
  },
26
26
  "description": "Tailor image element",
27
27
  "author": "Studion <info@gostudion.com> (https://github.com/tailor-cms)",