@ghentcdh/ui 2.0.0 → 3.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.
- package/ControlWrapper-DejmeYzV.js +1 -0
- package/ControlWrapper-DqO2d36v.js +152 -0
- package/Markdown-DcpBYoNe.js +1 -0
- package/Markdown-Dj1gzJJq.js +59 -0
- package/filter/filter.vue.d.ts +1 -1
- package/form/Checkbox.vue.d.ts +7 -7
- package/form/Input.vue.d.ts +7 -7
- package/form/InputNumber.vue.d.ts +7 -7
- package/form/Textarea.vue.d.ts +8 -8
- package/form/core/ControlWrapper.vue.d.ts +7 -7
- package/form/index.d.ts +8 -8
- package/form/select/AutoComplete.vue.d.ts +11 -11
- package/form/select/MultiSelect.vue.d.ts +10 -10
- package/form/select/SelectComponent.vue.d.ts +10 -10
- package/form/select/SelectWrapper.vue.d.ts +10 -10
- package/form/text/Markdown.vue.d.ts +8 -8
- package/form/text/MarkdownFallback.vue.d.ts +8 -8
- package/index.css +3 -1
- package/index.js +2 -1
- package/index.mjs +2330 -67
- package/package.json +1 -1
- package/table/table.component.vue.d.ts +1 -1
- package/testing.js +1 -1
- package/testing.mjs +338 -419
- package/Markdown-C7ZNnPQB.js +0 -1
- package/Markdown-OZGmR-pI.js +0 -76
- package/index-NGeplssl.js +0 -2
- package/index-WrdKkd9c.js +0 -2633
|
@@ -0,0 +1 @@
|
|
|
1
|
+
require(`./Markdown-DcpBYoNe.js`);let e=require(`vue`);var t={group:{root:`group`,label:`text-primary text-lg font-bold`,item:`group-item`},verticalLayout:{root:`flex flex-col gap-x-2`,item:`w-full`},horizontalLayout:{root:`flex flex-row gap-x-2`,item:`w-full`},arrayList:{root:`fieldset`,legend:`fieldset-legend text-xl capitalize`},control:{root:`fieldset`,wrapper:`fieldset`,label:`fieldset-legend`,error:``,input:`input`,textarea:`textarea h-32`,checkbox:`checkbox`,select:`input pr-14`,description:`form-control--description label text-xs text-gray-500`},fixedArrayList:{root:`flex flex-row gap-x-2`,item:`w-full`}},n=e=>{if(!e)return{...t};let n={...t};for(let r of Object.keys(e)){let i=e[r];i&&typeof i==`object`&&(n[r]={...t[r],...i})}return n},r={id:{type:String,default:void 0},placeholder:{type:String,default:void 0},description:{type:String,default:void 0},errors:{type:String,default:void 0},label:{type:String,default:void 0},visible:{type:Boolean,default:!1},required:{type:Boolean,default:!1},enabled:{type:Boolean,default:!0},isFocused:{type:Boolean,default:!1},isTouched:{type:Boolean,default:!1},hideLabel:{type:Boolean,default:!1},styles:{type:Object,default:()=>t},width:{type:String,default:`!w-48`},size:{type:String,default:void 0},hideErrors:{type:Boolean,default:!1}},i=[`change`],a={...r,width:{type:String,default:`w-48`},minHeight:{type:String,default:`min-h-[50vh]`},actions:{type:Object,default:()=>[{label:`<strong>B</strong>`,name:`bold`,action:e=>e?.chain().focus().toggleBold().run()},{label:`<em>I</em>`,name:`italic`,action:e=>e?.chain().focus().toggleItalic().run()}]}},o=({isTouched:e,errors:t})=>!!(e&&t),s=(e,t,n,r)=>t===void 0||t!==void 0&&!e||!r&&!n,c=(e,t)=>[e,{"input-sm":t.size===`sm`,"input-error":o(t)}],l={key:0,class:`flex items-center justify-between mb-2`},u={key:0},d=(0,e.defineComponent)({__name:`ControlWrapper`,props:r,setup(t){let r=t,i=(0,e.computed)(()=>!s(r.visible,r.description,r.isFocused,!0)),a=(0,e.computed)(()=>r.required),c=(0,e.computed)(()=>o(r)),d=(0,e.computed)(()=>n(r.styles));return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`fieldset`,{class:(0,e.normalizeClass)([`fieldset`,[t.width,d.value.control.wrapper]])},[(0,e.createElementVNode)(`legend`,{class:(0,e.normalizeClass)([`w-full inline-block`,[d.value.control.label,{"p-0 h-0 leading-none":t.hideLabel}]])},[t.hideLabel?(0,e.createCommentVNode)(``,!0):((0,e.openBlock)(),(0,e.createElementBlock)(`div`,l,[(0,e.createElementVNode)(`div`,null,[(0,e.createElementVNode)(`span`,null,(0,e.toDisplayString)(t.label),1),a.value?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,u,`*`)):(0,e.createCommentVNode)(``,!0)]),(0,e.renderSlot)(t.$slots,`label-action`)]))],2),(0,e.renderSlot)(t.$slots,`default`),t.hideErrors?(0,e.createCommentVNode)(``,!0):((0,e.openBlock)(),(0,e.createElementBlock)(`p`,{key:0,class:(0,e.normalizeClass)([`fieldset-label h-4`,{"text-error":c.value}])},(0,e.toDisplayString)(c.value?t.errors:i.value?t.description:null),3))],2))}});Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});
|
|
@@ -0,0 +1,152 @@
|
|
|
1
|
+
import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, renderSlot as s, toDisplayString as c } from "vue";
|
|
2
|
+
//#region src/form/core/styles.ts
|
|
3
|
+
var l = {
|
|
4
|
+
group: {
|
|
5
|
+
root: "group",
|
|
6
|
+
label: "text-primary text-lg font-bold",
|
|
7
|
+
item: "group-item"
|
|
8
|
+
},
|
|
9
|
+
verticalLayout: {
|
|
10
|
+
root: "flex flex-col gap-x-2",
|
|
11
|
+
item: "w-full"
|
|
12
|
+
},
|
|
13
|
+
horizontalLayout: {
|
|
14
|
+
root: "flex flex-row gap-x-2",
|
|
15
|
+
item: "w-full"
|
|
16
|
+
},
|
|
17
|
+
arrayList: {
|
|
18
|
+
root: "fieldset",
|
|
19
|
+
legend: "fieldset-legend text-xl capitalize"
|
|
20
|
+
},
|
|
21
|
+
control: {
|
|
22
|
+
root: "fieldset",
|
|
23
|
+
wrapper: "fieldset",
|
|
24
|
+
label: "fieldset-legend",
|
|
25
|
+
error: "",
|
|
26
|
+
input: "input",
|
|
27
|
+
textarea: "textarea h-32",
|
|
28
|
+
checkbox: "checkbox",
|
|
29
|
+
select: "input pr-14",
|
|
30
|
+
description: "form-control--description label text-xs text-gray-500"
|
|
31
|
+
},
|
|
32
|
+
fixedArrayList: {
|
|
33
|
+
root: "flex flex-row gap-x-2",
|
|
34
|
+
item: "w-full"
|
|
35
|
+
}
|
|
36
|
+
}, u = (e) => {
|
|
37
|
+
if (!e) return { ...l };
|
|
38
|
+
let t = { ...l };
|
|
39
|
+
for (let n of Object.keys(e)) {
|
|
40
|
+
let r = e[n];
|
|
41
|
+
r && typeof r == "object" && (t[n] = {
|
|
42
|
+
...l[n],
|
|
43
|
+
...r
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
return t;
|
|
47
|
+
}, d = {
|
|
48
|
+
id: {
|
|
49
|
+
type: String,
|
|
50
|
+
default: void 0
|
|
51
|
+
},
|
|
52
|
+
placeholder: {
|
|
53
|
+
type: String,
|
|
54
|
+
default: void 0
|
|
55
|
+
},
|
|
56
|
+
description: {
|
|
57
|
+
type: String,
|
|
58
|
+
default: void 0
|
|
59
|
+
},
|
|
60
|
+
errors: {
|
|
61
|
+
type: String,
|
|
62
|
+
default: void 0
|
|
63
|
+
},
|
|
64
|
+
label: {
|
|
65
|
+
type: String,
|
|
66
|
+
default: void 0
|
|
67
|
+
},
|
|
68
|
+
visible: {
|
|
69
|
+
type: Boolean,
|
|
70
|
+
default: !1
|
|
71
|
+
},
|
|
72
|
+
required: {
|
|
73
|
+
type: Boolean,
|
|
74
|
+
default: !1
|
|
75
|
+
},
|
|
76
|
+
enabled: {
|
|
77
|
+
type: Boolean,
|
|
78
|
+
default: !0
|
|
79
|
+
},
|
|
80
|
+
isFocused: {
|
|
81
|
+
type: Boolean,
|
|
82
|
+
default: !1
|
|
83
|
+
},
|
|
84
|
+
isTouched: {
|
|
85
|
+
type: Boolean,
|
|
86
|
+
default: !1
|
|
87
|
+
},
|
|
88
|
+
hideLabel: {
|
|
89
|
+
type: Boolean,
|
|
90
|
+
default: !1
|
|
91
|
+
},
|
|
92
|
+
styles: {
|
|
93
|
+
type: Object,
|
|
94
|
+
default: () => l
|
|
95
|
+
},
|
|
96
|
+
width: {
|
|
97
|
+
type: String,
|
|
98
|
+
default: "!w-48"
|
|
99
|
+
},
|
|
100
|
+
size: {
|
|
101
|
+
type: String,
|
|
102
|
+
default: void 0
|
|
103
|
+
},
|
|
104
|
+
hideErrors: {
|
|
105
|
+
type: Boolean,
|
|
106
|
+
default: !1
|
|
107
|
+
}
|
|
108
|
+
}, f = ["change"], p = {
|
|
109
|
+
...d,
|
|
110
|
+
width: {
|
|
111
|
+
type: String,
|
|
112
|
+
default: "w-48"
|
|
113
|
+
},
|
|
114
|
+
minHeight: {
|
|
115
|
+
type: String,
|
|
116
|
+
default: "min-h-[50vh]"
|
|
117
|
+
},
|
|
118
|
+
actions: {
|
|
119
|
+
type: Object,
|
|
120
|
+
default: () => [{
|
|
121
|
+
label: "<strong>B</strong>",
|
|
122
|
+
name: "bold",
|
|
123
|
+
action: (e) => e?.chain().focus().toggleBold().run()
|
|
124
|
+
}, {
|
|
125
|
+
label: "<em>I</em>",
|
|
126
|
+
name: "italic",
|
|
127
|
+
action: (e) => e?.chain().focus().toggleItalic().run()
|
|
128
|
+
}]
|
|
129
|
+
}
|
|
130
|
+
}, m = ({ isTouched: e, errors: t }) => !!(e && t), h = (e, t, n, r) => t === void 0 || t !== void 0 && !e || !r && !n, g = (e, t) => [e, {
|
|
131
|
+
"input-sm": t.size === "sm",
|
|
132
|
+
"input-error": m(t)
|
|
133
|
+
}], _ = {
|
|
134
|
+
key: 0,
|
|
135
|
+
class: "flex items-center justify-between mb-2"
|
|
136
|
+
}, v = { key: 0 }, y = /* @__PURE__ */ i({
|
|
137
|
+
__name: "ControlWrapper",
|
|
138
|
+
props: d,
|
|
139
|
+
setup(i) {
|
|
140
|
+
let l = i, d = e(() => !h(l.visible, l.description, l.isFocused, !0)), f = e(() => l.required), p = e(() => m(l)), g = e(() => u(l.styles));
|
|
141
|
+
return (e, i) => (o(), n("fieldset", { class: a(["fieldset", [e.width, g.value.control.wrapper]]) }, [
|
|
142
|
+
r("legend", { class: a(["w-full inline-block", [g.value.control.label, { "p-0 h-0 leading-none": e.hideLabel }]]) }, [e.hideLabel ? t("", !0) : (o(), n("div", _, [r("div", null, [r("span", null, c(e.label), 1), f.value ? (o(), n("span", v, "*")) : t("", !0)]), s(e.$slots, "label-action")]))], 2),
|
|
143
|
+
s(e.$slots, "default"),
|
|
144
|
+
e.hideErrors ? t("", !0) : (o(), n("p", {
|
|
145
|
+
key: 0,
|
|
146
|
+
class: a(["fieldset-label h-4", { "text-error": p.value }])
|
|
147
|
+
}, c(p.value ? e.errors : d.value ? e.description : null), 3))
|
|
148
|
+
], 2));
|
|
149
|
+
}
|
|
150
|
+
});
|
|
151
|
+
//#endregion
|
|
152
|
+
export { p as a, u as c, m as i, l, g as n, f as o, h as r, d as s, y as t };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));const c=require(`./ControlWrapper-DejmeYzV.js`);let l=require(`vue`),u=require(`@tiptap/starter-kit`);u=s(u);let d=require(`@tiptap/vue-3`),f=require(`tiptap-markdown`);var p=[`aria-label`],m={class:`flex items-center gap-1 px-3 py-2 border-b border-base-300 bg-base-200`},h=[`title`,`onClick`],g=[`innerHTML`],_={class:`card-body p-3`},v=(0,l.defineComponent)({__name:`Markdown`,props:(0,l.mergeModels)(c.a,{modelValue:{},modelModifiers:{}}),emits:(0,l.mergeModels)(c.o,[`update:modelValue`]),setup(e,{emit:t}){let n=e,r=t,i=(0,l.useModel)(e,`modelValue`),a=(0,d.useEditor)({content:i.value??``,extensions:[u.default.configure({heading:!1,blockquote:!1,bulletList:!1,orderedList:!1,listItem:!1,code:!1,codeBlock:!1,horizontalRule:!1,hardBreak:!1}),f.Markdown.configure({html:!1,transformPastedText:!0})],onUpdate({editor:e}){let t=e.storage.markdown.getMarkdown();i.value=t,r(`change`,t)}});return(0,l.onBeforeUnmount)(()=>{a.value?.destroy()}),(e,t)=>((0,l.openBlock)(),(0,l.createBlock)(c.t,(0,l.normalizeProps)((0,l.guardReactiveProps)(n)),{default:(0,l.withCtx)(()=>[(0,l.createElementVNode)(`div`,{class:(0,l.normalizeClass)([[e.minHeight],`card bg-base-100 border border-base-300 w-full`]),"aria-label":e.id,role:`textbox`},[(0,l.createElementVNode)(`div`,m,[((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(e.actions,e=>((0,l.openBlock)(),(0,l.createElementBlock)(`button`,{key:e.name,tabindex:`-1`,type:`button`,class:(0,l.normalizeClass)([`btn btn-sm btn-ghost`,{"btn-active":(0,l.unref)(a)?.isActive(e.name)}]),title:e.label,onClick:t=>e.action((0,l.unref)(a))},[(0,l.createElementVNode)(`span`,{innerHTML:e.label},null,8,g)],10,h))),128))]),(0,l.createElementVNode)(`div`,_,[(0,l.createVNode)((0,l.unref)(d.EditorContent),{editor:(0,l.unref)(a),class:`prose prose-sm max-w-none h-full`},null,8,[`editor`])])],10,p)]),_:1},16))}});exports.default=v,exports.t=s;
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { a as e, o as t, t as n } from "./ControlWrapper-DqO2d36v.js";
|
|
2
|
+
import { Fragment as r, createBlock as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, guardReactiveProps as l, mergeModels as u, normalizeClass as d, normalizeProps as f, onBeforeUnmount as p, openBlock as m, renderList as h, unref as g, useModel as _, withCtx as v } from "vue";
|
|
3
|
+
import y from "@tiptap/starter-kit";
|
|
4
|
+
import { EditorContent as b, useEditor as x } from "@tiptap/vue-3";
|
|
5
|
+
import { Markdown as S } from "tiptap-markdown";
|
|
6
|
+
//#region src/form/text/Markdown.vue?vue&type=script&setup=true&lang.ts
|
|
7
|
+
var C = ["aria-label"], w = { class: "flex items-center gap-1 px-3 py-2 border-b border-base-300 bg-base-200" }, T = ["title", "onClick"], E = ["innerHTML"], D = { class: "card-body p-3" }, O = /* @__PURE__ */ c({
|
|
8
|
+
__name: "Markdown",
|
|
9
|
+
props: /* @__PURE__ */ u(e, {
|
|
10
|
+
modelValue: {},
|
|
11
|
+
modelModifiers: {}
|
|
12
|
+
}),
|
|
13
|
+
emits: /* @__PURE__ */ u(t, ["update:modelValue"]),
|
|
14
|
+
setup(e, { emit: t }) {
|
|
15
|
+
let c = e, u = t, O = _(e, "modelValue"), k = x({
|
|
16
|
+
content: O.value ?? "",
|
|
17
|
+
extensions: [y.configure({
|
|
18
|
+
heading: !1,
|
|
19
|
+
blockquote: !1,
|
|
20
|
+
bulletList: !1,
|
|
21
|
+
orderedList: !1,
|
|
22
|
+
listItem: !1,
|
|
23
|
+
code: !1,
|
|
24
|
+
codeBlock: !1,
|
|
25
|
+
horizontalRule: !1,
|
|
26
|
+
hardBreak: !1
|
|
27
|
+
}), S.configure({
|
|
28
|
+
html: !1,
|
|
29
|
+
transformPastedText: !0
|
|
30
|
+
})],
|
|
31
|
+
onUpdate({ editor: e }) {
|
|
32
|
+
let t = e.storage.markdown.getMarkdown();
|
|
33
|
+
O.value = t, u("change", t);
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
return p(() => {
|
|
37
|
+
k.value?.destroy();
|
|
38
|
+
}), (e, t) => (m(), i(n, f(l(c)), {
|
|
39
|
+
default: v(() => [o("div", {
|
|
40
|
+
class: d([[e.minHeight], "card bg-base-100 border border-base-300 w-full"]),
|
|
41
|
+
"aria-label": e.id,
|
|
42
|
+
role: "textbox"
|
|
43
|
+
}, [o("div", w, [(m(!0), a(r, null, h(e.actions, (e) => (m(), a("button", {
|
|
44
|
+
key: e.name,
|
|
45
|
+
tabindex: "-1",
|
|
46
|
+
type: "button",
|
|
47
|
+
class: d(["btn btn-sm btn-ghost", { "btn-active": g(k)?.isActive(e.name) }]),
|
|
48
|
+
title: e.label,
|
|
49
|
+
onClick: (t) => e.action(g(k))
|
|
50
|
+
}, [o("span", { innerHTML: e.label }, null, 8, E)], 10, T))), 128))]), o("div", D, [s(g(b), {
|
|
51
|
+
editor: g(k),
|
|
52
|
+
class: "prose prose-sm max-w-none h-full"
|
|
53
|
+
}, null, 8, ["editor"])])], 10, C)]),
|
|
54
|
+
_: 1
|
|
55
|
+
}, 16));
|
|
56
|
+
}
|
|
57
|
+
});
|
|
58
|
+
//#endregion
|
|
59
|
+
export { O as default };
|
package/filter/filter.vue.d.ts
CHANGED
|
@@ -73,9 +73,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
73
73
|
default: boolean;
|
|
74
74
|
};
|
|
75
75
|
}>> & Readonly<{}>, {
|
|
76
|
+
modelValue: any[];
|
|
76
77
|
labelKey: string;
|
|
77
78
|
valueKey: string;
|
|
78
|
-
modelValue: any[];
|
|
79
79
|
opened: boolean;
|
|
80
80
|
colorKey: string;
|
|
81
81
|
countKey: string;
|
package/form/Checkbox.vue.d.ts
CHANGED
|
@@ -203,6 +203,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
203
203
|
id: string;
|
|
204
204
|
placeholder: string;
|
|
205
205
|
width: string;
|
|
206
|
+
visible: boolean;
|
|
207
|
+
errors: string;
|
|
208
|
+
isTouched: boolean;
|
|
209
|
+
description: string;
|
|
210
|
+
enabled: boolean;
|
|
211
|
+
isFocused: boolean;
|
|
212
|
+
hideLabel: boolean;
|
|
206
213
|
styles: {
|
|
207
214
|
readonly group: {
|
|
208
215
|
readonly root: "group";
|
|
@@ -237,13 +244,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
237
244
|
readonly item: "w-full";
|
|
238
245
|
};
|
|
239
246
|
};
|
|
240
|
-
hideLabel: boolean;
|
|
241
|
-
visible: boolean;
|
|
242
|
-
errors: string;
|
|
243
|
-
isTouched: boolean;
|
|
244
|
-
description: string;
|
|
245
|
-
enabled: boolean;
|
|
246
|
-
isFocused: boolean;
|
|
247
247
|
hideErrors: boolean;
|
|
248
248
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
249
249
|
export default _default;
|
package/form/Input.vue.d.ts
CHANGED
|
@@ -220,6 +220,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
220
220
|
id: string;
|
|
221
221
|
placeholder: string;
|
|
222
222
|
width: string;
|
|
223
|
+
visible: boolean;
|
|
224
|
+
errors: string;
|
|
225
|
+
isTouched: boolean;
|
|
226
|
+
description: string;
|
|
227
|
+
enabled: boolean;
|
|
228
|
+
isFocused: boolean;
|
|
229
|
+
hideLabel: boolean;
|
|
223
230
|
styles: {
|
|
224
231
|
readonly group: {
|
|
225
232
|
readonly root: "group";
|
|
@@ -254,13 +261,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
254
261
|
readonly item: "w-full";
|
|
255
262
|
};
|
|
256
263
|
};
|
|
257
|
-
hideLabel: boolean;
|
|
258
|
-
visible: boolean;
|
|
259
|
-
errors: string;
|
|
260
|
-
isTouched: boolean;
|
|
261
|
-
description: string;
|
|
262
|
-
enabled: boolean;
|
|
263
|
-
isFocused: boolean;
|
|
264
264
|
hideErrors: boolean;
|
|
265
265
|
clearable: boolean;
|
|
266
266
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLFieldSetElement>;
|
|
@@ -211,6 +211,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
211
211
|
id: string;
|
|
212
212
|
placeholder: string;
|
|
213
213
|
width: string;
|
|
214
|
+
visible: boolean;
|
|
215
|
+
errors: string;
|
|
216
|
+
isTouched: boolean;
|
|
217
|
+
description: string;
|
|
218
|
+
enabled: boolean;
|
|
219
|
+
isFocused: boolean;
|
|
220
|
+
hideLabel: boolean;
|
|
214
221
|
styles: {
|
|
215
222
|
readonly group: {
|
|
216
223
|
readonly root: "group";
|
|
@@ -245,13 +252,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
245
252
|
readonly item: "w-full";
|
|
246
253
|
};
|
|
247
254
|
};
|
|
248
|
-
hideLabel: boolean;
|
|
249
|
-
visible: boolean;
|
|
250
|
-
errors: string;
|
|
251
|
-
isTouched: boolean;
|
|
252
|
-
description: string;
|
|
253
|
-
enabled: boolean;
|
|
254
|
-
isFocused: boolean;
|
|
255
255
|
hideErrors: boolean;
|
|
256
256
|
steps: number;
|
|
257
257
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLFieldSetElement>;
|
package/form/Textarea.vue.d.ts
CHANGED
|
@@ -236,6 +236,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
236
236
|
id: string;
|
|
237
237
|
placeholder: string;
|
|
238
238
|
width: string;
|
|
239
|
+
visible: boolean;
|
|
240
|
+
errors: string;
|
|
241
|
+
isTouched: boolean;
|
|
242
|
+
description: string;
|
|
243
|
+
enabled: boolean;
|
|
244
|
+
isFocused: boolean;
|
|
245
|
+
hideLabel: boolean;
|
|
239
246
|
styles: {
|
|
240
247
|
readonly group: {
|
|
241
248
|
readonly root: "group";
|
|
@@ -270,15 +277,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
270
277
|
readonly item: "w-full";
|
|
271
278
|
};
|
|
272
279
|
};
|
|
273
|
-
hideLabel: boolean;
|
|
274
|
-
minHeight: string;
|
|
275
|
-
visible: boolean;
|
|
276
|
-
errors: string;
|
|
277
|
-
isTouched: boolean;
|
|
278
|
-
description: string;
|
|
279
|
-
enabled: boolean;
|
|
280
|
-
isFocused: boolean;
|
|
281
280
|
hideErrors: boolean;
|
|
281
|
+
minHeight: string;
|
|
282
282
|
rows: number;
|
|
283
283
|
height: string;
|
|
284
284
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLFieldSetElement>;
|
|
@@ -203,6 +203,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
203
203
|
id: string;
|
|
204
204
|
placeholder: string;
|
|
205
205
|
width: string;
|
|
206
|
+
visible: boolean;
|
|
207
|
+
errors: string;
|
|
208
|
+
isTouched: boolean;
|
|
209
|
+
description: string;
|
|
210
|
+
enabled: boolean;
|
|
211
|
+
isFocused: boolean;
|
|
212
|
+
hideLabel: boolean;
|
|
206
213
|
styles: {
|
|
207
214
|
readonly group: {
|
|
208
215
|
readonly root: "group";
|
|
@@ -237,13 +244,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
237
244
|
readonly item: "w-full";
|
|
238
245
|
};
|
|
239
246
|
};
|
|
240
|
-
hideLabel: boolean;
|
|
241
|
-
visible: boolean;
|
|
242
|
-
errors: string;
|
|
243
|
-
isTouched: boolean;
|
|
244
|
-
description: string;
|
|
245
|
-
enabled: boolean;
|
|
246
|
-
isFocused: boolean;
|
|
247
247
|
hideErrors: boolean;
|
|
248
248
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLFieldSetElement>;
|
|
249
249
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
package/form/index.d.ts
CHANGED
|
@@ -234,6 +234,13 @@ export declare const Markdown: import('vue').DefineComponent<import('vue').Extra
|
|
|
234
234
|
placeholder: string;
|
|
235
235
|
width: string;
|
|
236
236
|
actions: import('./text/MarkdownComponent.properties').ToolbarAction[];
|
|
237
|
+
visible: boolean;
|
|
238
|
+
errors: string;
|
|
239
|
+
isTouched: boolean;
|
|
240
|
+
description: string;
|
|
241
|
+
enabled: boolean;
|
|
242
|
+
isFocused: boolean;
|
|
243
|
+
hideLabel: boolean;
|
|
237
244
|
styles: {
|
|
238
245
|
readonly group: {
|
|
239
246
|
readonly root: "group";
|
|
@@ -268,15 +275,8 @@ export declare const Markdown: import('vue').DefineComponent<import('vue').Extra
|
|
|
268
275
|
readonly item: "w-full";
|
|
269
276
|
};
|
|
270
277
|
};
|
|
271
|
-
hideLabel: boolean;
|
|
272
|
-
minHeight: string;
|
|
273
|
-
visible: boolean;
|
|
274
|
-
errors: string;
|
|
275
|
-
isTouched: boolean;
|
|
276
|
-
description: string;
|
|
277
|
-
enabled: boolean;
|
|
278
|
-
isFocused: boolean;
|
|
279
278
|
hideErrors: boolean;
|
|
279
|
+
minHeight: string;
|
|
280
280
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLFieldSetElement>;
|
|
281
281
|
export { default as Checkbox } from './Checkbox.vue';
|
|
282
282
|
export { default as Input } from './Input.vue';
|
|
@@ -329,8 +329,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
329
329
|
query: string;
|
|
330
330
|
width: string;
|
|
331
331
|
value: any;
|
|
332
|
-
|
|
333
|
-
|
|
332
|
+
visible: boolean;
|
|
333
|
+
errors: string;
|
|
334
|
+
isTouched: boolean;
|
|
335
|
+
description: string;
|
|
336
|
+
enabled: boolean;
|
|
337
|
+
isFocused: boolean;
|
|
338
|
+
hideLabel: boolean;
|
|
334
339
|
styles: {
|
|
335
340
|
readonly group: {
|
|
336
341
|
readonly root: "group";
|
|
@@ -365,23 +370,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
365
370
|
readonly item: "w-full";
|
|
366
371
|
};
|
|
367
372
|
};
|
|
368
|
-
hideLabel: boolean;
|
|
369
|
-
freeText: boolean;
|
|
370
|
-
enableCreate: boolean;
|
|
371
|
-
visible: boolean;
|
|
372
|
-
errors: string;
|
|
373
|
-
isTouched: boolean;
|
|
374
|
-
description: string;
|
|
375
|
-
enabled: boolean;
|
|
376
|
-
isFocused: boolean;
|
|
377
373
|
hideErrors: boolean;
|
|
378
374
|
modelValue: string | Record<string, any>;
|
|
379
375
|
isLoading: boolean;
|
|
380
376
|
teleported: boolean;
|
|
377
|
+
labelKey: string;
|
|
378
|
+
valueKey: string;
|
|
379
|
+
enableCreate: boolean;
|
|
381
380
|
clearable: boolean;
|
|
382
381
|
fetchOptions: Function;
|
|
383
382
|
debounceMs: number;
|
|
384
383
|
maxResults: number;
|
|
384
|
+
freeText: boolean;
|
|
385
385
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
|
386
386
|
inputRef: HTMLInputElement;
|
|
387
387
|
}, HTMLDivElement>;
|
|
@@ -302,8 +302,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
302
302
|
query: string;
|
|
303
303
|
width: string;
|
|
304
304
|
value: any;
|
|
305
|
-
|
|
306
|
-
|
|
305
|
+
visible: boolean;
|
|
306
|
+
errors: string;
|
|
307
|
+
isTouched: boolean;
|
|
308
|
+
description: string;
|
|
309
|
+
enabled: boolean;
|
|
310
|
+
isFocused: boolean;
|
|
311
|
+
hideLabel: boolean;
|
|
307
312
|
styles: {
|
|
308
313
|
readonly group: {
|
|
309
314
|
readonly root: "group";
|
|
@@ -338,18 +343,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
338
343
|
readonly item: "w-full";
|
|
339
344
|
};
|
|
340
345
|
};
|
|
341
|
-
hideLabel: boolean;
|
|
342
|
-
enableCreate: boolean;
|
|
343
|
-
visible: boolean;
|
|
344
|
-
errors: string;
|
|
345
|
-
isTouched: boolean;
|
|
346
|
-
description: string;
|
|
347
|
-
enabled: boolean;
|
|
348
|
-
isFocused: boolean;
|
|
349
346
|
hideErrors: boolean;
|
|
350
347
|
isLoading: boolean;
|
|
351
348
|
teleported: boolean;
|
|
352
349
|
isOpen: boolean;
|
|
350
|
+
labelKey: string;
|
|
351
|
+
valueKey: string;
|
|
352
|
+
enableCreate: boolean;
|
|
353
353
|
clearable: boolean;
|
|
354
354
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
355
355
|
export default _default;
|
|
@@ -260,8 +260,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
260
260
|
placeholder: string;
|
|
261
261
|
width: string;
|
|
262
262
|
value: any;
|
|
263
|
-
|
|
264
|
-
|
|
263
|
+
visible: boolean;
|
|
264
|
+
errors: string;
|
|
265
|
+
isTouched: boolean;
|
|
266
|
+
description: string;
|
|
267
|
+
enabled: boolean;
|
|
268
|
+
isFocused: boolean;
|
|
269
|
+
hideLabel: boolean;
|
|
265
270
|
styles: {
|
|
266
271
|
readonly group: {
|
|
267
272
|
readonly root: "group";
|
|
@@ -296,15 +301,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
296
301
|
readonly item: "w-full";
|
|
297
302
|
};
|
|
298
303
|
};
|
|
299
|
-
hideLabel: boolean;
|
|
300
|
-
enableCreate: boolean;
|
|
301
|
-
visible: boolean;
|
|
302
|
-
errors: string;
|
|
303
|
-
isTouched: boolean;
|
|
304
|
-
description: string;
|
|
305
|
-
enabled: boolean;
|
|
306
|
-
isFocused: boolean;
|
|
307
304
|
hideErrors: boolean;
|
|
305
|
+
labelKey: string;
|
|
306
|
+
valueKey: string;
|
|
307
|
+
enableCreate: boolean;
|
|
308
308
|
clearable: boolean;
|
|
309
309
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
310
310
|
export default _default;
|
|
@@ -362,8 +362,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
362
362
|
query: string;
|
|
363
363
|
width: string;
|
|
364
364
|
value: any;
|
|
365
|
-
|
|
366
|
-
|
|
365
|
+
visible: boolean;
|
|
366
|
+
errors: string;
|
|
367
|
+
isTouched: boolean;
|
|
368
|
+
description: string;
|
|
369
|
+
enabled: boolean;
|
|
370
|
+
isFocused: boolean;
|
|
371
|
+
hideLabel: boolean;
|
|
367
372
|
styles: {
|
|
368
373
|
readonly group: {
|
|
369
374
|
readonly root: "group";
|
|
@@ -398,18 +403,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
398
403
|
readonly item: "w-full";
|
|
399
404
|
};
|
|
400
405
|
};
|
|
401
|
-
hideLabel: boolean;
|
|
402
|
-
enableCreate: boolean;
|
|
403
|
-
visible: boolean;
|
|
404
|
-
errors: string;
|
|
405
|
-
isTouched: boolean;
|
|
406
|
-
description: string;
|
|
407
|
-
enabled: boolean;
|
|
408
|
-
isFocused: boolean;
|
|
409
406
|
hideErrors: boolean;
|
|
410
407
|
isLoading: boolean;
|
|
411
408
|
teleported: boolean;
|
|
412
409
|
isOpen: boolean;
|
|
410
|
+
labelKey: string;
|
|
411
|
+
valueKey: string;
|
|
412
|
+
enableCreate: boolean;
|
|
413
413
|
clearable: boolean;
|
|
414
414
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
|
415
415
|
selectWrapperRef: HTMLDivElement;
|
|
@@ -220,6 +220,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
220
220
|
placeholder: string;
|
|
221
221
|
width: string;
|
|
222
222
|
actions: import('./MarkdownComponent.properties').ToolbarAction[];
|
|
223
|
+
visible: boolean;
|
|
224
|
+
errors: string;
|
|
225
|
+
isTouched: boolean;
|
|
226
|
+
description: string;
|
|
227
|
+
enabled: boolean;
|
|
228
|
+
isFocused: boolean;
|
|
229
|
+
hideLabel: boolean;
|
|
223
230
|
styles: {
|
|
224
231
|
readonly group: {
|
|
225
232
|
readonly root: "group";
|
|
@@ -254,14 +261,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
254
261
|
readonly item: "w-full";
|
|
255
262
|
};
|
|
256
263
|
};
|
|
257
|
-
hideLabel: boolean;
|
|
258
|
-
minHeight: string;
|
|
259
|
-
visible: boolean;
|
|
260
|
-
errors: string;
|
|
261
|
-
isTouched: boolean;
|
|
262
|
-
description: string;
|
|
263
|
-
enabled: boolean;
|
|
264
|
-
isFocused: boolean;
|
|
265
264
|
hideErrors: boolean;
|
|
265
|
+
minHeight: string;
|
|
266
266
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLFieldSetElement>;
|
|
267
267
|
export default _default;
|
|
@@ -220,6 +220,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
220
220
|
placeholder: string;
|
|
221
221
|
width: string;
|
|
222
222
|
actions: import('./MarkdownComponent.properties').ToolbarAction[];
|
|
223
|
+
visible: boolean;
|
|
224
|
+
errors: string;
|
|
225
|
+
isTouched: boolean;
|
|
226
|
+
description: string;
|
|
227
|
+
enabled: boolean;
|
|
228
|
+
isFocused: boolean;
|
|
229
|
+
hideLabel: boolean;
|
|
223
230
|
styles: {
|
|
224
231
|
readonly group: {
|
|
225
232
|
readonly root: "group";
|
|
@@ -254,14 +261,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
254
261
|
readonly item: "w-full";
|
|
255
262
|
};
|
|
256
263
|
};
|
|
257
|
-
hideLabel: boolean;
|
|
258
|
-
minHeight: string;
|
|
259
|
-
visible: boolean;
|
|
260
|
-
errors: string;
|
|
261
|
-
isTouched: boolean;
|
|
262
|
-
description: string;
|
|
263
|
-
enabled: boolean;
|
|
264
|
-
isFocused: boolean;
|
|
265
264
|
hideErrors: boolean;
|
|
265
|
+
minHeight: string;
|
|
266
266
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLFieldSetElement>;
|
|
267
267
|
export default _default;
|