survey-creator-vue 2.4.0 → 2.5.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.
- package/package.json +16 -4
- package/survey-creator-vue-presets.es.js +98 -0
- package/survey-creator-vue-presets.umd.js +1 -0
- package/survey-creator-vue.es.js +173 -168
- package/survey-creator-vue.umd.js +2 -2
- package/types-presets/Presets.vue.d.ts +14 -0
- package/types-presets/PresetsIconItem.vue.d.ts +15 -0
- package/types-presets/PresetsPropertyGrid.vue.d.ts +15 -0
- package/types-presets/index.d.ts +2 -0
- package/types/App.vue.d.ts +0 -5
- package/types/main.d.ts +0 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "survey-creator-vue",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.5.0",
|
|
4
4
|
"description": "A white-label drag-and-drop form builder for Vue.js that lets you design complex, interactive forms and surveys without writing code. It generates JSON schemas used by the SurveyJS Form Library to render dynamic forms in your Vue.js app.",
|
|
5
5
|
"author": "DevSoft Baltic OU <info@devsoftbaltic.com>",
|
|
6
6
|
"homepage": "https://surveyjs.io/",
|
|
@@ -39,9 +39,21 @@
|
|
|
39
39
|
"url": "https://github.com/surveyjs/survey-creator.git"
|
|
40
40
|
},
|
|
41
41
|
"peerDependencies": {
|
|
42
|
-
"survey-core": "2.
|
|
43
|
-
"survey-creator-core": "2.
|
|
44
|
-
"survey-vue3-ui": "2.
|
|
42
|
+
"survey-core": "2.5.0",
|
|
43
|
+
"survey-creator-core": "2.5.0",
|
|
44
|
+
"survey-vue3-ui": "2.5.0",
|
|
45
45
|
"vue": "^3.2.41"
|
|
46
|
+
},
|
|
47
|
+
"exports": {
|
|
48
|
+
".": {
|
|
49
|
+
"types": "./types/index.d.ts",
|
|
50
|
+
"import": "./survey-creator-vue.es.js",
|
|
51
|
+
"require": "./survey-creator-vue.umd.js"
|
|
52
|
+
},
|
|
53
|
+
"./presets": {
|
|
54
|
+
"types": "./types-presets/index.d.ts",
|
|
55
|
+
"import": "./survey-creator-vue-presets.es.js",
|
|
56
|
+
"require": "./survey-creator-vue-presets.umd.js"
|
|
57
|
+
}
|
|
46
58
|
}
|
|
47
59
|
}
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import { useBase as y, SvComponent as i, ComponentFactory as d } from "survey-vue3-ui";
|
|
2
|
+
import { defineComponent as u, computed as h, openBlock as a, createElementBlock as v, Fragment as b, createElementVNode as s, createBlock as x, unref as o, createCommentVNode as f, createVNode as _, toDisplayString as m } from "vue";
|
|
3
|
+
import { getLocString as g } from "survey-creator-core";
|
|
4
|
+
const C = { class: "svc-flex-column" }, P = { class: "svc-tab-designer" }, k = /* @__PURE__ */ u({
|
|
5
|
+
__name: "Presets",
|
|
6
|
+
props: {
|
|
7
|
+
model: {}
|
|
8
|
+
},
|
|
9
|
+
setup(r) {
|
|
10
|
+
const e = r, n = h(() => {
|
|
11
|
+
var t;
|
|
12
|
+
return (t = e.model) == null ? void 0 : t.model;
|
|
13
|
+
}), l = h(() => {
|
|
14
|
+
var t;
|
|
15
|
+
return (t = e.model) == null ? void 0 : t.creator;
|
|
16
|
+
});
|
|
17
|
+
return y(() => n.value), (t, c) => (a(), v(b, null, [
|
|
18
|
+
s("div", C, [
|
|
19
|
+
l.value.showToolbox ? (a(), x(o(i), {
|
|
20
|
+
key: 0,
|
|
21
|
+
is: "svc-toolbox",
|
|
22
|
+
model: l.value
|
|
23
|
+
}, null, 8, ["model"])) : f("", !0)
|
|
24
|
+
]),
|
|
25
|
+
s("div", P, [
|
|
26
|
+
_(o(i), {
|
|
27
|
+
is: "survey",
|
|
28
|
+
model: n.value
|
|
29
|
+
}, null, 8, ["model"])
|
|
30
|
+
])
|
|
31
|
+
], 64));
|
|
32
|
+
}
|
|
33
|
+
}), N = {
|
|
34
|
+
key: 0,
|
|
35
|
+
class: "sps-icon-item",
|
|
36
|
+
style: { display: "flex" }
|
|
37
|
+
}, $ = { class: "sps-icon-item__text" }, I = /* @__PURE__ */ u({
|
|
38
|
+
__name: "PresetsIconItem",
|
|
39
|
+
props: {
|
|
40
|
+
item: {}
|
|
41
|
+
},
|
|
42
|
+
setup(r) {
|
|
43
|
+
return (e, n) => e.item ? (a(), v("div", N, [
|
|
44
|
+
_(o(i), {
|
|
45
|
+
is: "sv-svg-icon",
|
|
46
|
+
class: "sps-icon-item__icon",
|
|
47
|
+
size: "auto",
|
|
48
|
+
iconName: e.item.value
|
|
49
|
+
}, null, 8, ["iconName"]),
|
|
50
|
+
s("span", $, m(e.item.title), 1)
|
|
51
|
+
])) : f("", !0);
|
|
52
|
+
}
|
|
53
|
+
}), w = { class: "sps-launch" }, B = { class: "sps-launch__container" }, T = { class: "sps-launch__text" }, D = { class: "sps-launch__text2" }, S = { class: "sps-launch__icon" }, V = { class: "sps-launch__chevron-right-16-x-16" }, z = { class: "sps-launch__icon2" }, E = /* @__PURE__ */ u({
|
|
54
|
+
__name: "PresetsPropertyGrid",
|
|
55
|
+
props: {
|
|
56
|
+
model: {}
|
|
57
|
+
},
|
|
58
|
+
setup(r) {
|
|
59
|
+
const e = r, n = g("presets.plugin.buttonTitle"), l = g("presets.plugin.buttonDescription"), t = () => {
|
|
60
|
+
var c, p;
|
|
61
|
+
(p = (c = e.model).showPresets) == null || p.call(c);
|
|
62
|
+
};
|
|
63
|
+
return (c, p) => (a(), v(b, null, [
|
|
64
|
+
s("div", w, [
|
|
65
|
+
s("button", {
|
|
66
|
+
class: "sps-launch__card",
|
|
67
|
+
onClick: t
|
|
68
|
+
}, [
|
|
69
|
+
s("div", B, [
|
|
70
|
+
s("div", T, m(o(n)), 1),
|
|
71
|
+
s("div", D, m(o(l)), 1)
|
|
72
|
+
]),
|
|
73
|
+
s("div", S, [
|
|
74
|
+
s("div", V, [
|
|
75
|
+
s("div", z, [
|
|
76
|
+
_(o(i), {
|
|
77
|
+
is: "sv-svg-icon",
|
|
78
|
+
size: "auto",
|
|
79
|
+
iconName: "chevrondown-24x24"
|
|
80
|
+
})
|
|
81
|
+
])
|
|
82
|
+
])
|
|
83
|
+
])
|
|
84
|
+
])
|
|
85
|
+
]),
|
|
86
|
+
_(o(i), {
|
|
87
|
+
is: "svc-property-grid",
|
|
88
|
+
model: c.model
|
|
89
|
+
}, null, 8, ["model"])
|
|
90
|
+
], 64));
|
|
91
|
+
}
|
|
92
|
+
});
|
|
93
|
+
d.Instance.registerComponent("svc-tab-presets", k);
|
|
94
|
+
d.Instance.registerComponent("svc-presets-icon-item", I);
|
|
95
|
+
d.Instance.registerComponent("svc-presets-property-grid", E);
|
|
96
|
+
export {
|
|
97
|
+
k as TabPresets
|
|
98
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(function(o,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("survey-vue3-ui"),require("vue"),require("survey-creator-core")):typeof define=="function"&&define.amd?define(["exports","survey-vue3-ui","vue","survey-creator-core"],t):(o=typeof globalThis<"u"?globalThis:o||self,t(o.SurveyCreatorVuePresets={},o.SurveyVue3,o.Vue,o.SurveyCreatorCore))})(this,function(o,t,e,d){"use strict";const p={class:"svc-flex-column"},_={class:"svc-tab-designer"},m=e.defineComponent({__name:"Presets",props:{model:{}},setup(i){const n=i,c=e.computed(()=>{var s;return(s=n.model)==null?void 0:s.model}),l=e.computed(()=>{var s;return(s=n.model)==null?void 0:s.creator});return t.useBase(()=>c.value),(s,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",p,[l.value.showToolbox?(e.openBlock(),e.createBlock(e.unref(t.SvComponent),{key:0,is:"svc-toolbox",model:l.value},null,8,["model"])):e.createCommentVNode("",!0)]),e.createElementVNode("div",_,[e.createVNode(e.unref(t.SvComponent),{is:"survey",model:c.value},null,8,["model"])])],64))}}),h={key:0,class:"sps-icon-item",style:{display:"flex"}},f={class:"sps-icon-item__text"},u=e.defineComponent({__name:"PresetsIconItem",props:{item:{}},setup(i){return(n,c)=>n.item?(e.openBlock(),e.createElementBlock("div",h,[e.createVNode(e.unref(t.SvComponent),{is:"sv-svg-icon",class:"sps-icon-item__icon",size:"auto",iconName:n.item.value},null,8,["iconName"]),e.createElementVNode("span",f,e.toDisplayString(n.item.title),1)])):e.createCommentVNode("",!0)}}),N={class:"sps-launch"},g={class:"sps-launch__container"},C={class:"sps-launch__text"},y={class:"sps-launch__text2"},S={class:"sps-launch__icon"},E={class:"sps-launch__chevron-right-16-x-16"},V={class:"sps-launch__icon2"},k=e.defineComponent({__name:"PresetsPropertyGrid",props:{model:{}},setup(i){const n=i,c=d.getLocString("presets.plugin.buttonTitle"),l=d.getLocString("presets.plugin.buttonDescription"),s=()=>{var r,a;(a=(r=n.model).showPresets)==null||a.call(r)};return(r,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",N,[e.createElementVNode("button",{class:"sps-launch__card",onClick:s},[e.createElementVNode("div",g,[e.createElementVNode("div",C,e.toDisplayString(e.unref(c)),1),e.createElementVNode("div",y,e.toDisplayString(e.unref(l)),1)]),e.createElementVNode("div",S,[e.createElementVNode("div",E,[e.createElementVNode("div",V,[e.createVNode(e.unref(t.SvComponent),{is:"sv-svg-icon",size:"auto",iconName:"chevrondown-24x24"})])])])])]),e.createVNode(e.unref(t.SvComponent),{is:"svc-property-grid",model:r.model},null,8,["model"])],64))}});t.ComponentFactory.Instance.registerComponent("svc-tab-presets",m),t.ComponentFactory.Instance.registerComponent("svc-presets-icon-item",u),t.ComponentFactory.Instance.registerComponent("svc-presets-property-grid",k),o.TabPresets=m,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})});
|