@zeedhi/zd-richtext-vue 1.2.1 → 1.2.2

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/rich-text-vue.esm.js +33 -15
  2. package/dist/rich-text-vue.umd.js +33 -15
  3. package/package.json +3 -2
package/dist/rich-text-vue.esm.js CHANGED
@@ -40,7 +40,8 @@ let ZdRichText = class ZdRichText extends ZdComponentRender {
40
40
  Italic,
41
41
  Strike,
42
42
  Underline,
43
- [Heading,
43
+ [
44
+ Heading,
44
45
  {
45
46
  options: {
46
47
  levels: [1, 2, 3],
@@ -68,11 +69,14 @@ __decorate([
68
69
  __metadata("design:type", String)
69
70
  ], ZdRichText.prototype, "placeholder", void 0);
70
71
  __decorate([
71
- PropWatch({ type: [Boolean, String], default: false }),
72
+ PropWatch({
73
+ type: [Boolean, String],
74
+ default: false,
75
+ }),
72
76
  __metadata("design:type", Object)
73
77
  ], ZdRichText.prototype, "disabled", void 0);
74
78
  __decorate([
75
- PropWatch({ type: String, default: 'var(--v-primary-base)' }),
79
+ PropWatch({ type: String, default: undefined }),
76
80
  __metadata("design:type", String)
77
81
  ], ZdRichText.prototype, "toolbarColor", void 0);
78
82
  __decorate([
@@ -80,15 +84,24 @@ __decorate([
80
84
  __metadata("design:type", String)
81
85
  ], ZdRichText.prototype, "cardColor", void 0);
82
86
  __decorate([
83
- PropWatch({ type: [Boolean, String], default: false }),
87
+ PropWatch({
88
+ type: [Boolean, String],
89
+ default: false,
90
+ }),
84
91
  __metadata("design:type", Object)
85
92
  ], ZdRichText.prototype, "outlined", void 0);
86
93
  __decorate([
87
- PropWatch({ type: [Number, String], default: '' }),
94
+ PropWatch({
95
+ type: [Number, String],
96
+ default: '',
97
+ }),
88
98
  __metadata("design:type", Object)
89
99
  ], ZdRichText.prototype, "width", void 0);
90
100
  __decorate([
91
- PropWatch({ type: [Number, String], default: '' }),
101
+ PropWatch({
102
+ type: [Number, String],
103
+ default: '',
104
+ }),
92
105
  __metadata("design:type", Object)
93
106
  ], ZdRichText.prototype, "height", void 0);
94
107
  ZdRichText = __decorate([
@@ -235,13 +248,15 @@ var __vue_render__ = function () {
235
248
  return _c(
236
249
  "div",
237
250
  {
238
- class: [
239
- "zd-rich-text",
240
- { "theme--light": _vm.$isLight(this) },
241
- { "theme--dark": _vm.$isDark(this) },
242
- _vm.instance.cssClass,
251
+ directives: [
252
+ {
253
+ name: "show",
254
+ rawName: "v-show",
255
+ value: _vm.instance.isVisible,
256
+ expression: "instance.isVisible",
257
+ },
243
258
  ],
244
- style: Object.assign({}, _vm.instance.cssStyle),
259
+ class: ["zd-rich-text", _vm.instance.cssClass],
245
260
  attrs: { id: _vm.instance.name, name: _vm.instance.name },
246
261
  },
247
262
  [
@@ -251,15 +266,18 @@ var __vue_render__ = function () {
251
266
  extensions: _vm.extensions,
252
267
  "toolbar-attributes": {
253
268
  color: _vm.instance.toolbarColor,
254
- class: "rounded-t",
269
+ class: "zd-rich-text-header rounded-t",
255
270
  width: _vm.instance.width,
256
271
  },
257
272
  "card-props": {
258
273
  color: _vm.instance.cardColor,
259
- class: "rounded-b-md",
274
+ class: "zd-rich-text-content rounded-b-md",
260
275
  outlined: _vm.instance.outlined,
261
276
  width: _vm.instance.width,
262
277
  height: _vm.instance.height,
278
+ style: _vm.instance.cssStyle,
279
+ dark: _vm.instance.dark,
280
+ light: _vm.instance.light,
263
281
  },
264
282
  placeholder: _vm.instance.placeholder,
265
283
  disabled: _vm.instance.disabled,
@@ -287,7 +305,7 @@ __vue_render__._withStripped = true;
287
305
  /* style */
288
306
  const __vue_inject_styles__ = function (inject) {
289
307
  if (!inject) return
290
- inject("data-v-451a1082_0", { source: ".zd-rich-text button.v-btn.v-btn--icon.v-btn--round.theme--light.v-size--small.tiptap-vuetify-editor__action-render-btn {\n color: #ffffff;\n}\n.zd-rich-text div.v-card {\n display: flex;\n flex-direction: column;\n}\n.zd-rich-text div.v-card div.tiptap-vuetify-editor__toolbar {\n display: flex;\n}\n.zd-rich-text div.v-card div.tiptap-vuetify-editor__content {\n flex-grow: 1;\n}\n.zd-rich-text div.v-card div.tiptap-vuetify-editor__content .ProseMirror {\n margin: var(--spacing-2) !important;\n height: 100%;\n}\n.zd-rich-text div.v-card div.tiptap-vuetify-editor__content .ProseMirror p {\n margin-top: var(--spacing-2) !important;\n margin-bottom: var(--spacing-2) !important;\n}", map: undefined, media: undefined });
308
+ inject("data-v-6f6ebaf8_0", { source: ".zd-rich-text button.v-btn {\n color: #ffffff !important;\n}\n.zd-rich-text-content.theme--dark {\n background-color: #383838;\n}\n.zd-rich-text div.v-card {\n display: flex;\n flex-direction: column;\n}\n.zd-rich-text div.v-card div.tiptap-vuetify-editor__toolbar {\n display: flex;\n}\n.zd-rich-text div.v-card div.tiptap-vuetify-editor__toolbar header {\n background-color: var(--v-primary-base);\n}\n.zd-rich-text div.v-card div.tiptap-vuetify-editor__content {\n flex-grow: 1;\n}\n.zd-rich-text div.v-card div.tiptap-vuetify-editor__content .ProseMirror {\n margin: var(--spacing-2) !important;\n height: 100%;\n}\n.zd-rich-text div.v-card div.tiptap-vuetify-editor__content .ProseMirror p {\n margin-top: var(--spacing-2) !important;\n margin-bottom: var(--spacing-2) !important;\n}", map: undefined, media: undefined });
291
309
 
292
310
  };
293
311
  /* scoped */
package/dist/rich-text-vue.umd.js CHANGED
@@ -43,7 +43,8 @@
43
43
  Italic,
44
44
  Strike,
45
45
  Underline,
46
- [Heading,
46
+ [
47
+ Heading,
47
48
  {
48
49
  options: {
49
50
  levels: [1, 2, 3],
@@ -71,11 +72,14 @@
71
72
  __metadata("design:type", String)
72
73
  ], ZdRichText.prototype, "placeholder", void 0);
73
74
  __decorate([
74
- vuetify.PropWatch({ type: [Boolean, String], default: false }),
75
+ vuetify.PropWatch({
76
+ type: [Boolean, String],
77
+ default: false,
78
+ }),
75
79
  __metadata("design:type", Object)
76
80
  ], ZdRichText.prototype, "disabled", void 0);
77
81
  __decorate([
78
- vuetify.PropWatch({ type: String, default: 'var(--v-primary-base)' }),
82
+ vuetify.PropWatch({ type: String, default: undefined }),
79
83
  __metadata("design:type", String)
80
84
  ], ZdRichText.prototype, "toolbarColor", void 0);
81
85
  __decorate([
@@ -83,15 +87,24 @@
83
87
  __metadata("design:type", String)
84
88
  ], ZdRichText.prototype, "cardColor", void 0);
85
89
  __decorate([
86
- vuetify.PropWatch({ type: [Boolean, String], default: false }),
90
+ vuetify.PropWatch({
91
+ type: [Boolean, String],
92
+ default: false,
93
+ }),
87
94
  __metadata("design:type", Object)
88
95
  ], ZdRichText.prototype, "outlined", void 0);
89
96
  __decorate([
90
- vuetify.PropWatch({ type: [Number, String], default: '' }),
97
+ vuetify.PropWatch({
98
+ type: [Number, String],
99
+ default: '',
100
+ }),
91
101
  __metadata("design:type", Object)
92
102
  ], ZdRichText.prototype, "width", void 0);
93
103
  __decorate([
94
- vuetify.PropWatch({ type: [Number, String], default: '' }),
104
+ vuetify.PropWatch({
105
+ type: [Number, String],
106
+ default: '',
107
+ }),
95
108
  __metadata("design:type", Object)
96
109
  ], ZdRichText.prototype, "height", void 0);
97
110
  ZdRichText = __decorate([
@@ -238,13 +251,15 @@
238
251
  return _c(
239
252
  "div",
240
253
  {
241
- class: [
242
- "zd-rich-text",
243
- { "theme--light": _vm.$isLight(this) },
244
- { "theme--dark": _vm.$isDark(this) },
245
- _vm.instance.cssClass,
254
+ directives: [
255
+ {
256
+ name: "show",
257
+ rawName: "v-show",
258
+ value: _vm.instance.isVisible,
259
+ expression: "instance.isVisible",
260
+ },
246
261
  ],
247
- style: Object.assign({}, _vm.instance.cssStyle),
262
+ class: ["zd-rich-text", _vm.instance.cssClass],
248
263
  attrs: { id: _vm.instance.name, name: _vm.instance.name },
249
264
  },
250
265
  [
@@ -254,15 +269,18 @@
254
269
  extensions: _vm.extensions,
255
270
  "toolbar-attributes": {
256
271
  color: _vm.instance.toolbarColor,
257
- class: "rounded-t",
272
+ class: "zd-rich-text-header rounded-t",
258
273
  width: _vm.instance.width,
259
274
  },
260
275
  "card-props": {
261
276
  color: _vm.instance.cardColor,
262
- class: "rounded-b-md",
277
+ class: "zd-rich-text-content rounded-b-md",
263
278
  outlined: _vm.instance.outlined,
264
279
  width: _vm.instance.width,
265
280
  height: _vm.instance.height,
281
+ style: _vm.instance.cssStyle,
282
+ dark: _vm.instance.dark,
283
+ light: _vm.instance.light,
266
284
  },
267
285
  placeholder: _vm.instance.placeholder,
268
286
  disabled: _vm.instance.disabled,
@@ -290,7 +308,7 @@
290
308
  /* style */
291
309
  const __vue_inject_styles__ = function (inject) {
292
310
  if (!inject) return
293
- inject("data-v-451a1082_0", { source: ".zd-rich-text button.v-btn.v-btn--icon.v-btn--round.theme--light.v-size--small.tiptap-vuetify-editor__action-render-btn {\n color: #ffffff;\n}\n.zd-rich-text div.v-card {\n display: flex;\n flex-direction: column;\n}\n.zd-rich-text div.v-card div.tiptap-vuetify-editor__toolbar {\n display: flex;\n}\n.zd-rich-text div.v-card div.tiptap-vuetify-editor__content {\n flex-grow: 1;\n}\n.zd-rich-text div.v-card div.tiptap-vuetify-editor__content .ProseMirror {\n margin: var(--spacing-2) !important;\n height: 100%;\n}\n.zd-rich-text div.v-card div.tiptap-vuetify-editor__content .ProseMirror p {\n margin-top: var(--spacing-2) !important;\n margin-bottom: var(--spacing-2) !important;\n}", map: undefined, media: undefined });
311
+ inject("data-v-6f6ebaf8_0", { source: ".zd-rich-text button.v-btn {\n color: #ffffff !important;\n}\n.zd-rich-text-content.theme--dark {\n background-color: #383838;\n}\n.zd-rich-text div.v-card {\n display: flex;\n flex-direction: column;\n}\n.zd-rich-text div.v-card div.tiptap-vuetify-editor__toolbar {\n display: flex;\n}\n.zd-rich-text div.v-card div.tiptap-vuetify-editor__toolbar header {\n background-color: var(--v-primary-base);\n}\n.zd-rich-text div.v-card div.tiptap-vuetify-editor__content {\n flex-grow: 1;\n}\n.zd-rich-text div.v-card div.tiptap-vuetify-editor__content .ProseMirror {\n margin: var(--spacing-2) !important;\n height: 100%;\n}\n.zd-rich-text div.v-card div.tiptap-vuetify-editor__content .ProseMirror p {\n margin-top: var(--spacing-2) !important;\n margin-bottom: var(--spacing-2) !important;\n}", map: undefined, media: undefined });
294
312
 
295
313
  };
296
314
  /* scoped */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zeedhi/zd-richtext-vue",
3
- "version": "1.2.1",
3
+ "version": "1.2.2",
4
4
  "description": "RichTextVue by BVR",
5
5
  "main": "dist/rich-text-vue.umd.js",
6
6
  "module": "dist/rich-text-vue.esm.js",
@@ -14,6 +14,7 @@
14
14
  "watch": "rollup -cw"
15
15
  },
16
16
  "dependencies": {
17
+ "tiptap-extensions": "^1.35.2",
17
18
  "tiptap-vuetify": "^2.24.0"
18
19
  },
19
20
  "peerDependencies": {
@@ -23,5 +24,5 @@
23
24
  "vue-class-component": "^7.2.6",
24
25
  "vue-property-decorator": "^9.1.2"
25
26
  },
26
- "gitHead": "bd123ff962b96257a9fa5b06982a36d1f760eb01"
27
+ "gitHead": "afcd93321d2805e8ac7e3f0bd55b39a636736f05"
27
28
  }