@bagelink/vue 0.0.677 → 0.0.681
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/components/form/inputs/SignaturePad.vue.d.ts +1 -1
- package/dist/components/form/inputs/SignaturePad.vue.d.ts.map +1 -1
- package/dist/index.cjs +5 -3
- package/dist/index.mjs +5 -3
- package/dist/style.css +17 -18
- package/dist/types/index.d.ts.map +1 -1
- package/dist/utils/lang.d.ts +3 -1
- package/dist/utils/lang.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/form/inputs/FileUpload.vue +0 -1
- package/src/components/form/inputs/SignaturePad.vue +1 -1
- package/src/types/index.ts +1 -0
- package/src/utils/lang.ts +4 -1
|
@@ -11,7 +11,7 @@ interface WaterMark {
|
|
|
11
11
|
strokeStyle: string;
|
|
12
12
|
style: string;
|
|
13
13
|
}
|
|
14
|
-
type FormatType = 'image/png' | 'image/jpeg' | 'image/svg+xml';
|
|
14
|
+
type FormatType = 'image/png' | 'image/jpg' | 'image/jpeg' | 'image/svg+xml';
|
|
15
15
|
declare function save(format?: FormatType): string | undefined;
|
|
16
16
|
declare function undo(): void;
|
|
17
17
|
declare function addWaterMark(data: WaterMark): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SignaturePad.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SignaturePad.vue"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAMnE,UAAU,SAAS;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,EAAE,EAAE,MAAM,CAAA;IACV,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACb;AAED,KAAK,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"SignaturePad.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SignaturePad.vue"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAMnE,UAAU,SAAS;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,EAAE,EAAE,MAAM,CAAA;IACV,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACb;AAED,KAAK,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,eAAe,CAAA;AAuB5E,iBAAS,IAAI,CAAC,MAAM,CAAC,EAAE,UAAU,sBAGhC;AAKD,iBAAS,IAAI,SAMZ;AAiBD,iBAAS,YAAY,CAAC,IAAI,EAAE,SAAS,QA0BpC;;gBA6IY,mBAAmB;YACvB,MAAM;aACL,MAAM;YACP,MAAM;oBACE,OAAO;gBACX,SAAS;eACV,OAAO;iBACL,MAAM;aACV,UAAU;gBACP,OAAO;;;;;;;;;uBA1MM,MAAM;;gBAiMnB,mBAAmB;YACvB,MAAM;aACL,MAAM;YACP,MAAM;oBACE,OAAO;gBACX,SAAS;eACV,OAAO;iBACL,MAAM;aACV,UAAU;gBACP,OAAO;;;;eAAP,OAAO;;AAhBpB,wBAkBG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
package/dist/index.cjs
CHANGED
|
@@ -5297,12 +5297,14 @@ const state$1 = vue.reactive({
|
|
|
5297
5297
|
availableLangs: [],
|
|
5298
5298
|
lang: "en"
|
|
5299
5299
|
});
|
|
5300
|
+
function $tdb(langEl) {
|
|
5301
|
+
return langEl[state$1.lang] || langEl[state$1.defaultLang] || "";
|
|
5302
|
+
}
|
|
5300
5303
|
function useLang() {
|
|
5301
5304
|
const lang = vue.computed({
|
|
5302
5305
|
get: () => state$1.lang,
|
|
5303
5306
|
set: (val) => state$1.lang = val
|
|
5304
5307
|
});
|
|
5305
|
-
const $tdb = (langEl) => langEl[state$1.lang] || langEl[state$1.defaultLang] || "";
|
|
5306
5308
|
const availableLangs = vue.computed({
|
|
5307
5309
|
get: () => state$1.availableLangs,
|
|
5308
5310
|
set: (val) => state$1.availableLangs = val
|
|
@@ -19358,7 +19360,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
|
|
|
19358
19360
|
}
|
|
19359
19361
|
});
|
|
19360
19362
|
const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-d86ce838"]]);
|
|
19361
|
-
const _withScopeId$2 = (n2) => (vue.pushScopeId("data-v-
|
|
19363
|
+
const _withScopeId$2 = (n2) => (vue.pushScopeId("data-v-1506863e"), n2 = n2(), vue.popScopeId(), n2);
|
|
19362
19364
|
const _hoisted_1$k = { class: "bagel-input" };
|
|
19363
19365
|
const _hoisted_2$f = {
|
|
19364
19366
|
key: 0,
|
|
@@ -19605,7 +19607,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
|
|
|
19605
19607
|
};
|
|
19606
19608
|
}
|
|
19607
19609
|
});
|
|
19608
|
-
const $el = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-
|
|
19610
|
+
const $el = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-1506863e"]]);
|
|
19609
19611
|
const _withScopeId$1 = (n2) => (vue.pushScopeId("data-v-06b95183"), n2 = n2(), vue.popScopeId(), n2);
|
|
19610
19612
|
const _hoisted_1$j = ["title"];
|
|
19611
19613
|
const _hoisted_2$e = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "slider round" }, null, -1));
|
package/dist/index.mjs
CHANGED
|
@@ -5295,12 +5295,14 @@ const state$1 = reactive({
|
|
|
5295
5295
|
availableLangs: [],
|
|
5296
5296
|
lang: "en"
|
|
5297
5297
|
});
|
|
5298
|
+
function $tdb(langEl) {
|
|
5299
|
+
return langEl[state$1.lang] || langEl[state$1.defaultLang] || "";
|
|
5300
|
+
}
|
|
5298
5301
|
function useLang() {
|
|
5299
5302
|
const lang = computed({
|
|
5300
5303
|
get: () => state$1.lang,
|
|
5301
5304
|
set: (val) => state$1.lang = val
|
|
5302
5305
|
});
|
|
5303
|
-
const $tdb = (langEl) => langEl[state$1.lang] || langEl[state$1.defaultLang] || "";
|
|
5304
5306
|
const availableLangs = computed({
|
|
5305
5307
|
get: () => state$1.availableLangs,
|
|
5306
5308
|
set: (val) => state$1.availableLangs = val
|
|
@@ -19356,7 +19358,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
|
19356
19358
|
}
|
|
19357
19359
|
});
|
|
19358
19360
|
const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-d86ce838"]]);
|
|
19359
|
-
const _withScopeId$2 = (n2) => (pushScopeId("data-v-
|
|
19361
|
+
const _withScopeId$2 = (n2) => (pushScopeId("data-v-1506863e"), n2 = n2(), popScopeId(), n2);
|
|
19360
19362
|
const _hoisted_1$k = { class: "bagel-input" };
|
|
19361
19363
|
const _hoisted_2$f = {
|
|
19362
19364
|
key: 0,
|
|
@@ -19603,7 +19605,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
19603
19605
|
};
|
|
19604
19606
|
}
|
|
19605
19607
|
});
|
|
19606
|
-
const $el = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-
|
|
19608
|
+
const $el = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-1506863e"]]);
|
|
19607
19609
|
const _withScopeId$1 = (n2) => (pushScopeId("data-v-06b95183"), n2 = n2(), popScopeId(), n2);
|
|
19608
19610
|
const _hoisted_1$j = ["title"];
|
|
19609
19611
|
const _hoisted_2$e = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", { class: "slider round" }, null, -1));
|
package/dist/style.css
CHANGED
|
@@ -1716,7 +1716,7 @@ display: block;
|
|
|
1716
1716
|
color: var(--bgl-white);
|
|
1717
1717
|
}
|
|
1718
1718
|
|
|
1719
|
-
.bagel-input .fileUploadWrap[data-v-
|
|
1719
|
+
.bagel-input .fileUploadWrap[data-v-1506863e] {
|
|
1720
1720
|
--width: 320px;
|
|
1721
1721
|
outline: 1px solid var(--border-color);
|
|
1722
1722
|
border-radius: var(--input-border-radius);
|
|
@@ -1729,7 +1729,7 @@ display: block;
|
|
|
1729
1729
|
overflow-y: auto;
|
|
1730
1730
|
background: var(--input-bg);
|
|
1731
1731
|
}
|
|
1732
|
-
.previewName[data-v-
|
|
1732
|
+
.previewName[data-v-1506863e] {
|
|
1733
1733
|
padding: 0.5rem;
|
|
1734
1734
|
text-align: start;
|
|
1735
1735
|
color: var(--input-color);
|
|
@@ -1739,18 +1739,18 @@ display: block;
|
|
|
1739
1739
|
align-items: center;
|
|
1740
1740
|
padding-inline: 14px;
|
|
1741
1741
|
}
|
|
1742
|
-
.previewName p[data-v-
|
|
1742
|
+
.previewName p[data-v-1506863e] {
|
|
1743
1743
|
overflow: hidden;
|
|
1744
1744
|
text-overflow: ellipsis;
|
|
1745
1745
|
white-space: nowrap;
|
|
1746
1746
|
}
|
|
1747
|
-
.imagePreviewWrap[data-v-
|
|
1747
|
+
.imagePreviewWrap[data-v-1506863e] {
|
|
1748
1748
|
background: var(--input-bg);
|
|
1749
1749
|
border-radius: var(--input-border-radius);
|
|
1750
1750
|
padding: 5px;
|
|
1751
1751
|
min-height: 90px;
|
|
1752
1752
|
}
|
|
1753
|
-
img.preview[data-v-
|
|
1753
|
+
img.preview[data-v-1506863e] {
|
|
1754
1754
|
/* max-height: calc(var(--width) / 2); */
|
|
1755
1755
|
/* max-width: calc(var(--width) * 2); */
|
|
1756
1756
|
width: 40px;
|
|
@@ -1760,19 +1760,18 @@ img.preview[data-v-21c953c3] {
|
|
|
1760
1760
|
background: var(--bgl-gray-light);
|
|
1761
1761
|
box-shadow: 0 0 10px #00000012;
|
|
1762
1762
|
}
|
|
1763
|
-
img.preview.single[data-v-
|
|
1763
|
+
img.preview.single[data-v-1506863e] {
|
|
1764
1764
|
max-width: var(--width);
|
|
1765
1765
|
width: calc(100% - 2.75rem);
|
|
1766
1766
|
object-fit: contain;
|
|
1767
1767
|
height: auto;
|
|
1768
|
-
max-height: calc(var(--width) / 2);
|
|
1769
1768
|
margin: 1rem;
|
|
1770
1769
|
}
|
|
1771
|
-
.fileUploadWrap.dragover[data-v-
|
|
1772
|
-
.fileUploadWrap[data-v-
|
|
1770
|
+
.fileUploadWrap.dragover[data-v-1506863e],
|
|
1771
|
+
.fileUploadWrap[data-v-1506863e]:hover {
|
|
1773
1772
|
box-shadow: inset 0 0 10px #00000012;
|
|
1774
1773
|
}
|
|
1775
|
-
.bagel-input .fileUploadWrap.fileDropZone[data-v-
|
|
1774
|
+
.bagel-input .fileUploadWrap.fileDropZone[data-v-1506863e] {
|
|
1776
1775
|
background: var(--input-bg);
|
|
1777
1776
|
display: flex;
|
|
1778
1777
|
align-items: center;
|
|
@@ -1780,7 +1779,7 @@ img.preview.single[data-v-21c953c3] {
|
|
|
1780
1779
|
color: var(--bgl-gray);
|
|
1781
1780
|
flex-direction: column;
|
|
1782
1781
|
}
|
|
1783
|
-
.pie[data-v-
|
|
1782
|
+
.pie[data-v-1506863e] {
|
|
1784
1783
|
width: 30px;
|
|
1785
1784
|
height: 30px;
|
|
1786
1785
|
position: relative;
|
|
@@ -1788,7 +1787,7 @@ img.preview.single[data-v-21c953c3] {
|
|
|
1788
1787
|
align-items: center;
|
|
1789
1788
|
justify-content: center;
|
|
1790
1789
|
}
|
|
1791
|
-
.pie[data-v-
|
|
1790
|
+
.pie[data-v-1506863e]:before {
|
|
1792
1791
|
content: '';
|
|
1793
1792
|
position: absolute;
|
|
1794
1793
|
border-radius: 50%;
|
|
@@ -1806,26 +1805,26 @@ img.preview.single[data-v-21c953c3] {
|
|
|
1806
1805
|
#000 calc(100% - var(--b))
|
|
1807
1806
|
);
|
|
1808
1807
|
}
|
|
1809
|
-
.pie .success[data-v-
|
|
1808
|
+
.pie .success[data-v-1506863e] {
|
|
1810
1809
|
transform: scale(0);
|
|
1811
1810
|
opacity: 0;
|
|
1812
1811
|
transition: all 0.3s ease-in-out;
|
|
1813
1812
|
}
|
|
1814
|
-
.pie .progress[data-v-
|
|
1813
|
+
.pie .progress[data-v-1506863e] {
|
|
1815
1814
|
position: absolute;
|
|
1816
1815
|
font-size: 10px;
|
|
1817
1816
|
}
|
|
1818
|
-
.pie.complete .progress[data-v-
|
|
1817
|
+
.pie.complete .progress[data-v-1506863e] {
|
|
1819
1818
|
display: none;
|
|
1820
1819
|
}
|
|
1821
|
-
.pie.complete .success[data-v-
|
|
1820
|
+
.pie.complete .success[data-v-1506863e] {
|
|
1822
1821
|
transform: scale(1.3);
|
|
1823
1822
|
opacity: 1;
|
|
1824
1823
|
}
|
|
1825
|
-
.pie.complete[data-v-
|
|
1824
|
+
.pie.complete[data-v-1506863e]:before {
|
|
1826
1825
|
background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
|
|
1827
1826
|
}
|
|
1828
|
-
.pie.complete[data-v-
|
|
1827
|
+
.pie.complete[data-v-1506863e] {
|
|
1829
1828
|
color: var(--bgl-green);
|
|
1830
1829
|
}
|
|
1831
1830
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACX,mBAAmB,IAAI,uBAAuB,EAC9C,QAAQ,EACR,mBAAmB,EACnB,gBAAgB,EAChB,YAAY,GACZ,MAAM,kBAAkB,CAAA;AAEzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAEpD,YAAY,EAAE,aAAa,EAAE,CAAA;AAC7B,YAAY,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAC/D,YAAY,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AACzC,YAAY,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAExC,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAE3B,MAAM,MAAM,GAAG,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,aAAa,CAAA;CACpB,GAAG,MAAM,CAAA;AAEV,MAAM,MAAM,SAAS,GACpB,OAAO,GACL,OAAO,GACP,KAAK,GACL,MAAM,GACN,YAAY,GACZ,OAAO,GACP,OAAO,GACP,SAAS,GACT,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACX,mBAAmB,IAAI,uBAAuB,EAC9C,QAAQ,EACR,mBAAmB,EACnB,gBAAgB,EAChB,YAAY,GACZ,MAAM,kBAAkB,CAAA;AAEzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAEpD,YAAY,EAAE,aAAa,EAAE,CAAA;AAC7B,YAAY,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAC/D,YAAY,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AACzC,YAAY,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAExC,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAE3B,MAAM,MAAM,GAAG,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,aAAa,CAAA;CACpB,GAAG,MAAM,CAAA;AAEV,MAAM,MAAM,SAAS,GACpB,OAAO,GACL,OAAO,GACP,KAAK,GACL,MAAM,GACN,YAAY,GACZ,OAAO,GACP,OAAO,GACP,SAAS,GACT,MAAM,CAAA;AAGT,MAAM,MAAM,MAAM,GACf,MAAM,GACN,MAAM,GACN,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GACnB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAA"}
|
package/dist/utils/lang.d.ts
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
|
+
declare function $tdb<T extends Record<string, any>>(langEl: T): string;
|
|
1
2
|
export declare function useLang(): {
|
|
2
3
|
lang: import('vue').WritableComputedRef<string>;
|
|
3
|
-
$tdb:
|
|
4
|
+
$tdb: typeof $tdb;
|
|
4
5
|
availableLangs: import('vue').WritableComputedRef<string[]>;
|
|
5
6
|
defaultLang: import('vue').WritableComputedRef<string>;
|
|
6
7
|
};
|
|
8
|
+
export {};
|
|
7
9
|
//# sourceMappingURL=lang.d.ts.map
|
package/dist/utils/lang.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lang.d.ts","sourceRoot":"","sources":["../../src/utils/lang.ts"],"names":[],"mappings":"AAcA,
|
|
1
|
+
{"version":3,"file":"lang.d.ts","sourceRoot":"","sources":["../../src/utils/lang.ts"],"names":[],"mappings":"AAcA,iBAAS,IAAI,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC,GAAG,MAAM,CAE9D;AAED,wBAAgB,OAAO;;;;;EAuBtB"}
|
package/package.json
CHANGED
|
@@ -16,7 +16,7 @@ interface WaterMark {
|
|
|
16
16
|
style: string
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
type FormatType = 'image/png' | 'image/jpeg' | 'image/svg+xml'
|
|
19
|
+
type FormatType = 'image/png' | 'image/jpg' | 'image/jpeg' | 'image/svg+xml'
|
|
20
20
|
|
|
21
21
|
const props = withDefaults(defineProps<{
|
|
22
22
|
sigOption?: SignaturePadOptions
|
package/src/types/index.ts
CHANGED
package/src/utils/lang.ts
CHANGED
|
@@ -12,13 +12,16 @@ const state: State = reactive({
|
|
|
12
12
|
lang: 'en',
|
|
13
13
|
})
|
|
14
14
|
|
|
15
|
+
function $tdb<T extends Record<string, any>>(langEl: T): string {
|
|
16
|
+
return langEl[state.lang] || langEl[state.defaultLang] || ''
|
|
17
|
+
}
|
|
18
|
+
|
|
15
19
|
export function useLang() {
|
|
16
20
|
const lang = computed({
|
|
17
21
|
get: () => state.lang,
|
|
18
22
|
set: val => (state.lang = val),
|
|
19
23
|
})
|
|
20
24
|
|
|
21
|
-
const $tdb = (langEl: Record<string, any>) => langEl[state.lang] || langEl[state.defaultLang] || ''
|
|
22
25
|
|
|
23
26
|
const availableLangs = computed({
|
|
24
27
|
get: () => state.availableLangs,
|