@agrotools1/at-components 0.6.11 → 0.6.13

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/Faq/Faq.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  export type FaqType = {
2
2
  index?: number;
3
3
  title: string;
4
+ actionTitle?: string;
4
5
  function: () => void;
5
6
  };
@@ -1,62 +1,41 @@
1
- import u from "./Faq.vue2.js";
2
- import { resolveComponent as e, openBlock as s, createElementBlock as a, createElementVNode as i, createVNode as t, withCtx as n, createTextVNode as r, toDisplayString as c, Fragment as h, renderList as A } from "vue";
1
+ import l from "./Faq.vue2.js";
2
+ import { resolveComponent as e, openBlock as d, createElementBlock as m, createElementVNode as p, createVNode as o, withCtx as s, createTextVNode as n, toDisplayString as a } from "vue";
3
3
  import "./Faq.vue3.js";
4
4
  import "./Faq.vue4.js";
5
- import g from "../_virtual/_plugin-vue_export-helper.js";
6
- const q = { class: "card" }, k = { class: "faq-title-card" }, v = { class: "faq-items-list" }, C = { class: "faq-items" };
7
- function y(o, B, $, b, T, w) {
8
- const _ = e("AtTitle"), l = e("AtButton"), p = e("AtParagraph"), m = e("AtArrowRightSolidIcon");
9
- return s(), a("div", q, [
10
- i("div", k, [
11
- t(_, {
5
+ import _ from "../_virtual/_plugin-vue_export-helper.js";
6
+ const f = { class: "card" }, u = { class: "faq-title-card" };
7
+ function q(t, A, h, v, B, $) {
8
+ const i = e("AtTitle"), r = e("AtButton"), c = e("AtFaqItem");
9
+ return d(), m("div", f, [
10
+ p("div", u, [
11
+ o(i, {
12
12
  as: "h6",
13
13
  bold: !0,
14
14
  class: "faq-title"
15
15
  }, {
16
- default: n(() => [
17
- r(c(o.title), 1)
16
+ default: s(() => [
17
+ n(a(t.title), 1)
18
18
  ]),
19
19
  _: 1
20
20
  }),
21
- t(l, {
21
+ o(r, {
22
22
  class: "faq-button",
23
23
  variant: "secondary",
24
- onClick: o.toogleListQuestions
24
+ onClick: t.toogleListQuestions
25
25
  }, {
26
- default: n(() => [
27
- r(c(o.$props.faqButtonText), 1)
26
+ default: s(() => [
27
+ n(a(t.$props.faqButtonText), 1)
28
28
  ]),
29
29
  _: 1
30
30
  }, 8, ["onClick"])
31
31
  ]),
32
- i("ul", v, [
33
- (s(!0), a(h, null, A(o.items, (d, f) => (s(), a("li", { key: f }, [
34
- i("div", C, [
35
- t(p, {
36
- size: "p2",
37
- style: { "margin-bottom": "0px" }
38
- }, {
39
- default: n(() => [
40
- r(c(d.title), 1)
41
- ]),
42
- _: 2
43
- }, 1024),
44
- t(l, {
45
- class: "faq-item-button",
46
- "only-icon": "",
47
- onClick: d.function
48
- }, {
49
- default: n(() => [
50
- t(m, { size: "16" })
51
- ]),
52
- _: 2
53
- }, 1032, ["onClick"])
54
- ])
55
- ]))), 128))
56
- ])
32
+ o(c, {
33
+ items: t.items,
34
+ "full-size": ""
35
+ }, null, 8, ["items"])
57
36
  ]);
58
37
  }
59
- const z = /* @__PURE__ */ g(u, [["render", y], ["__scopeId", "data-v-55f5d381"]]);
38
+ const N = /* @__PURE__ */ _(l, [["render", q], ["__scopeId", "data-v-f954d523"]]);
60
39
  export {
61
- z as default
40
+ N as default
62
41
  };
@@ -1,14 +1,13 @@
1
- import { defineComponent as o, ref as i } from "vue";
2
- import { AtArrowRightSolidIcon as a } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtArrowRightSolidIcon/index.js";
3
- import n from "../Button/Button.vue.js";
4
- import { AtTipograph as e } from "../Tipograph/index.js";
5
- const f = o({
1
+ import { defineComponent as r, ref as o } from "vue";
2
+ import i from "../Button/Button.vue.js";
3
+ import { AtTipograph as a } from "../Tipograph/index.js";
4
+ import n from "./FaqItem/FaqItem.vue.js";
5
+ const l = r({
6
6
  name: "Faq",
7
7
  components: {
8
- AtArrowRightSolidIcon: a,
9
- AtTitle: e.Title,
10
- AtParagraph: e.Paragraph,
11
- AtButton: n
8
+ AtTitle: a.Title,
9
+ AtButton: i,
10
+ AtFaqItem: n
12
11
  },
13
12
  props: {
14
13
  title: {
@@ -26,11 +25,11 @@ const f = o({
26
25
  items: {
27
26
  type: Array,
28
27
  required: !0,
29
- validator: (t) => Array.isArray(t) && t.every((r) => typeof r == "object")
28
+ validator: (t) => Array.isArray(t) && t.every((e) => typeof e == "object")
30
29
  }
31
30
  },
32
31
  setup() {
33
- const t = i(!1);
32
+ const t = o(!1);
34
33
  return {
35
34
  buttonInteraction: t,
36
35
  toogleListQuestions: () => t.value = !t.value
@@ -38,5 +37,5 @@ const f = o({
38
37
  }
39
38
  });
40
39
  export {
41
- f as default
40
+ l as default
42
41
  };
@@ -0,0 +1,35 @@
1
+ import { type PropType } from "vue";
2
+ import type { FaqType } from "../Faq";
3
+ declare const _default: import("vue").DefineComponent<{
4
+ items: {
5
+ type: PropType<FaqType[]>;
6
+ required: true;
7
+ validator: (value: Array<FaqType>) => boolean;
8
+ };
9
+ fullSize: {
10
+ type: BooleanConstructor;
11
+ default: boolean;
12
+ };
13
+ fixedTop: {
14
+ type: BooleanConstructor;
15
+ default: boolean;
16
+ };
17
+ }, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
18
+ items: {
19
+ type: PropType<FaqType[]>;
20
+ required: true;
21
+ validator: (value: Array<FaqType>) => boolean;
22
+ };
23
+ fullSize: {
24
+ type: BooleanConstructor;
25
+ default: boolean;
26
+ };
27
+ fixedTop: {
28
+ type: BooleanConstructor;
29
+ default: boolean;
30
+ };
31
+ }>>, {
32
+ fullSize: boolean;
33
+ fixedTop: boolean;
34
+ }, {}>;
35
+ export default _default;
@@ -0,0 +1,56 @@
1
+ import _ from "./FaqItem.vue2.js";
2
+ import { resolveComponent as i, openBlock as n, createBlock as u, Teleport as g, createElementVNode as a, normalizeClass as h, createElementBlock as l, Fragment as A, renderList as b, createVNode as e, withCtx as r, createTextVNode as c, toDisplayString as d } from "vue";
3
+ import "./FaqItem.vue3.js";
4
+ import x from "../../_virtual/_plugin-vue_export-helper.js";
5
+ const k = { class: "faq-items" }, q = { class: "faq-text" };
6
+ function y(t, z, T, B, C, S) {
7
+ const s = i("AtParagraph"), p = i("AtArrowRightSolidIcon"), m = i("AtButton");
8
+ return n(), u(g, {
9
+ to: "body",
10
+ disabled: !t.fixedTop
11
+ }, [
12
+ a("ul", {
13
+ class: h(["faq-items-list", ["faq-item-list", { fullSize: t.fullSize, fixedTop: t.fixedTop }]])
14
+ }, [
15
+ (n(!0), l(A, null, b(t.items, (o, f) => (n(), l("li", { key: f }, [
16
+ a("div", k, [
17
+ a("div", q, [
18
+ e(s, {
19
+ size: "p2",
20
+ style: { "margin-bottom": "0px" }
21
+ }, {
22
+ default: r(() => [
23
+ c(d(o.title), 1)
24
+ ]),
25
+ _: 2
26
+ }, 1024),
27
+ e(s, {
28
+ size: "p2",
29
+ style: { "margin-bottom": "0px" },
30
+ weight: "bold"
31
+ }, {
32
+ default: r(() => [
33
+ c(d(o.actionTitle), 1)
34
+ ]),
35
+ _: 2
36
+ }, 1024)
37
+ ]),
38
+ e(m, {
39
+ class: "faq-item-button",
40
+ "only-icon": "",
41
+ onClick: o.function
42
+ }, {
43
+ default: r(() => [
44
+ e(p, { size: "16" })
45
+ ]),
46
+ _: 2
47
+ }, 1032, ["onClick"])
48
+ ])
49
+ ]))), 128))
50
+ ], 2)
51
+ ], 8, ["disabled"]);
52
+ }
53
+ const N = /* @__PURE__ */ x(_, [["render", y], ["__scopeId", "data-v-dd054ba9"]]);
54
+ export {
55
+ N as default
56
+ };
@@ -0,0 +1,32 @@
1
+ import { defineComponent as r } from "vue";
2
+ import { AtArrowRightSolidIcon as e } from "../../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtArrowRightSolidIcon/index.js";
3
+ import { AtTipograph as a } from "../../Tipograph/index.js";
4
+ import p from "../../Button/Button.vue.js";
5
+ const l = r({
6
+ name: "AtFaqItem",
7
+ components: {
8
+ AtArrowRightSolidIcon: e,
9
+ AtButton: p,
10
+ AtParagraph: a.Paragraph
11
+ },
12
+ props: {
13
+ items: {
14
+ type: Array,
15
+ required: !0,
16
+ validator: (t) => Array.isArray(t) && t.every((o) => typeof o == "object")
17
+ },
18
+ fullSize: {
19
+ type: Boolean,
20
+ default: !1
21
+ },
22
+ fixedTop: {
23
+ type: Boolean,
24
+ default: !1
25
+ }
26
+ },
27
+ setup() {
28
+ }
29
+ });
30
+ export {
31
+ l as default
32
+ };
@@ -0,0 +1,4 @@
1
+ const e = "";
2
+ export {
3
+ e as default
4
+ };
@@ -0,0 +1 @@
1
+ export { default as AtFaqItem } from "./FaqItem";
@@ -21,6 +21,8 @@ import "../DatePicker/DatePicker.scss.js";
21
21
  import "../Faq/Faq.vue2.js";
22
22
  import "../Faq/Faq.vue3.js";
23
23
  import "../Faq/Faq.vue4.js";
24
+ import "../Faq/FaqItem/FaqItem.vue2.js";
25
+ import "../Faq/FaqItem/FaqItem.vue3.js";
24
26
  import "../Filter/components/Filter.vue2.js";
25
27
  import "../Filter/components/Filter.vue3.js";
26
28
  import "../Illustration/Illustration.vue2.js";
@@ -68,7 +70,7 @@ import "../Tooltip/Tooltip.vue3.js";
68
70
  import "../Upload/Upload.vue2.js";
69
71
  import "../Upload/Upload.vue3.js";
70
72
  import f from "./images/cross.svg.js";
71
- const jt = a({
73
+ const zt = a({
72
74
  name: "AtModal",
73
75
  components: { AtButton: l, AtCheckbox: u },
74
76
  props: {
@@ -130,5 +132,5 @@ const jt = a({
130
132
  }
131
133
  });
132
134
  export {
133
- jt as default
135
+ zt as default
134
136
  };
@@ -12,6 +12,7 @@ export interface SearchProps {
12
12
  value: boolean;
13
13
  message: string;
14
14
  };
15
+ isLoading: boolean;
15
16
  }
16
17
  declare const _default: import("vue").DefineComponent<{
17
18
  label: {
@@ -54,6 +55,10 @@ declare const _default: import("vue").DefineComponent<{
54
55
  type: StringConstructor;
55
56
  required: false;
56
57
  };
58
+ isLoading: {
59
+ type: () => SearchProps["isLoading"];
60
+ default: boolean;
61
+ };
57
62
  }, {
58
63
  atSearch: import("vue").Ref<HTMLDivElement | null>;
59
64
  autocompleteListIsOpen: ComputedRef<boolean>;
@@ -67,7 +72,7 @@ declare const _default: import("vue").DefineComponent<{
67
72
  closeList: () => void;
68
73
  handleChangeValue: (value: string) => Promise<void>;
69
74
  handleSelectedItem: (item: DropdownListItem) => void;
70
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "onSelectedItem")[], "update:modelValue" | "onSelectedItem", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
75
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "onSelectedItem" | "onClear")[], "update:modelValue" | "onSelectedItem" | "onClear", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
71
76
  label: {
72
77
  type: StringConstructor;
73
78
  default: string;
@@ -108,9 +113,14 @@ declare const _default: import("vue").DefineComponent<{
108
113
  type: StringConstructor;
109
114
  required: false;
110
115
  };
116
+ isLoading: {
117
+ type: () => SearchProps["isLoading"];
118
+ default: boolean;
119
+ };
111
120
  }>> & {
112
121
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
113
122
  onOnSelectedItem?: ((...args: any[]) => any) | undefined;
123
+ onOnClear?: ((...args: any[]) => any) | undefined;
114
124
  }, {
115
125
  label: string;
116
126
  error: {
@@ -119,6 +129,7 @@ declare const _default: import("vue").DefineComponent<{
119
129
  } | undefined;
120
130
  withIcon: boolean;
121
131
  modelValue: string;
132
+ isLoading: boolean;
122
133
  autoCompleteList: DropdownListItem[];
123
134
  isDisabled: boolean | undefined;
124
135
  hasAutoComplete: boolean;
@@ -43,7 +43,7 @@ function h(e, f, b, I, S, C) {
43
43
  }, 8, ["id", "drop-down-list", "is-open", "show-no-result-message", "onOnSave"])
44
44
  ], 2);
45
45
  }
46
- const V = /* @__PURE__ */ m(r, [["render", h], ["__scopeId", "data-v-3933bd5b"]]);
46
+ const V = /* @__PURE__ */ m(r, [["render", h], ["__scopeId", "data-v-f5e71e70"]]);
47
47
  export {
48
48
  V as default
49
49
  };
@@ -1,17 +1,17 @@
1
- import { defineComponent as g, ref as l, computed as o } from "vue";
1
+ import { defineComponent as A, ref as o, computed as n } from "vue";
2
2
  import { AtCircleXMarkSolidIcon as V } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtCircleXMarkSolidIcon/index.js";
3
3
  import { AtSearchIcon as O } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtSearchIcon/index.js";
4
4
  import { AtInput as w } from "../Input/index.js";
5
5
  import x from "../List/components/List.vue.js";
6
- const F = {
6
+ const B = {
7
7
  AtSearchIcon: O,
8
8
  AtCircleXMarkSolidIcon: V
9
- }, D = g({
9
+ }, D = A({
10
10
  name: "AtSearch",
11
11
  components: {
12
12
  AtInput: w.Text,
13
13
  AtLista: x,
14
- ...F
14
+ ...B
15
15
  },
16
16
  props: {
17
17
  label: {
@@ -54,55 +54,62 @@ const F = {
54
54
  id: {
55
55
  type: String,
56
56
  required: !1
57
+ },
58
+ isLoading: {
59
+ type: Boolean,
60
+ default: !1
57
61
  }
58
62
  },
59
- emits: ["update:modelValue", "onSelectedItem"],
60
- setup(t, { emit: n }) {
61
- const s = l([]), u = l(!1), c = l(null), f = o(
62
- () => u.value && t.hasAutoComplete && (!!t.modelValue || t.hasFilterOption)
63
- ), p = () => {
63
+ emits: ["update:modelValue", "onSelectedItem", "onClear"],
64
+ setup(t, { emit: l }) {
65
+ const s = o([]), u = o(!1), c = o(null), h = n(
66
+ () => {
67
+ var e;
68
+ return u.value && t.hasAutoComplete && (!!t.modelValue || t.hasFilterOption) && !(!((e = m.value) != null && e.length) && f.value);
69
+ }
70
+ ), v = () => {
64
71
  var e;
65
72
  u.value = !0, (e = c.value) == null || e.classList.add("focused");
66
- }, h = () => {
73
+ }, I = () => {
67
74
  var e;
68
75
  setTimeout(() => {
69
76
  u.value = !1;
70
77
  }, 200), (e = c.value) == null || e.classList.remove("focused");
71
- }, a = l(!1), v = async (e) => {
72
- n("update:modelValue", e), t.searchEndpoint && (a.value = !0, s.value = await t.searchEndpoint(e), a.value = !1);
73
- }, I = o(() => {
78
+ }, a = o(!1), L = async (e) => {
79
+ l("update:modelValue", e), t.searchEndpoint && (a.value = !0, s.value = await t.searchEndpoint(e), a.value = !1);
80
+ }, m = n(() => {
74
81
  var e;
75
82
  if (t.hasFilterOption) {
76
- const i = (d, m) => d.text.toUpperCase().includes(m.toUpperCase());
83
+ const i = (d, p) => d.text.toUpperCase().includes(p.toUpperCase());
77
84
  return t.autoCompleteList.filter(
78
85
  (d) => i(d, t.modelValue)
79
86
  );
80
87
  }
81
88
  return (e = s.value) != null && e.length ? s.value : t.autoCompleteList;
82
- }), r = l(), S = (e) => {
89
+ }), r = o(), S = (e) => {
83
90
  const i = e.text;
84
- r.value = e, n("onSelectedItem", e), n("update:modelValue", i);
85
- }, L = () => {
86
- n("onSelectedItem", null), a.value = !1, r.value = null;
87
- }, y = o(
88
- () => t.withIcon && a.value && !r.value
89
- ), C = o(
91
+ r.value = e, l("onSelectedItem", e), l("update:modelValue", i);
92
+ }, C = () => {
93
+ l("onSelectedItem", null), l("onClear"), a.value = !1, r.value = null;
94
+ }, f = n(
95
+ () => t.withIcon && a.value && !r.value || t.isLoading
96
+ ), y = n(
90
97
  () => t.isDisabled ? "var(--at-medium-grey)" : ""
91
- ), A = o(
98
+ ), g = n(
92
99
  () => !!t.modelValue && !a.value
93
100
  );
94
101
  return {
95
102
  atSearch: c,
96
- autocompleteListIsOpen: f,
97
- autoCompleteListFiltered: I,
103
+ autocompleteListIsOpen: h,
104
+ autoCompleteListFiltered: m,
98
105
  isLoading: a,
99
- showSearchIcon: y,
100
- getShowNoResultMessage: A,
101
- getSearchIconColor: C,
102
- clear: L,
103
- openList: p,
104
- closeList: h,
105
- handleChangeValue: v,
106
+ showSearchIcon: f,
107
+ getShowNoResultMessage: g,
108
+ getSearchIconColor: y,
109
+ clear: C,
110
+ openList: v,
111
+ closeList: I,
112
+ handleChangeValue: L,
106
113
  handleSelectedItem: S
107
114
  };
108
115
  }
@@ -1,11 +1,11 @@
1
- import f from "./TableConfig.vue2.js";
2
- import { resolveComponent as n, openBlock as m, createElementBlock as C, createVNode as t, withCtx as e, createElementVNode as s, createTextVNode as i, toDisplayString as a } from "vue";
1
+ import m from "./TableConfig.vue2.js";
2
+ import { resolveComponent as n, openBlock as f, createElementBlock as C, createVNode as t, withCtx as e, createElementVNode as s, createTextVNode as i, toDisplayString as a } from "vue";
3
3
  import "./TableConfig.vue3.js";
4
4
  import k from "../_virtual/_plugin-vue_export-helper.js";
5
5
  const g = { class: "tableConfig" }, v = { class: "at-dropdown-footer" };
6
- function h(o, r, A, b, S, _) {
6
+ function b(o, r, h, A, S, _) {
7
7
  const d = n("AtSettingsSolidIcon"), l = n("AtButton"), c = n("AtChecklist"), p = n("AtDropdown");
8
- return m(), C("section", null, [
8
+ return f(), C("section", null, [
9
9
  t(p, {
10
10
  id: o.id,
11
11
  "is-open": o.isDialogOpen,
@@ -63,7 +63,7 @@ function h(o, r, A, b, S, _) {
63
63
  }, 8, ["id", "is-open", "position"])
64
64
  ]);
65
65
  }
66
- const D = /* @__PURE__ */ k(f, [["render", h], ["__scopeId", "data-v-5038cf10"]]);
66
+ const D = /* @__PURE__ */ k(m, [["render", b], ["__scopeId", "data-v-c768db66"]]);
67
67
  export {
68
68
  D as default
69
69
  };
@@ -1,11 +1,11 @@
1
- import { defineComponent as g, ref as l, computed as v } from "vue";
1
+ import { defineComponent as v, ref as i, computed as m } from "vue";
2
2
  import { AtSettingsSolidIcon as y } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtSettingsSolidIcon/index.js";
3
3
  import h from "../Button/Button.vue.js";
4
4
  import x from "../Dropdown/Checklist/Dropdown.Checklist.vue.js";
5
5
  import A from "../Dropdown/Dropdown.core.vue.js";
6
6
  const C = {
7
7
  AtSettingsSolidIcon: y
8
- }, q = g({
8
+ }, q = v({
9
9
  name: "AtTableConfig",
10
10
  components: {
11
11
  AtChecklist: x,
@@ -56,33 +56,33 @@ const C = {
56
56
  }
57
57
  },
58
58
  emits: ["onSave"],
59
- setup(i, { emit: c }) {
60
- const t = l(!1), p = () => t.value = !t.value, u = v(
61
- () => t.value ? "primary" : "secondary"
62
- ), s = l([]), n = l([]), a = () => {
63
- s.value = JSON.parse(JSON.stringify(i.dropDownList)), n.value = JSON.parse(JSON.stringify(s.value));
59
+ setup(c, { emit: p }) {
60
+ const o = i(!1), u = () => o.value = !o.value, d = m(
61
+ () => o.value ? "primary" : "secondary"
62
+ ), s = i([]), n = i([]), a = () => {
63
+ s.value = JSON.parse(JSON.stringify(c.dropDownList)), n.value = JSON.parse(JSON.stringify(s.value));
64
64
  };
65
65
  a();
66
- const r = () => t.value = !1, d = () => {
66
+ const r = () => o.value = !1, f = () => {
67
67
  r();
68
- }, f = () => {
68
+ }, S = () => {
69
69
  const e = [];
70
- return n.value.forEach((o, m) => {
71
- e[m] = s.value.find((S) => S.text === o.text) ?? {};
72
- }), i.resumedResponse ? e.filter((o) => o.value).map((o) => o.text) : e;
70
+ return n.value.forEach((t, g) => {
71
+ e[g] = s.value.find((l) => (l == null ? void 0 : l.text) === (t == null ? void 0 : t.text)) ?? {};
72
+ }), c.resumedResponse ? e.filter((t) => t.value).map((t) => t.text) : e;
73
73
  };
74
74
  return {
75
- isDialogOpen: t,
76
- getButtonColor: u,
75
+ isDialogOpen: o,
76
+ getButtonColor: d,
77
77
  list: s,
78
- toggleDropdown: p,
79
- handleClose: d,
78
+ toggleDropdown: u,
79
+ handleClose: f,
80
80
  handleSorted: (e) => {
81
81
  n.value = e;
82
82
  },
83
83
  save: () => {
84
- const e = f();
85
- c("onSave", e), r();
84
+ const e = S();
85
+ p("onSave", e), r();
86
86
  },
87
87
  cancel: () => {
88
88
  a(), r();
@@ -2,6 +2,8 @@ import type { CSSProperties } from "vue";
2
2
  export interface TooltipProps {
3
3
  position: "bottom-left" | "bottom-center" | "bottom-right" | "top-left" | "top-center" | "top-right" | "left-bottom" | "left-center" | "right-bottom" | "right-center";
4
4
  text: string;
5
+ copy: boolean;
6
+ maxTextLength: number;
5
7
  }
6
8
  declare const _default: import("vue").DefineComponent<{
7
9
  text: {
@@ -9,6 +11,16 @@ declare const _default: import("vue").DefineComponent<{
9
11
  type: () => TooltipProps["text"];
10
12
  default: string;
11
13
  };
14
+ maxTextLength: {
15
+ required: false;
16
+ type: () => TooltipProps["maxTextLength"];
17
+ default: number;
18
+ };
19
+ copy: {
20
+ type: () => TooltipProps["copy"];
21
+ required: false;
22
+ default: boolean;
23
+ };
12
24
  position: {
13
25
  required: false;
14
26
  type: () => TooltipProps["position"];
@@ -24,22 +36,41 @@ declare const _default: import("vue").DefineComponent<{
24
36
  tooltipStyle: import("vue").Ref<CSSProperties | undefined>;
25
37
  tooltipClass: import("vue").Ref<string>;
26
38
  visible: import("vue").Ref<boolean>;
39
+ wrapper: import("vue").Ref<HTMLDivElement | undefined>;
40
+ tooltip: import("vue").Ref<HTMLDivElement | undefined>;
41
+ formatedText: import("vue").ComputedRef<string>;
27
42
  show: () => void;
28
43
  hide: () => void;
29
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
44
+ handleMouseOut: (event: MouseEvent) => void;
45
+ copyText: (text: string) => Promise<void>;
46
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "copiedText"[], "copiedText", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
30
47
  text: {
31
48
  required: true;
32
49
  type: () => TooltipProps["text"];
33
50
  default: string;
34
51
  };
52
+ maxTextLength: {
53
+ required: false;
54
+ type: () => TooltipProps["maxTextLength"];
55
+ default: number;
56
+ };
57
+ copy: {
58
+ type: () => TooltipProps["copy"];
59
+ required: false;
60
+ default: boolean;
61
+ };
35
62
  position: {
36
63
  required: false;
37
64
  type: () => TooltipProps["position"];
38
65
  default: string;
39
66
  validator: (value: string) => boolean;
40
67
  };
41
- }>>, {
68
+ }>> & {
69
+ onCopiedText?: ((...args: any[]) => any) | undefined;
70
+ }, {
42
71
  text: string;
72
+ copy: boolean;
43
73
  position: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "top-center" | "bottom-center" | "left-bottom" | "left-center" | "right-bottom" | "right-center";
74
+ maxTextLength: number;
44
75
  }, {}>;
45
76
  export default _default;