@milaboratories/uikit 2.2.4 → 2.2.6
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/CHANGELOG.md +13 -0
- package/dist/pl-uikit.js +1001 -988
- package/dist/pl-uikit.umd.cjs +4 -4
- package/dist/src/components/PlDialogModal/PlDialogModal.vue.d.ts +8 -0
- package/dist/src/components/PlFileDialog/PlFileDialog.vue.d.ts +3 -0
- package/dist/src/components/PlFileInput/PlFileInput.vue.d.ts +18 -9
- package/dist/src/components/PlSlideModal/PlSlideModal.vue.d.ts +3 -3
- package/dist/src/generated/icons-24.d.ts +1 -1
- package/dist/src/index.d.ts +2 -2
- package/dist/style.css +1 -1
- package/dist/tsconfig.lib.tsbuildinfo +1 -1
- package/package.json +3 -3
- package/src/assets/icons/icon-assets/24_dna-add.svg +4 -0
- package/src/assets/icons/icon-assets/24_dna-import.svg +4 -0
- package/src/assets/icons/icon-assets/24_dna.svg +3 -3
- package/src/assets/icons/icon-assets-min/24_dna-add.svg +1 -0
- package/src/assets/icons/icon-assets-min/24_dna-import.svg +1 -0
- package/src/assets/icons/icon-assets-min/24_dna.svg +1 -1
- package/src/assets/icons/icons-24-generated.json +2 -2
- package/src/assets/icons/icons-24-generated.scss +2 -2
- package/src/assets/icons/icons-set.scss +2 -1
- package/src/components/PlBtnSplit/pl-btn-split.scss +2 -3
- package/src/components/PlDialogModal/PlDialogModal.vue +5 -1
- package/src/components/PlFileDialog/PlFileDialog.vue +3 -0
- package/src/components/PlFileInput/PlFileInput.vue +16 -6
- package/src/components/PlMaskIcon16/PlMaskIcon16.vue +7 -1
- package/src/components/PlMaskIcon24/PlMaskIcon24.vue +7 -1
- package/src/components/PlSlideModal/PlSlideModal.vue +1 -1
- package/src/generated/icons-24.ts +2 -2
- package/src/assets/icons/icon-assets/24_files-export.svg +0 -6
- package/src/assets/icons/icon-assets/24_files-import.svg +0 -6
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@milaboratories/uikit",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.6",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "dist/pl-uikit.umd.js",
|
|
6
6
|
"module": "dist/pl-uikit.js",
|
|
@@ -32,8 +32,8 @@
|
|
|
32
32
|
"vue-tsc": "^2.1.6",
|
|
33
33
|
"yarpm": "^1.2.0",
|
|
34
34
|
"svgo": "^3.3.2",
|
|
35
|
-
"@
|
|
36
|
-
"@
|
|
35
|
+
"@milaboratories/helpers": "^1.6.6",
|
|
36
|
+
"@platforma-sdk/model": "^1.10.2"
|
|
37
37
|
},
|
|
38
38
|
"scripts": {
|
|
39
39
|
"dev": "vite",
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.3081 7C7.01288 6.48433 6.76766 5.90709 6.58787 5.25L15.8435 5.25C15.9948 4.80961 16.1101 4.31425 16.1785 3.75L6.31217 3.75C6.27139 3.35769 6.25 2.94181 6.25 2.5H4.75C4.75 5.4604 5.61845 7.52184 6.9601 9.09823C7.98748 10.3054 9.27521 11.2032 10.5567 12C10.8948 12.2102 11.2324 12.4134 11.5648 12.6134L11.6618 12.6718C12.293 13.0517 12.9048 13.422 13.4822 13.8096C13.5354 13.8453 13.5883 13.8811 13.6408 13.9171C14.3434 14.3981 14.992 14.909 15.5593 15.5H13V17H16.6919C16.9871 17.5157 17.2323 18.0929 17.4121 18.75H13V20.25H17.6878C17.7286 20.6423 17.75 21.0582 17.75 21.5H19.25C19.25 18.5396 18.3815 16.4782 17.0399 14.9018C16.7665 14.5806 16.4748 14.2813 16.1696 14C15.9481 13.7959 15.7195 13.6012 15.4859 13.4145C15.2718 13.2434 15.0534 13.0791 14.8322 12.9203C14.7483 12.86 14.664 12.8005 14.5793 12.7418C14.3702 12.5968 14.1591 12.4562 13.9472 12.3191L13.9237 12.3039C13.7801 12.2113 13.6363 12.1203 13.4925 12.0306L13.4433 12C13.1055 11.79 12.7682 11.587 12.4363 11.3872L12.4362 11.3872L12.3867 11.3574C12.2569 11.2793 12.128 11.2016 12 11.1242C11.5096 10.8275 11.033 10.5339 10.5773 10.2302C10.497 10.1767 10.4173 10.1228 10.3383 10.0686L10.3162 10.0534C10.2578 10.0132 10.1998 9.97281 10.1423 9.93216C9.52286 9.49501 8.94913 9.0297 8.44073 8.5H13.2788C13.8439 8.08122 14.3348 7.64795 14.7553 7.15384C14.7981 7.1035 14.8405 7.05225 14.8822 7H7.3081ZM13.4227 10.2302C14.3556 9.60849 15.2009 8.9446 15.8976 8.12603C16.9935 6.83846 17.75 5.12783 17.75 2.5H19.25C19.25 5.46041 18.3815 7.52184 17.0399 9.09823C16.3815 9.87184 15.6162 10.5184 14.8141 11.0928C14.336 10.782 13.8663 10.4972 13.4227 10.2302Z" fill="#110529"/>
|
|
3
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 13V16.5H11V18H7.5V21.5H6V18H2.5V16.5H6V13H7.5Z" fill="#110529"/>
|
|
4
|
+
</svg>
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.3081 7C7.01288 6.48433 6.76766 5.90709 6.58787 5.25L15.8435 5.25C15.9948 4.80961 16.1101 4.31425 16.1785 3.75L6.31217 3.75C6.27139 3.35769 6.25 2.94181 6.25 2.5H4.75C4.75 5.4604 5.61845 7.52184 6.9601 9.09823C7.98748 10.3054 9.27521 11.2032 10.5567 12C10.8948 12.2102 11.2324 12.4134 11.5648 12.6134L11.6618 12.6718C12.293 13.0517 12.9048 13.422 13.4822 13.8096C13.5354 13.8453 13.5883 13.8811 13.6408 13.9171C14.3434 14.3981 14.992 14.909 15.5593 15.5H13V17H16.6919C16.9871 17.5157 17.2323 18.0929 17.4121 18.75H13V20.25H17.6878C17.7286 20.6423 17.75 21.0582 17.75 21.5H19.25C19.25 18.5396 18.3815 16.4782 17.0399 14.9018C16.7665 14.5806 16.4748 14.2813 16.1696 14C15.9481 13.7959 15.7195 13.6012 15.4859 13.4145C15.2718 13.2434 15.0534 13.0791 14.8322 12.9203C14.7483 12.86 14.664 12.8005 14.5793 12.7418C14.3702 12.5968 14.1591 12.4562 13.9472 12.3191L13.9237 12.3039C13.7801 12.2113 13.6363 12.1203 13.4925 12.0306L13.4433 12C13.1055 11.79 12.7682 11.587 12.4363 11.3872L12.4362 11.3872L12.3867 11.3574C12.2569 11.2793 12.128 11.2016 12 11.1242C11.5096 10.8275 11.033 10.5339 10.5773 10.2302C10.497 10.1767 10.4173 10.1228 10.3383 10.0686L10.3162 10.0534C10.2578 10.0132 10.1998 9.97281 10.1423 9.93216C9.52286 9.49501 8.94913 9.0297 8.44073 8.5H13.2788C13.8439 8.08122 14.3348 7.64795 14.7553 7.15384C14.7981 7.1035 14.8405 7.05225 14.8822 7H7.3081ZM13.4227 10.2302C14.3556 9.60849 15.2009 8.9446 15.8976 8.12603C16.9935 6.83846 17.75 5.12783 17.75 2.5H19.25C19.25 5.46041 18.3815 7.52184 17.0399 9.09823C16.3815 9.87184 15.6162 10.5184 14.8141 11.0928C14.336 10.782 13.8663 10.4972 13.4227 10.2302Z" fill="#110529"/>
|
|
3
|
+
<path d="M3 13.5V15H7.9395L2 20.9395L3.0605 22L9 16.0605V21H10.5V13.5H3Z" fill="#110529"/>
|
|
4
|
+
</svg>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="
|
|
3
|
-
<path d="
|
|
4
|
-
<path d="
|
|
2
|
+
<path d="M7.3081 7C7.01288 6.48433 6.76766 5.90709 6.58787 5.25L15.8435 5.25C15.9948 4.80961 16.1101 4.31425 16.1785 3.75L6.31217 3.75C6.27139 3.35769 6.25 2.94181 6.25 2.5H4.75C4.75 5.4604 5.61845 7.52184 6.9601 9.09823C7.98748 10.3054 9.27521 11.2032 10.5567 12C10.8948 12.2102 11.2324 12.4134 11.5648 12.6134L11.6618 12.6718C12.293 13.0517 12.9048 13.422 13.4822 13.8096C13.5354 13.8453 13.5883 13.8811 13.6408 13.9171C14.3434 14.3981 14.992 14.909 15.5593 15.5H10.7211C10.453 15.6987 10.2016 15.9007 9.96652 16.1108C9.70611 16.3436 9.46568 16.5865 9.24468 16.8462C9.20183 16.8965 9.15951 16.9478 9.11777 17H16.6919C16.9871 17.5157 17.2323 18.0929 17.4121 18.75H8.1565C8.00515 19.1904 7.88991 19.6857 7.82144 20.25H17.6878C17.7286 20.6423 17.75 21.0582 17.75 21.5H19.25C19.25 18.5396 18.3816 16.4782 17.0399 14.9018C16.7665 14.5806 16.4748 14.2813 16.1696 14C15.9481 13.7959 15.7195 13.6012 15.4859 13.4145C15.2718 13.2434 15.0534 13.0791 14.8322 12.9203C14.7483 12.86 14.664 12.8005 14.5793 12.7418C14.3702 12.5968 14.1591 12.4562 13.9472 12.3191C13.9393 12.3141 13.9315 12.309 13.9237 12.3039C13.7801 12.2113 13.6363 12.1203 13.4925 12.0306C13.4925 12.0306 13.4925 12.0306 13.4925 12.0306C13.4761 12.0204 13.4597 12.0102 13.4433 12C13.1055 11.7899 12.7681 11.5869 12.4362 11.3872L12.3867 11.3574C12.2569 11.2793 12.128 11.2016 12 11.1242C11.5096 10.8275 11.033 10.5339 10.5773 10.2302C10.497 10.1767 10.4173 10.1228 10.3383 10.0686C10.3309 10.0636 10.3236 10.0585 10.3162 10.0534C10.2578 10.0132 10.1998 9.97281 10.1423 9.93216C9.52286 9.49501 8.94913 9.0297 8.44073 8.5H13.2788C13.8439 8.08122 14.3348 7.64795 14.7553 7.15384C14.7981 7.1035 14.8405 7.05225 14.8822 7H7.3081Z" fill="#110529"/>
|
|
3
|
+
<path d="M13.4227 10.2302C14.3556 9.60849 15.2009 8.9446 15.8976 8.12603C16.9934 6.83846 17.75 5.12783 17.75 2.5H19.25C19.25 5.46041 18.3816 7.52184 17.0399 9.09823C16.3815 9.87184 15.6162 10.5184 14.8141 11.0928C14.336 10.782 13.8663 10.4972 13.4227 10.2302Z" fill="#110529"/>
|
|
4
|
+
<path d="M6.24999 21.5H4.75C4.75 18.5396 5.61845 16.4782 6.9601 14.9018C7.61851 14.1282 8.38384 13.4816 9.18591 12.9072C9.66397 13.218 10.1337 13.5028 10.5772 13.7698C9.81845 14.2755 9.11759 14.8091 8.50753 15.4312C8.43735 15.5027 8.36837 15.5754 8.30065 15.6494C8.2333 15.723 8.16719 15.7978 8.10238 15.874C7.49281 16.5902 6.98821 17.4374 6.66042 18.5005C6.43578 19.2291 6.29419 20.0591 6.25876 21.0179C6.25296 21.1751 6.24999 21.3358 6.24999 21.5Z" fill="#110529"/>
|
|
5
5
|
</svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#110529" fill-rule="evenodd" d="M7.308 7a7.5 7.5 0 0 1-.72-1.75h9.256a7.3 7.3 0 0 0 .335-1.5H6.311q-.061-.587-.062-1.25h-1.5c0 2.96.868 5.022 2.21 6.598 1.027 1.207 2.315 2.105 3.597 2.902q.508.314 1.008.613l.097.059a44 44 0 0 1 1.979 1.245c.702.481 1.351.992 1.918 1.583H13V17h3.692c.295.516.54 1.093.72 1.75H13v1.5h4.688q.061.587.062 1.25h1.5c0-2.96-.869-5.022-2.21-6.598q-.411-.48-.87-.902-.333-.306-.684-.585a16 16 0 0 0-.907-.673q-.314-.217-.632-.423l-.023-.015-.431-.273-.05-.031q-.508-.314-1.007-.613l-.05-.03-.386-.233a39 39 0 0 1-1.662-1.055l-.022-.016-.174-.12A11.6 11.6 0 0 1 8.441 8.5h4.838c.565-.419 1.056-.852 1.476-1.346q.064-.075.127-.154zm6.115 3.23c.933-.622 1.778-1.285 2.475-2.104C16.994 6.838 17.75 5.128 17.75 2.5h1.5c0 2.96-.869 5.022-2.21 6.598-.659.774-1.424 1.42-2.226 1.995-.478-.311-.948-.596-1.391-.863" clip-rule="evenodd"/><path fill="#110529" fill-rule="evenodd" d="M7.5 13v3.5H11V18H7.5v3.5H6V18H2.5v-1.5H6V13z" clip-rule="evenodd"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#110529" fill-rule="evenodd" d="M7.308 7a7.5 7.5 0 0 1-.72-1.75h9.256a7.3 7.3 0 0 0 .335-1.5H6.311q-.061-.587-.062-1.25h-1.5c0 2.96.868 5.022 2.21 6.598 1.027 1.207 2.315 2.105 3.597 2.902q.508.314 1.008.613l.097.059a44 44 0 0 1 1.979 1.245c.702.481 1.351.992 1.918 1.583H13V17h3.692c.295.516.54 1.093.72 1.75H13v1.5h4.688q.061.587.062 1.25h1.5c0-2.96-.869-5.022-2.21-6.598q-.411-.48-.87-.902-.333-.306-.684-.585a16 16 0 0 0-.907-.673q-.314-.217-.632-.423l-.023-.015-.431-.273-.05-.031q-.508-.314-1.007-.613l-.05-.03-.386-.233a39 39 0 0 1-1.662-1.055l-.022-.016-.174-.12A11.6 11.6 0 0 1 8.441 8.5h4.838c.565-.419 1.056-.852 1.476-1.346q.064-.075.127-.154zm6.115 3.23c.933-.622 1.778-1.285 2.475-2.104C16.994 6.838 17.75 5.128 17.75 2.5h1.5c0 2.96-.869 5.022-2.21 6.598-.659.774-1.424 1.42-2.226 1.995-.478-.311-.948-.596-1.391-.863" clip-rule="evenodd"/><path fill="#110529" d="M3 13.5V15h4.94L2 20.94 3.06 22 9 16.06V21h1.5v-7.5z"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#110529" d="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#110529" d="M7.308 7a7.5 7.5 0 0 1-.72-1.75h9.256a7.3 7.3 0 0 0 .335-1.5H6.311q-.061-.587-.062-1.25h-1.5c0 2.96.868 5.022 2.21 6.598 1.027 1.207 2.315 2.105 3.597 2.902q.508.314 1.008.613l.097.059a44 44 0 0 1 1.979 1.245c.702.481 1.351.992 1.918 1.583h-4.838q-.402.297-.754.61a7.6 7.6 0 0 0-.85.89h7.575c.295.516.54 1.093.72 1.75H8.157a7.3 7.3 0 0 0-.336 1.5h9.867q.061.587.062 1.25h1.5c0-2.96-.868-5.022-2.21-6.598q-.411-.48-.87-.902-.333-.306-.684-.585a16 16 0 0 0-.907-.673q-.314-.217-.632-.423l-.023-.015-.431-.273-.05-.031q-.508-.314-1.007-.613l-.05-.03-.386-.233a39 39 0 0 1-1.662-1.055l-.022-.016-.174-.12A11.6 11.6 0 0 1 8.441 8.5h4.838c.565-.419 1.056-.852 1.476-1.346q.064-.075.127-.154z"/><path fill="#110529" d="M13.423 10.23c.933-.622 1.778-1.285 2.475-2.104C16.993 6.838 17.75 5.128 17.75 2.5h1.5c0 2.96-.868 5.022-2.21 6.598-.659.774-1.424 1.42-2.226 1.995-.478-.311-.948-.596-1.391-.863M6.25 21.5h-1.5c0-2.96.868-5.022 2.21-6.598.659-.774 1.424-1.42 2.226-1.995.478.311.948.596 1.391.863-.759.505-1.46 1.04-2.07 1.661a9 9 0 0 0-.405.443A7.3 7.3 0 0 0 6.66 18.5c-.224.73-.366 1.56-.401 2.518q-.009.236-.009.482"/></svg>
|
|
@@ -68,6 +68,8 @@
|
|
|
68
68
|
"dendrogram-X": "dendrogram-X.svg",
|
|
69
69
|
"dendrogram-Y-line": "dendrogram-Y-line.svg",
|
|
70
70
|
"dendrogram-Y": "dendrogram-Y.svg",
|
|
71
|
+
"dna-add": "dna-add.svg",
|
|
72
|
+
"dna-import": "dna-import.svg",
|
|
71
73
|
"dna": "dna.svg",
|
|
72
74
|
"download": "download.svg",
|
|
73
75
|
"drag-dots": "drag-dots.svg",
|
|
@@ -84,8 +86,6 @@
|
|
|
84
86
|
"file-doc-download": "file-doc-download.svg",
|
|
85
87
|
"file-doc-import": "file-doc-import.svg",
|
|
86
88
|
"file-doc": "file-doc.svg",
|
|
87
|
-
"files-export": "files-export.svg",
|
|
88
|
-
"files-import": "files-import.svg",
|
|
89
89
|
"filter-on": "filter-on.svg",
|
|
90
90
|
"filter": "filter.svg",
|
|
91
91
|
"fire-tips": "fire-tips.svg",
|
|
@@ -68,6 +68,8 @@ $icons24: (
|
|
|
68
68
|
dendrogram-X: 'dendrogram-X.svg',
|
|
69
69
|
dendrogram-Y-line: 'dendrogram-Y-line.svg',
|
|
70
70
|
dendrogram-Y: 'dendrogram-Y.svg',
|
|
71
|
+
dna-add: 'dna-add.svg',
|
|
72
|
+
dna-import: 'dna-import.svg',
|
|
71
73
|
dna: 'dna.svg',
|
|
72
74
|
download: 'download.svg',
|
|
73
75
|
drag-dots: 'drag-dots.svg',
|
|
@@ -84,8 +86,6 @@ $icons24: (
|
|
|
84
86
|
file-doc-download: 'file-doc-download.svg',
|
|
85
87
|
file-doc-import: 'file-doc-import.svg',
|
|
86
88
|
file-doc: 'file-doc.svg',
|
|
87
|
-
files-export: 'files-export.svg',
|
|
88
|
-
files-import: 'files-import.svg',
|
|
89
89
|
filter-on: 'filter-on.svg',
|
|
90
90
|
filter: 'filter.svg',
|
|
91
91
|
fire-tips: 'fire-tips.svg',
|
|
@@ -24,6 +24,7 @@
|
|
|
24
24
|
background-size: cover !important;
|
|
25
25
|
width: var(--icon-size);
|
|
26
26
|
height: var(--icon-size);
|
|
27
|
+
|
|
27
28
|
@each $name, $path in $icons24 {
|
|
28
29
|
&.icon-#{$name} {
|
|
29
30
|
background: url(@icons/icon-assets-min/24_#{$path});
|
|
@@ -51,4 +52,4 @@
|
|
|
51
52
|
@include mask-var(url(@icons/icon-assets-min/24_#{$path}));
|
|
52
53
|
}
|
|
53
54
|
}
|
|
54
|
-
}
|
|
55
|
+
}
|
|
@@ -42,9 +42,9 @@
|
|
|
42
42
|
&__title {
|
|
43
43
|
padding: 8px 14px;
|
|
44
44
|
height: 100%;
|
|
45
|
-
@include btn-focus;
|
|
46
45
|
color: var(--border-color);
|
|
47
46
|
transition: all .1s ease-in-out;
|
|
47
|
+
@include btn-focus;
|
|
48
48
|
|
|
49
49
|
&:hover {
|
|
50
50
|
border-radius: 6px;
|
|
@@ -66,9 +66,8 @@
|
|
|
66
66
|
width: 36px;
|
|
67
67
|
height: 100%;
|
|
68
68
|
position: relative;
|
|
69
|
-
@include btn-focus;
|
|
70
69
|
transition: all .1s ease-in-out;
|
|
71
|
-
|
|
70
|
+
@include btn-focus;
|
|
72
71
|
|
|
73
72
|
|
|
74
73
|
&:hover {
|
|
@@ -52,6 +52,10 @@ const props = withDefaults(
|
|
|
52
52
|
* Actions slot has a top border (default: `true`)
|
|
53
53
|
*/
|
|
54
54
|
actionsHasTopBorder?: boolean;
|
|
55
|
+
/**
|
|
56
|
+
* If `true`, the modal window closes when clicking outside the modal area (default: `true`)
|
|
57
|
+
*/
|
|
58
|
+
closeOnOutsideClick?: boolean;
|
|
55
59
|
}>(),
|
|
56
60
|
{
|
|
57
61
|
width: '448px',
|
|
@@ -69,7 +73,7 @@ const modal = ref<HTMLElement>();
|
|
|
69
73
|
const $attrs = useAttrs();
|
|
70
74
|
|
|
71
75
|
function onClickShadow(ev: Event) {
|
|
72
|
-
if (modal.value && document.contains(ev.target as Node) && !modal.value.contains(ev.target as Node)) {
|
|
76
|
+
if (modal.value && props.closeOnOutsideClick && document.contains(ev.target as Node) && !modal.value.contains(ev.target as Node)) {
|
|
73
77
|
emit('update:modelValue', false);
|
|
74
78
|
}
|
|
75
79
|
}
|
|
@@ -32,11 +32,13 @@ const props = withDefaults(
|
|
|
32
32
|
multi?: boolean;
|
|
33
33
|
title?: string;
|
|
34
34
|
autoSelectStorage?: boolean;
|
|
35
|
+
closeOnOutsideClick?: boolean;
|
|
35
36
|
}>(),
|
|
36
37
|
{
|
|
37
38
|
extensions: undefined,
|
|
38
39
|
title: undefined,
|
|
39
40
|
autoSelectStorage: true,
|
|
41
|
+
closeOnOutsideClick: true,
|
|
40
42
|
},
|
|
41
43
|
);
|
|
42
44
|
|
|
@@ -302,6 +304,7 @@ const vTextOverflown = {
|
|
|
302
304
|
<template>
|
|
303
305
|
<PlDialogModal
|
|
304
306
|
:no-content-gutters="true"
|
|
307
|
+
:close-on-outside-click="closeOnOutsideClick"
|
|
305
308
|
class="split"
|
|
306
309
|
:model-value="modelValue"
|
|
307
310
|
width="688px"
|
|
@@ -44,10 +44,6 @@ const props = withDefaults(
|
|
|
44
44
|
* Allowed file extensions (should start with `.`)
|
|
45
45
|
*/
|
|
46
46
|
extensions?: string[];
|
|
47
|
-
/**
|
|
48
|
-
* File dialog title
|
|
49
|
-
*/
|
|
50
|
-
fileDialogTitle?: string;
|
|
51
47
|
/**
|
|
52
48
|
* Placeholder text
|
|
53
49
|
*/
|
|
@@ -68,11 +64,18 @@ const props = withDefaults(
|
|
|
68
64
|
* If `true`, only the file name is displayed, not the full path to it.
|
|
69
65
|
*/
|
|
70
66
|
showFilenameOnly?: boolean;
|
|
71
|
-
|
|
72
67
|
/**
|
|
73
68
|
* Remove rounded border and change styles
|
|
74
69
|
*/
|
|
75
70
|
cellStyle?: boolean;
|
|
71
|
+
/**
|
|
72
|
+
* File dialog title
|
|
73
|
+
*/
|
|
74
|
+
fileDialogTitle?: string;
|
|
75
|
+
/**
|
|
76
|
+
* If `true`, the file dialog window closes when clicking outside the modal area (default: `true`)
|
|
77
|
+
*/
|
|
78
|
+
fileDialogCloseOnOutsideClick?: boolean;
|
|
76
79
|
}>(),
|
|
77
80
|
{
|
|
78
81
|
label: undefined,
|
|
@@ -83,6 +86,7 @@ const props = withDefaults(
|
|
|
83
86
|
error: undefined,
|
|
84
87
|
helper: undefined,
|
|
85
88
|
cellStyle: false,
|
|
89
|
+
fileDialogCloseOnOutsideClick: true,
|
|
86
90
|
},
|
|
87
91
|
);
|
|
88
92
|
|
|
@@ -182,5 +186,11 @@ if (!props.cellStyle) {
|
|
|
182
186
|
</div>
|
|
183
187
|
<div v-else-if="helper" class="upl-file-input__helper">{{ helper }}</div>
|
|
184
188
|
</div>
|
|
185
|
-
<PlFileDialog
|
|
189
|
+
<PlFileDialog
|
|
190
|
+
v-model="data.fileDialogOpen"
|
|
191
|
+
:extensions="extensions"
|
|
192
|
+
:title="fileDialogTitle"
|
|
193
|
+
:close-on-outside-click="fileDialogCloseOnOutsideClick"
|
|
194
|
+
@import:files="onImport"
|
|
195
|
+
/>
|
|
186
196
|
</template>
|
|
@@ -13,5 +13,11 @@ const className = computed(() => `mask-16 mask-${props.name}`);
|
|
|
13
13
|
</script>
|
|
14
14
|
|
|
15
15
|
<template>
|
|
16
|
-
<i :style="style" :class="className" />
|
|
16
|
+
<i :style="style" :class="[className, $style.icon]" />
|
|
17
17
|
</template>
|
|
18
|
+
|
|
19
|
+
<style module>
|
|
20
|
+
.icon {
|
|
21
|
+
display: inline-block;
|
|
22
|
+
}
|
|
23
|
+
</style>
|
|
@@ -11,5 +11,11 @@ const className = computed(() => `mask-24 mask-${props.name}`);
|
|
|
11
11
|
</script>
|
|
12
12
|
|
|
13
13
|
<template>
|
|
14
|
-
<i :class="className" />
|
|
14
|
+
<i :class="[className, $style.icon]" />
|
|
15
15
|
</template>
|
|
16
|
+
|
|
17
|
+
<style module>
|
|
18
|
+
.icon {
|
|
19
|
+
display: inline-block;
|
|
20
|
+
}
|
|
21
|
+
</style>
|
|
@@ -32,7 +32,7 @@ const props = withDefaults(
|
|
|
32
32
|
*/
|
|
33
33
|
shadow?: boolean;
|
|
34
34
|
/**
|
|
35
|
-
* If `true`, the modal window closes when clicking outside the modal area
|
|
35
|
+
* If `true`, the modal window closes when clicking outside the modal area (default: `true`)
|
|
36
36
|
*/
|
|
37
37
|
closeOnOutsideClick?: boolean;
|
|
38
38
|
}>(),
|
|
@@ -68,6 +68,8 @@ export const maskIcons24 = [
|
|
|
68
68
|
'dendrogram-X',
|
|
69
69
|
'dendrogram-Y-line',
|
|
70
70
|
'dendrogram-Y',
|
|
71
|
+
'dna-add',
|
|
72
|
+
'dna-import',
|
|
71
73
|
'dna',
|
|
72
74
|
'download',
|
|
73
75
|
'drag-dots',
|
|
@@ -84,8 +86,6 @@ export const maskIcons24 = [
|
|
|
84
86
|
'file-doc-download',
|
|
85
87
|
'file-doc-import',
|
|
86
88
|
'file-doc',
|
|
87
|
-
'files-export',
|
|
88
|
-
'files-import',
|
|
89
89
|
'filter-on',
|
|
90
90
|
'filter',
|
|
91
91
|
'fire-tips',
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M16.0001 9L21.5194 14.2986L20.4807 15.3807L16.7501 11.7993V21.0397H15.2501V11.7993L11.5194 15.3807L10.4807 14.2986L16.0001 9Z" fill="#110529"/>
|
|
3
|
-
<path d="M12 7.75H6V6.25H12V7.75Z" fill="#110529"/>
|
|
4
|
-
<path d="M6 11H9V9.5H6V11Z" fill="#110529"/>
|
|
5
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.5 9V6C19.5 5.17157 18.8284 4.5 18 4.5H12H6C5.17157 4.5 4.5 5.17157 4.5 6V18C4.5 18.8284 5.17157 19.5 6 19.5H11V21H6C4.34315 21 3 19.6569 3 18V6C3 4.34315 4.34315 3 6 3H12H18C19.6569 3 21 4.34315 21 6V9H19.5Z" fill="#110529"/>
|
|
6
|
-
</svg>
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M16.0001 22.0397L21.5194 16.741L20.4807 15.659L16.7501 19.2403V9H15.2501V19.2403L11.5194 15.659L10.4807 16.741L16.0001 22.0397Z" fill="#110529"/>
|
|
3
|
-
<path d="M12 7.75H6V6.25H12V7.75Z" fill="#110529"/>
|
|
4
|
-
<path d="M6 11H9V9.5H6V11Z" fill="#110529"/>
|
|
5
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.5 9V6C19.5 5.17157 18.8284 4.5 18 4.5H12H6C5.17157 4.5 4.5 5.17157 4.5 6V18C4.5 18.8284 5.17157 19.5 6 19.5H10V21H6C4.34315 21 3 19.6569 3 18V6C3 4.34315 4.34315 3 6 3H12H18C19.6569 3 21 4.34315 21 6V9H19.5Z" fill="#110529"/>
|
|
6
|
-
</svg>
|