eco-vue-js 0.11.11 → 0.11.12
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/dist/assets/icons/IconBold.svg.js +24 -0
- package/dist/assets/icons/IconCodeBlock.svg.js +32 -0
- package/dist/assets/icons/IconCodeInline.svg.js +25 -0
- package/dist/assets/icons/IconHeading.svg.js +24 -0
- package/dist/assets/icons/IconItalic.svg.js +24 -0
- package/dist/assets/icons/IconListBullet.svg.js +31 -0
- package/dist/assets/icons/IconListCheckbox.svg.js +24 -0
- package/dist/assets/icons/IconListNumbered.svg.js +24 -0
- package/dist/assets/icons/IconQuote.svg.js +24 -0
- package/dist/assets/icons/IconStrikethrough.svg.js +24 -0
- package/dist/components/ClickOutside/WClickOutside.vue.d.ts +6 -0
- package/dist/components/ClickOutside/WClickOutside.vue.d.ts.map +1 -1
- package/dist/components/ClickOutside/WClickOutside.vue.js +8 -4
- package/dist/components/FormAsync/WFormAsyncInput.vue.js +2 -0
- package/dist/components/FormAsync/WFormAsyncSelect.vue.js +2 -0
- package/dist/components/FormAsync/WFormAsyncSelectInfiniteSingle.vue.js +2 -0
- package/dist/components/FormAsync/WFormAsyncSelectSingle.vue.js +2 -0
- package/dist/components/FormAsync/WFormAsyncSelectStringified.vue.js +2 -0
- package/dist/components/Input/WInput.vue.d.ts.map +1 -1
- package/dist/components/Input/WInput.vue.js +16 -3
- package/dist/components/Input/WInputAsync.vue.js +2 -0
- package/dist/components/Input/WInputDate.vue.js +2 -0
- package/dist/components/Input/WInputOptions.vue.js +2 -0
- package/dist/components/Input/WInputSuggest.vue.js +2 -0
- package/dist/components/Input/WInputToolbarButton.vue.d.ts +11 -0
- package/dist/components/Input/WInputToolbarButton.vue.d.ts.map +1 -0
- package/dist/components/Input/WInputToolbarButton.vue.js +85 -0
- package/dist/components/Input/WInputToolbarButton.vue2.js +5 -0
- package/dist/components/Input/components/ContentEditable.vue.d.ts.map +1 -1
- package/dist/components/Input/components/ContentEditable.vue2.js +51 -8
- package/dist/components/Input/components/InputToolbar.vue.d.ts +27 -0
- package/dist/components/Input/components/InputToolbar.vue.d.ts.map +1 -0
- package/dist/components/Input/components/InputToolbar.vue.js +5 -0
- package/dist/components/Input/components/InputToolbar.vue2.js +39 -0
- package/dist/components/Input/components/InputToolbarButton.vue.d.ts +15 -0
- package/dist/components/Input/components/InputToolbarButton.vue.d.ts.map +1 -0
- package/dist/components/Input/components/InputToolbarButton.vue.js +33 -0
- package/dist/components/Input/components/InputToolbarButton.vue2.js +5 -0
- package/dist/components/Input/models/toolbarActions.d.ts +4 -0
- package/dist/components/Input/models/toolbarActions.d.ts.map +1 -0
- package/dist/components/Input/models/toolbarActions.js +80 -0
- package/dist/components/Input/types.d.ts +27 -2
- package/dist/components/Input/types.d.ts.map +1 -1
- package/dist/components/MenuItem/WMenuItem.vue.js +1 -1
- package/dist/components/Select/WSelect.vue.js +2 -0
- package/dist/components/Select/WSelectAsync.vue.js +2 -0
- package/dist/components/Select/WSelectAsyncSingle.vue.js +2 -0
- package/dist/components/Select/WSelectSingle.vue.js +2 -0
- package/dist/components/Select/WSelectStringified.vue.js +2 -0
- package/dist/components/Tooltip/components/TooltipContainer.vue.d.ts +2 -2
- package/dist/main.d.ts +12 -1
- package/dist/main.d.ts.map +1 -1
- package/dist/main.js +94 -82
- package/dist/utils/utils.d.ts +4 -0
- package/dist/utils/utils.d.ts.map +1 -1
- package/dist/utils/utils.js +6 -1
- package/package.json +4 -1
@@ -0,0 +1,24 @@
|
|
1
|
+
import { createElementBlock, openBlock, createElementVNode } from 'vue';
|
2
|
+
|
3
|
+
const _hoisted_1 = {
|
4
|
+
width: "20",
|
5
|
+
height: "20",
|
6
|
+
viewBox: "0 0 24 24",
|
7
|
+
fill: "none",
|
8
|
+
xmlns: "http://www.w3.org/2000/svg"
|
9
|
+
};
|
10
|
+
|
11
|
+
function render(_ctx, _cache) {
|
12
|
+
return (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
|
13
|
+
createElementVNode("path", {
|
14
|
+
d: "M4.88 4.5c0-1.1.9-2 2-2H12a4.75 4.75 0 0 1 0 9.5H4.88zm0 7.5h9.5a4.75 4.75 0 0 1 0 9.5h-7.5a2 2 0 0 1-2-2z",
|
15
|
+
stroke: "currentcolor",
|
16
|
+
"stroke-linecap": "round",
|
17
|
+
"stroke-linejoin": "round",
|
18
|
+
"stroke-width": "1.5"
|
19
|
+
}, null, -1)
|
20
|
+
])))
|
21
|
+
}
|
22
|
+
const IconBold = { render: render };
|
23
|
+
|
24
|
+
export { IconBold as default, render };
|
@@ -0,0 +1,32 @@
|
|
1
|
+
import { createElementBlock, openBlock, createElementVNode } from 'vue';
|
2
|
+
|
3
|
+
const _hoisted_1 = {
|
4
|
+
width: "20",
|
5
|
+
height: "20",
|
6
|
+
viewBox: "0 0 24 24",
|
7
|
+
fill: "none",
|
8
|
+
xmlns: "http://www.w3.org/2000/svg"
|
9
|
+
};
|
10
|
+
|
11
|
+
function render(_ctx, _cache) {
|
12
|
+
return (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
|
13
|
+
createElementVNode("path", {
|
14
|
+
d: "M9 22h6c5 0 7-2 7-7V9c0-5-2-7-7-7H9C4 2 2 4 2 9v6c0 5 2 7 7 7",
|
15
|
+
stroke: "currentcolor",
|
16
|
+
"stroke-linecap": "round",
|
17
|
+
"stroke-linejoin": "round",
|
18
|
+
"stroke-width": "1.5"
|
19
|
+
}, null, -1),
|
20
|
+
createElementVNode("path", {
|
21
|
+
d: "M8 8.57 6 12l2 3.43m8-6.86L18 12l-2 3.43M13 8l-2 8",
|
22
|
+
stroke: "currentcolor",
|
23
|
+
"stroke-linecap": "round",
|
24
|
+
"stroke-linejoin": "round",
|
25
|
+
"stroke-miterlimit": "10",
|
26
|
+
"stroke-width": "1.5"
|
27
|
+
}, null, -1)
|
28
|
+
])))
|
29
|
+
}
|
30
|
+
const IconCodeBlock = { render: render };
|
31
|
+
|
32
|
+
export { IconCodeBlock as default, render };
|
@@ -0,0 +1,25 @@
|
|
1
|
+
import { createElementBlock, openBlock, createElementVNode } from 'vue';
|
2
|
+
|
3
|
+
const _hoisted_1 = {
|
4
|
+
width: "20",
|
5
|
+
height: "20",
|
6
|
+
viewBox: "0 0 24 24",
|
7
|
+
fill: "none",
|
8
|
+
xmlns: "http://www.w3.org/2000/svg"
|
9
|
+
};
|
10
|
+
|
11
|
+
function render(_ctx, _cache) {
|
12
|
+
return (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
|
13
|
+
createElementVNode("path", {
|
14
|
+
d: "M5.33 5.13 2 12l3.33 6.87M18.67 5.13 22 12l-3.33 6.87M13.67 4l-3.34 16",
|
15
|
+
stroke: "currentcolor",
|
16
|
+
"stroke-linecap": "round",
|
17
|
+
"stroke-linejoin": "round",
|
18
|
+
"stroke-miterlimit": "10",
|
19
|
+
"stroke-width": "1.5"
|
20
|
+
}, null, -1)
|
21
|
+
])))
|
22
|
+
}
|
23
|
+
const IconCodeInline = { render: render };
|
24
|
+
|
25
|
+
export { IconCodeInline as default, render };
|
@@ -0,0 +1,24 @@
|
|
1
|
+
import { createElementBlock, openBlock, createElementVNode } from 'vue';
|
2
|
+
|
3
|
+
const _hoisted_1 = {
|
4
|
+
width: "20",
|
5
|
+
height: "20",
|
6
|
+
viewBox: "0 0 24 24",
|
7
|
+
fill: "none",
|
8
|
+
xmlns: "http://www.w3.org/2000/svg"
|
9
|
+
};
|
10
|
+
|
11
|
+
function render(_ctx, _cache) {
|
12
|
+
return (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
|
13
|
+
createElementVNode("path", {
|
14
|
+
d: "M7 20V4M5 20h4M5 4h4m8 16V4m-2 16h4M15 4h4M7 12h10",
|
15
|
+
stroke: "currentcolor",
|
16
|
+
"stroke-linecap": "round",
|
17
|
+
"stroke-linejoin": "round",
|
18
|
+
"stroke-width": "1.5"
|
19
|
+
}, null, -1)
|
20
|
+
])))
|
21
|
+
}
|
22
|
+
const IconHeading = { render: render };
|
23
|
+
|
24
|
+
export { IconHeading as default, render };
|
@@ -0,0 +1,24 @@
|
|
1
|
+
import { createElementBlock, openBlock, createElementVNode } from 'vue';
|
2
|
+
|
3
|
+
const _hoisted_1 = {
|
4
|
+
width: "20",
|
5
|
+
height: "20",
|
6
|
+
viewBox: "0 0 24 24",
|
7
|
+
fill: "none",
|
8
|
+
xmlns: "http://www.w3.org/2000/svg"
|
9
|
+
};
|
10
|
+
|
11
|
+
function render(_ctx, _cache) {
|
12
|
+
return (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
|
13
|
+
createElementVNode("path", {
|
14
|
+
d: "M9.62 3h9.25M5.12 21h9.25m-.12-18-4.5 18",
|
15
|
+
stroke: "currentcolor",
|
16
|
+
"stroke-linecap": "round",
|
17
|
+
"stroke-linejoin": "round",
|
18
|
+
"stroke-width": "1.5"
|
19
|
+
}, null, -1)
|
20
|
+
])))
|
21
|
+
}
|
22
|
+
const IconItalic = { render: render };
|
23
|
+
|
24
|
+
export { IconItalic as default, render };
|
@@ -0,0 +1,31 @@
|
|
1
|
+
import { createElementBlock, openBlock, createElementVNode } from 'vue';
|
2
|
+
|
3
|
+
const _hoisted_1 = {
|
4
|
+
width: "20",
|
5
|
+
height: "20",
|
6
|
+
viewBox: "0 0 24 24",
|
7
|
+
fill: "none",
|
8
|
+
xmlns: "http://www.w3.org/2000/svg"
|
9
|
+
};
|
10
|
+
|
11
|
+
function render(_ctx, _cache) {
|
12
|
+
return (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
|
13
|
+
createElementVNode("path", {
|
14
|
+
d: "M11 19.5h10m-10-7h10m-10-7h10",
|
15
|
+
stroke: "currentcolor",
|
16
|
+
"stroke-linecap": "round",
|
17
|
+
"stroke-linejoin": "round",
|
18
|
+
"stroke-width": "1.5"
|
19
|
+
}, null, -1),
|
20
|
+
createElementVNode("path", {
|
21
|
+
d: "M5 19.5h.02M5 5.5h.02m-.05 7h.02",
|
22
|
+
stroke: "currentcolor",
|
23
|
+
"stroke-linecap": "round",
|
24
|
+
"stroke-linejoin": "round",
|
25
|
+
"stroke-width": "3"
|
26
|
+
}, null, -1)
|
27
|
+
])))
|
28
|
+
}
|
29
|
+
const IconListBullet = { render: render };
|
30
|
+
|
31
|
+
export { IconListBullet as default, render };
|
@@ -0,0 +1,24 @@
|
|
1
|
+
import { createElementBlock, openBlock, createElementVNode } from 'vue';
|
2
|
+
|
3
|
+
const _hoisted_1 = {
|
4
|
+
width: "20",
|
5
|
+
height: "20",
|
6
|
+
viewBox: "0 0 24 24",
|
7
|
+
fill: "none",
|
8
|
+
xmlns: "http://www.w3.org/2000/svg"
|
9
|
+
};
|
10
|
+
|
11
|
+
function render(_ctx, _cache) {
|
12
|
+
return (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
|
13
|
+
createElementVNode("path", {
|
14
|
+
d: "M11 19.5h10m-10-7h10m-10-7h10m-18 7 1 1 3-3M4.8 21.23a1.8 1.8 0 1 0 0-3.6 1.8 1.8 0 0 0 0 3.6m0-14a1.8 1.8 0 1 0 0-3.6 1.8 1.8 0 0 0 0 3.6",
|
15
|
+
stroke: "currentcolor",
|
16
|
+
"stroke-linecap": "round",
|
17
|
+
"stroke-linejoin": "round",
|
18
|
+
"stroke-width": "1.5"
|
19
|
+
}, null, -1)
|
20
|
+
])))
|
21
|
+
}
|
22
|
+
const IconListCheckbox = { render: render };
|
23
|
+
|
24
|
+
export { IconListCheckbox as default, render };
|
@@ -0,0 +1,24 @@
|
|
1
|
+
import { createElementBlock, openBlock, createElementVNode } from 'vue';
|
2
|
+
|
3
|
+
const _hoisted_1 = {
|
4
|
+
width: "20",
|
5
|
+
height: "20",
|
6
|
+
viewBox: "0 0 24 24",
|
7
|
+
fill: "none",
|
8
|
+
xmlns: "http://www.w3.org/2000/svg"
|
9
|
+
};
|
10
|
+
|
11
|
+
function render(_ctx, _cache) {
|
12
|
+
return (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
|
13
|
+
createElementVNode("path", {
|
14
|
+
d: "M11 19.5h10m-10-7h10m-10-7h10M3.5 3H5v6m-1.5 6.5C4 15 4.5 15 5 15c1 0 1.5 1 1.5 2s-.5 2-3 4h3",
|
15
|
+
stroke: "currentcolor",
|
16
|
+
"stroke-linecap": "round",
|
17
|
+
"stroke-linejoin": "round",
|
18
|
+
"stroke-width": "1.5"
|
19
|
+
}, null, -1)
|
20
|
+
])))
|
21
|
+
}
|
22
|
+
const IconListNumbered = { render: render };
|
23
|
+
|
24
|
+
export { IconListNumbered as default, render };
|
@@ -0,0 +1,24 @@
|
|
1
|
+
import { createElementBlock, openBlock, createElementVNode } from 'vue';
|
2
|
+
|
3
|
+
const _hoisted_1 = {
|
4
|
+
width: "20",
|
5
|
+
height: "20",
|
6
|
+
viewBox: "0 0 24 24",
|
7
|
+
fill: "none",
|
8
|
+
xmlns: "http://www.w3.org/2000/svg"
|
9
|
+
};
|
10
|
+
|
11
|
+
function render(_ctx, _cache) {
|
12
|
+
return (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
|
13
|
+
createElementVNode("path", {
|
14
|
+
d: "M11 19.5h10m-10-7h10m-10-7h10M5 21V3",
|
15
|
+
stroke: "currentcolor",
|
16
|
+
"stroke-linecap": "round",
|
17
|
+
"stroke-linejoin": "round",
|
18
|
+
"stroke-width": "1.5"
|
19
|
+
}, null, -1)
|
20
|
+
])))
|
21
|
+
}
|
22
|
+
const IconQuote = { render: render };
|
23
|
+
|
24
|
+
export { IconQuote as default, render };
|
@@ -0,0 +1,24 @@
|
|
1
|
+
import { createElementBlock, openBlock, createElementVNode } from 'vue';
|
2
|
+
|
3
|
+
const _hoisted_1 = {
|
4
|
+
width: "20",
|
5
|
+
height: "20",
|
6
|
+
viewBox: "0 0 24 24",
|
7
|
+
fill: "none",
|
8
|
+
xmlns: "http://www.w3.org/2000/svg"
|
9
|
+
};
|
10
|
+
|
11
|
+
function render(_ctx, _cache) {
|
12
|
+
return (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
|
13
|
+
createElementVNode("path", {
|
14
|
+
d: "M16.8 6c-1.2-1.2-2.4-2.4-4.8-2.4S7.2 4.8 7.2 7.2c0 1.19.59 2.08 1.47 2.83M7.2 18c1.2 1.2 2.4 2.4 4.8 2.4s4.8-1.2 4.8-3.6a3.6 3.6 0 0 0-1.41-2.78M1.2 12h21.6",
|
15
|
+
stroke: "currentcolor",
|
16
|
+
"stroke-linecap": "round",
|
17
|
+
"stroke-linejoin": "round",
|
18
|
+
"stroke-width": "1.5"
|
19
|
+
}, null, -1)
|
20
|
+
])))
|
21
|
+
}
|
22
|
+
const IconStrikethrough = { render: render };
|
23
|
+
|
24
|
+
export { IconStrikethrough as default, render };
|
@@ -14,8 +14,14 @@ declare function __VLS_template(): {
|
|
14
14
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
15
15
|
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
16
16
|
click: () => any;
|
17
|
+
mousedown: (value: MouseEvent) => any;
|
18
|
+
mouseenter: (value: MouseEvent) => any;
|
19
|
+
mouseleave: (value: MouseEvent) => any;
|
17
20
|
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
18
21
|
onClick?: (() => any) | undefined;
|
22
|
+
onMousedown?: ((value: MouseEvent) => any) | undefined;
|
23
|
+
onMouseenter?: ((value: MouseEvent) => any) | undefined;
|
24
|
+
onMouseleave?: ((value: MouseEvent) => any) | undefined;
|
19
25
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
20
26
|
element: HTMLDivElement;
|
21
27
|
}, HTMLDivElement>;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"WClickOutside.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ClickOutside/WClickOutside.vue"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"WClickOutside.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ClickOutside/WClickOutside.vue"],"names":[],"mappings":"AAUA;AA0DA,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAuCF,iBAAS,cAAc;WAmCT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;kBASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
@@ -1,13 +1,12 @@
|
|
1
1
|
import { defineComponent, useTemplateRef, onMounted, onBeforeUnmount, createElementBlock, openBlock, renderSlot } from 'vue';
|
2
2
|
import { isClientSide, hasParent } from '../../utils/utils.js';
|
3
3
|
|
4
|
-
const _hoisted_1 = { ref: "element" };
|
5
4
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
6
5
|
__name: "WClickOutside",
|
7
6
|
props: {
|
8
7
|
noFilter: { type: Boolean }
|
9
8
|
},
|
10
|
-
emits: ["click"],
|
9
|
+
emits: ["click", "mouseenter", "mouseleave", "mousedown"],
|
11
10
|
setup(__props, { emit: __emit }) {
|
12
11
|
const props = __props;
|
13
12
|
const emit = __emit;
|
@@ -31,9 +30,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
31
30
|
document.removeEventListener("contextmenu", clickListener);
|
32
31
|
});
|
33
32
|
return (_ctx, _cache) => {
|
34
|
-
return openBlock(), createElementBlock("div",
|
33
|
+
return openBlock(), createElementBlock("div", {
|
34
|
+
ref: "element",
|
35
|
+
onMouseenter: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("mouseenter", $event)),
|
36
|
+
onMouseleave: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("mouseleave", $event)),
|
37
|
+
onMousedown: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("mousedown", $event))
|
38
|
+
}, [
|
35
39
|
renderSlot(_ctx.$slots, "default")
|
36
|
-
],
|
40
|
+
], 544);
|
37
41
|
};
|
38
42
|
}
|
39
43
|
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"WInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInput.vue"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"WInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInput.vue"],"names":[],"mappings":"AA4OA;AAieA,OAAO,KAAK,EAAC,UAAU,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;yBAYrC,IAAI,SAAS,SAAS,GAAG,MAAM,EAC/C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAgtBO,mBAAmB,CAAC,oCAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;qBA/lB7B,IAAI;oBAOL,IAAI;+BA2DS,aAAa;+BACb,MAAM,aAAa,MAAM;;;;;;;MA4hBc,GAAG,IAAI;WACpE,GAAG;;uBA3DgB,GAAG;0BACA,GAAG;wBACJ,GAAG;;;YAEH,GAAG;;mCAveF,aAAa;YAseb,GAAG;;;YAEJ,GAAG;uBACJ,GAAG;wBACF,GAAG;uBACJ,GAAG;uBACH,GAAG;wBACF,GAAG;;;YA3oB1B,oBAAoB,SAAS,4CAAa,SAAS,GAAG,IAAI;YAC1D,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,oBAAoB,SAAS,aAAa,GAAG,IAAI;YACjD,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,SAAS,GAAG,IAAI;YAC7C,MAAM,SAAS,UAAU,GAAG,IAAI;YAChC,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,WAAW,SAAS,UAAU,GAAG,IAAI;YACrC,cAAc,SAAS,UAAU,GAAG,IAAI;YACxC,cAAc,SAAS,KAAK,GAAG,IAAI;YACnC,OAAO,GAAG,IAAI;;EAmrBhB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA3tBzE,wBA2tB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
@@ -38,6 +38,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
38
38
|
noWrap: { type: Boolean },
|
39
39
|
textTransparent: { type: Boolean },
|
40
40
|
textParts: {},
|
41
|
+
rich: { type: Boolean },
|
42
|
+
toolbarActions: {},
|
41
43
|
title: {},
|
42
44
|
titleIcon: {},
|
43
45
|
description: {},
|
@@ -62,6 +64,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
62
64
|
},
|
63
65
|
emits: ["update:model-value", "keypress:enter", "keypress:up", "keypress:down", "keypress:delete", "keypress:backspace", "click:clear", "focus", "blur", "click", "mousedown", "click:suffix", "select:input", "paste"],
|
64
66
|
setup(__props, { expose: __expose, emit: __emit }) {
|
67
|
+
const InputToolbar = defineAsyncComponent(() => import('./components/InputToolbar.vue.js'));
|
65
68
|
const ContentEditable = defineAsyncComponent(() => import('./components/ContentEditable.vue.js'));
|
66
69
|
const props = __props;
|
67
70
|
const emit = __emit;
|
@@ -266,9 +269,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
266
269
|
}]),
|
267
270
|
onClick: focus
|
268
271
|
}, [
|
269
|
-
|
270
|
-
_ctx.icon ? (openBlock(), createElementBlock("div", {
|
272
|
+
_ctx.textarea && (_ctx.rich || _ctx.toolbarActions || _ctx.$slots.toolbar) ? (openBlock(), createBlock(unref(InputToolbar), {
|
271
273
|
key: 0,
|
274
|
+
list: _ctx.toolbarActions,
|
275
|
+
rich: _ctx.rich === true,
|
276
|
+
onWrapSelection: wrapSelection
|
277
|
+
}, {
|
278
|
+
default: withCtx(() => [
|
279
|
+
renderSlot(_ctx.$slots, "toolbar", normalizeProps(guardReactiveProps({ wrapSelection })))
|
280
|
+
]),
|
281
|
+
_: 3
|
282
|
+
}, 8, ["list", "rich"])) : createCommentVNode("", true),
|
283
|
+
_ctx.icon ? (openBlock(), createElementBlock("div", {
|
284
|
+
key: 1,
|
272
285
|
class: normalizeClass(["flex h-full w-[--w-input-height,2.75rem] select-none items-center justify-center", {
|
273
286
|
"text-description": !focused,
|
274
287
|
"text-primary dark:text-primary-dark": focused
|
@@ -362,7 +375,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
362
375
|
], 2)
|
363
376
|
], 2),
|
364
377
|
!_ctx.seamless || focused ? (openBlock(), createBlock(_sfc_main$2, {
|
365
|
-
key:
|
378
|
+
key: 2,
|
366
379
|
"model-value": _ctx.modelValue,
|
367
380
|
loading: _ctx.loading,
|
368
381
|
"allow-clear": _ctx.allowClear && _ctx.modelValue !== "",
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import { ToolbarAction, WrapSelection } from './types';
|
2
|
+
type __VLS_Props = {
|
3
|
+
action: ToolbarAction;
|
4
|
+
};
|
5
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
6
|
+
"wrap-selection": (value: WrapSelection) => any;
|
7
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
8
|
+
"onWrap-selection"?: ((value: WrapSelection) => any) | undefined;
|
9
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
10
|
+
export default _default;
|
11
|
+
//# sourceMappingURL=WInputToolbarButton.vue.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"WInputToolbarButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputToolbarButton.vue"],"names":[],"mappings":"AA4CA;AA4FA,OAAO,KAAK,EAAC,aAAa,EAAE,aAAa,EAAC,MAAM,0BAA0B,CAAA;AAY1E,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,aAAa,CAAA;CACtB,CAAC;;;;;;AAoNF,wBAOG"}
|
@@ -0,0 +1,85 @@
|
|
1
|
+
import { defineComponent, ref, createBlock, openBlock, unref, withCtx, createVNode, withModifiers, createElementBlock, Fragment, renderList, createTextVNode, resolveDynamicComponent, toDisplayString } from 'vue';
|
2
|
+
import _sfc_main$2 from '../ClickOutside/WClickOutside.vue.js';
|
3
|
+
import _sfc_main$1 from '../DropdownMenu/WDropdownMenu.vue.js';
|
4
|
+
import _sfc_main$3 from '../MenuItem/WMenuItem.vue.js';
|
5
|
+
import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
|
6
|
+
import _sfc_main$4 from './components/InputToolbarButton.vue.js';
|
7
|
+
|
8
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
9
|
+
__name: "WInputToolbarButton",
|
10
|
+
props: {
|
11
|
+
action: {}
|
12
|
+
},
|
13
|
+
emits: ["wrap-selection"],
|
14
|
+
setup(__props) {
|
15
|
+
const isOpen = ref(false);
|
16
|
+
let timeout = null;
|
17
|
+
const enter = () => {
|
18
|
+
if (timeout) {
|
19
|
+
clearTimeout(timeout);
|
20
|
+
timeout = null;
|
21
|
+
}
|
22
|
+
isOpen.value = true;
|
23
|
+
};
|
24
|
+
const leave = () => {
|
25
|
+
if (timeout) {
|
26
|
+
clearTimeout(timeout);
|
27
|
+
timeout = null;
|
28
|
+
}
|
29
|
+
timeout = setTimeout(() => {
|
30
|
+
isOpen.value = false;
|
31
|
+
timeout = null;
|
32
|
+
});
|
33
|
+
};
|
34
|
+
return (_ctx, _cache) => {
|
35
|
+
return Array.isArray(_ctx.action.value) ? (openBlock(), createBlock(_sfc_main$1, {
|
36
|
+
key: 0,
|
37
|
+
"is-open": isOpen.value,
|
38
|
+
"horizontal-align": unref(HorizontalAlign).CENTER,
|
39
|
+
top: ""
|
40
|
+
}, {
|
41
|
+
toggle: withCtx(() => [
|
42
|
+
createVNode(_sfc_main$4, {
|
43
|
+
action: _ctx.action,
|
44
|
+
onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value ? leave : enter),
|
45
|
+
onMouseenter: enter,
|
46
|
+
onMouseleave: leave
|
47
|
+
}, null, 8, ["action"])
|
48
|
+
]),
|
49
|
+
content: withCtx(() => [
|
50
|
+
createVNode(_sfc_main$2, {
|
51
|
+
class: "bg-default dark:bg-default-dark max-h-80 overflow-y-auto overscroll-y-contain rounded-xl text-start text-xs font-semibold shadow-md dark:border dark:border-solid dark:border-gray-800",
|
52
|
+
onClick: leave,
|
53
|
+
onMouseenter: enter,
|
54
|
+
onMouseleave: leave,
|
55
|
+
onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {
|
56
|
+
}, ["prevent"]))
|
57
|
+
}, {
|
58
|
+
default: withCtx(() => [
|
59
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.action.value, (item, index) => {
|
60
|
+
return openBlock(), createBlock(_sfc_main$3, {
|
61
|
+
key: index,
|
62
|
+
onClick: ($event) => _ctx.$emit("wrap-selection", item.value)
|
63
|
+
}, {
|
64
|
+
default: withCtx(() => [
|
65
|
+
(openBlock(), createBlock(resolveDynamicComponent(item.icon))),
|
66
|
+
createTextVNode(" " + toDisplayString(item.title), 1)
|
67
|
+
]),
|
68
|
+
_: 2
|
69
|
+
}, 1032, ["onClick"]);
|
70
|
+
}), 128))
|
71
|
+
]),
|
72
|
+
_: 1
|
73
|
+
})
|
74
|
+
]),
|
75
|
+
_: 1
|
76
|
+
}, 8, ["is-open", "horizontal-align"])) : (openBlock(), createBlock(_sfc_main$4, {
|
77
|
+
key: 1,
|
78
|
+
action: _ctx.action,
|
79
|
+
onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("wrap-selection", _ctx.action.value))
|
80
|
+
}, null, 8, ["action"]));
|
81
|
+
};
|
82
|
+
}
|
83
|
+
});
|
84
|
+
|
85
|
+
export { _sfc_main as default };
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ContentEditable.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/components/ContentEditable.vue"],"names":[],"mappings":"AAiBA;
|
1
|
+
{"version":3,"file":"ContentEditable.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/components/ContentEditable.vue"],"names":[],"mappings":"AAiBA;AAwVA,OAAO,KAAK,EAAC,QAAQ,EAAG,aAAa,EAAC,MAAM,UAAU,CAAA;AAQtD,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAA;CAClC,CAAC;;;;2BAsN4B,aAAa,KAAG,IAAI;2BAnBpB,MAAM,aAAa,MAAM;;;;;;;;;;;;;;;;;;;AAgMvD,wBAUG"}
|