@robot-admin/naive-ui-components 0.17.0 → 0.17.1
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 +19 -0
- package/README.md +12 -11
- package/README_EN.md +1 -0
- package/dist/C_AntV2.cjs +1 -1
- package/dist/C_AntV2.js +3 -3
- package/dist/C_Barcode.css +6 -6
- package/dist/C_Barcode2.cjs +1 -1
- package/dist/C_Barcode2.js +1 -1
- package/dist/C_Chat.css +269 -185
- package/dist/C_Chat2.cjs +1 -1
- package/dist/C_Chat2.js +1 -1
- package/dist/C_Code.css +26 -26
- package/dist/C_Code2.cjs +1 -1
- package/dist/C_Code2.js +1 -1
- package/dist/C_Draggable2.cjs +1 -1
- package/dist/C_Draggable2.js +1 -1
- package/dist/C_FilePreview.css +96 -57
- package/dist/C_FilePreview2.cjs +1 -1
- package/dist/C_FilePreview2.js +1 -1
- package/dist/C_GlobalSearch.css +140 -118
- package/dist/C_GlobalSearch2.cjs +1 -1
- package/dist/C_GlobalSearch2.js +1 -1
- package/dist/C_ImageCropper.css +10 -10
- package/dist/C_ImageCropper2.cjs +1 -1
- package/dist/C_ImageCropper2.js +1 -1
- package/dist/C_Login.css +79 -79
- package/dist/C_Login2.cjs +1 -1
- package/dist/C_Login2.js +1 -1
- package/dist/C_Map.css +10 -10
- package/dist/C_Map2.cjs +1 -1
- package/dist/C_Map2.js +1 -1
- package/dist/C_OrgChart.css +28 -4
- package/dist/C_OrgChart2.cjs +1 -1
- package/dist/C_OrgChart2.js +1 -1
- package/dist/C_QRCode2.cjs +1 -1
- package/dist/C_QRCode2.js +1 -1
- package/dist/C_Signature.css +15 -15
- package/dist/C_Signature2.cjs +1 -1
- package/dist/C_Signature2.js +1 -1
- package/dist/C_SplitPane.cjs +1 -1
- package/dist/C_SplitPane.css +231 -77
- package/dist/C_SplitPane.js +1 -1
- package/dist/C_SplitPane2.cjs +1 -1
- package/dist/C_SplitPane2.js +1 -1
- package/dist/C_Table.base.css +110 -117
- package/dist/C_Table.css +110 -117
- package/dist/C_Table.d.ts +1 -0
- package/dist/C_TagsView2.cjs +1 -1
- package/dist/C_TagsView2.js +1 -1
- package/dist/C_Transfer.css +93 -84
- package/dist/C_Transfer2.cjs +1 -1
- package/dist/C_Transfer2.js +1 -1
- package/dist/C_Tree.d.ts +1 -0
- package/dist/C_Upload.css +5 -5
- package/dist/C_Upload2.cjs +1 -1
- package/dist/C_Upload2.js +1 -1
- package/dist/C_VideoPlayer2.cjs +4 -3
- package/dist/C_VideoPlayer2.js +4 -3
- package/dist/C_VtableGantt.css +29 -28
- package/dist/C_VtableGantt2.cjs +1 -1
- package/dist/C_VtableGantt2.js +1 -1
- package/dist/C_WaterFall.css +29 -29
- package/dist/C_WaterFall2.cjs +1 -1
- package/dist/C_WaterFall2.js +1 -1
- package/dist/C_WorkFlow2.cjs +1 -1
- package/dist/C_WorkFlow2.js +1 -1
- package/dist/constants.d.cts +2 -2
- package/dist/constants.d.ts +2 -2
- package/dist/constants2.d.cts +2 -2
- package/dist/constants2.d.ts +2 -2
- package/dist/constants3.d.cts +2 -2
- package/dist/constants3.d.ts +2 -2
- package/dist/constants4.d.cts +5 -5
- package/dist/constants4.d.ts +5 -5
- package/dist/constants5.d.cts +5 -9
- package/dist/constants5.d.ts +5 -9
- package/dist/data.d.cts +11 -11
- package/dist/data.d.ts +11 -11
- package/dist/helpers.cjs +1 -1
- package/dist/helpers.js +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.vue.d.cts +6 -6
- package/dist/index.vue.d.ts +6 -6
- package/dist/index10.vue.d.cts +3 -3
- package/dist/index10.vue.d.ts +3 -3
- package/dist/index11.vue.d.cts +3 -3
- package/dist/index11.vue.d.ts +3 -3
- package/dist/index12.vue.d.cts +3 -3
- package/dist/index12.vue.d.ts +2 -2
- package/dist/index13.vue.d.cts +2 -2
- package/dist/index13.vue.d.ts +5 -5
- package/dist/index14.vue.d.cts +5 -5
- package/dist/index14.vue.d.ts +4 -4
- package/dist/index15.vue.d.cts +4 -4
- package/dist/index15.vue.d.ts +3 -3
- package/dist/index16.vue.d.cts +3 -3
- package/dist/index17.vue.d.ts +2 -2
- package/dist/index18.vue.d.cts +2 -2
- package/dist/index18.vue.d.ts +6 -6
- package/dist/index19.vue.d.cts +6 -6
- package/dist/index19.vue.d.ts +3 -3
- package/dist/index2.vue.d.cts +2 -2
- package/dist/index2.vue.d.ts +2 -2
- package/dist/index20.vue.d.cts +5 -1
- package/dist/index20.vue.d.ts +5 -1
- package/dist/index21.vue.d.cts +2 -2
- package/dist/index21.vue.d.ts +2 -2
- package/dist/index22.vue.d.cts +2 -2
- package/dist/index22.vue.d.ts +2 -2
- package/dist/index23.vue.d.cts +2 -2
- package/dist/index23.vue.d.ts +2 -2
- package/dist/index25.vue.d.cts +6 -6
- package/dist/index25.vue.d.ts +6 -6
- package/dist/index27.vue.d.cts +2 -2
- package/dist/index27.vue.d.ts +2 -2
- package/dist/index28.vue.d.cts +6 -2
- package/dist/index28.vue.d.ts +6 -2
- package/dist/index3.vue.d.cts +3 -3
- package/dist/index3.vue.d.ts +3 -3
- package/dist/index4.vue.d.cts +3 -3
- package/dist/index5.vue.d.ts +2 -2
- package/dist/index6.vue.d.cts +2 -2
- package/dist/index6.vue.d.ts +7 -4
- package/dist/index7.vue.d.cts +7 -4
- package/dist/index7.vue.d.ts +2 -2
- package/dist/index8.vue.d.cts +2 -2
- package/dist/index8.vue.d.ts +5 -7
- package/dist/index9.vue.d.cts +5 -7
- package/dist/index9.vue.d.ts +3 -3
- package/dist/mapUtils.d.cts +3 -3
- package/dist/mapUtils.d.ts +3 -3
- package/dist/presets.d.cts +1 -1
- package/dist/presets.d.ts +1 -1
- package/dist/style.css +1176 -850
- package/dist/useCalendarEvents.d.cts +1 -1
- package/dist/useCalendarEvents.d.ts +1 -1
- package/dist/useCollapsePanel.d.cts +3 -3
- package/dist/useCollapsePanel.d.ts +3 -3
- package/dist/useCropperCore.d.cts +6 -6
- package/dist/useCropperCore.d.ts +6 -6
- package/dist/useDraggableLayout.d.cts +13 -11
- package/dist/useDraggableLayout.d.ts +13 -11
- package/dist/useDynamicFormState.d.cts +2 -2
- package/dist/useDynamicFormState.d.ts +2 -2
- package/dist/useEdgeInteraction.d.cts +2 -2
- package/dist/useEdgeInteraction.d.ts +2 -2
- package/dist/useFullscreen.d.cts +6 -2
- package/dist/useFullscreen.d.ts +6 -2
- package/dist/useGlobalSearch.d.cts +9 -4
- package/dist/useGlobalSearch.d.ts +9 -4
- package/dist/useInfiniteScroll.d.cts +4 -1
- package/dist/useInfiniteScroll.d.ts +4 -1
- package/dist/useQRCode.d.cts +3 -3
- package/dist/useQRCode.d.ts +3 -3
- package/dist/useSearchState.d.cts +3 -3
- package/dist/useSearchState.d.ts +3 -3
- package/dist/useSignatureHistory.d.cts +5 -5
- package/dist/useSignatureHistory.d.ts +5 -5
- package/dist/useSplitResize.d.cts +8 -8
- package/dist/useSplitResize.d.ts +8 -8
- package/dist/useTableQuery.cjs +2 -2
- package/dist/useTableQuery.d.cts +20 -10
- package/dist/useTableQuery.d.ts +20 -10
- package/dist/useTableQuery.js +2 -2
- package/dist/useTimeSelection.d.cts +3 -3
- package/dist/useTimeSelection.d.ts +3 -3
- package/dist/useWorkflowValidation.d.cts +2 -2
- package/dist/useWorkflowValidation.d.ts +2 -2
- package/dist/verification.d.cts +5 -5
- package/dist/verification.d.ts +5 -5
- package/docs/component-review-20261019.md +55 -0
- package/docs/guides/runtime-performance.md +38 -0
- package/docs/guides/split-pane.en.md +4 -0
- package/docs/guides/split-pane.md +4 -0
- package/docs/guides/table-density.md +20 -0
- package/docs/guides/transfer.md +11 -0
- package/docs/runtime-review-20261019.md +41 -0
- package/package.json +4 -2
package/dist/C_Table.css
CHANGED
|
@@ -1689,7 +1689,7 @@ to {
|
|
|
1689
1689
|
.px[data-v-92119048]{padding-left:1rem;padding-right:1rem;}
|
|
1690
1690
|
.accent-blue-500[data-v-92119048]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
|
|
1691
1691
|
|
|
1692
|
-
.c-table-wrapper[data-v-
|
|
1692
|
+
.c-table-wrapper[data-v-4ba1320b] {
|
|
1693
1693
|
--c-table-border-color: var(--border-color, #e5e7eb);
|
|
1694
1694
|
--c-table-bg: var(--body-color, #fff);
|
|
1695
1695
|
--c-table-header-bg: var(--card-color, #fafafc);
|
|
@@ -1700,55 +1700,55 @@ to {
|
|
|
1700
1700
|
width: 100%;
|
|
1701
1701
|
position: relative;
|
|
1702
1702
|
}
|
|
1703
|
-
.c-table-wrapper--compact[data-v-
|
|
1703
|
+
.c-table-wrapper--compact[data-v-4ba1320b] {
|
|
1704
1704
|
--c-table-gap: 8px;
|
|
1705
1705
|
--c-table-button-font-size: 14px;
|
|
1706
1706
|
--c-table-cell-min-height: 28px;
|
|
1707
1707
|
--c-table-cell-padding: 2px 4px;
|
|
1708
1708
|
}
|
|
1709
|
-
.c-table-wrapper--default[data-v-
|
|
1709
|
+
.c-table-wrapper--default[data-v-4ba1320b] {
|
|
1710
1710
|
--c-table-gap: 16px;
|
|
1711
1711
|
--c-table-button-font-size: 14px;
|
|
1712
1712
|
--c-table-cell-min-height: 36px;
|
|
1713
1713
|
--c-table-cell-padding: 6px 8px;
|
|
1714
1714
|
}
|
|
1715
|
-
.c-table-wrapper--comfortable[data-v-
|
|
1715
|
+
.c-table-wrapper--comfortable[data-v-4ba1320b] {
|
|
1716
1716
|
--c-table-gap: 20px;
|
|
1717
1717
|
--c-table-button-font-size: 15px;
|
|
1718
1718
|
--c-table-cell-min-height: 40px;
|
|
1719
1719
|
--c-table-cell-padding: 8px 10px;
|
|
1720
1720
|
}
|
|
1721
|
-
.c-table-wrapper--flex[data-v-
|
|
1721
|
+
.c-table-wrapper--flex[data-v-4ba1320b] {
|
|
1722
1722
|
display: flex;
|
|
1723
1723
|
flex-direction: column;
|
|
1724
1724
|
height: 100%;
|
|
1725
1725
|
min-height: 0;
|
|
1726
1726
|
}
|
|
1727
|
-
.c-table-wrapper--flex[data-v-
|
|
1728
|
-
.c-table-wrapper--flex > .table-error-state[data-v-
|
|
1727
|
+
.c-table-wrapper--flex[data-v-4ba1320b] > .n-data-table,
|
|
1728
|
+
.c-table-wrapper--flex > .table-error-state[data-v-4ba1320b] {
|
|
1729
1729
|
flex: 1;
|
|
1730
1730
|
min-height: 0;
|
|
1731
1731
|
}
|
|
1732
|
-
.c-table-wrapper--flex > .table-toolbar[data-v-
|
|
1733
|
-
.c-table-wrapper--flex > .batch-actions-bar[data-v-
|
|
1734
|
-
.c-table-wrapper--flex > .pagination-wrapper[data-v-
|
|
1732
|
+
.c-table-wrapper--flex > .table-toolbar[data-v-4ba1320b],
|
|
1733
|
+
.c-table-wrapper--flex > .batch-actions-bar[data-v-4ba1320b],
|
|
1734
|
+
.c-table-wrapper--flex > .pagination-wrapper[data-v-4ba1320b] {
|
|
1735
1735
|
flex-shrink: 0;
|
|
1736
1736
|
}
|
|
1737
|
-
.column-drag-ghost[data-v-
|
|
1737
|
+
.column-drag-ghost[data-v-4ba1320b] {
|
|
1738
1738
|
opacity: var(--c-table-drag-ghost-opacity);
|
|
1739
1739
|
background: var(--c-table-drag-ghost-bg) !important;
|
|
1740
1740
|
}
|
|
1741
|
-
.drag-handle[data-v-
|
|
1741
|
+
.drag-handle[data-v-4ba1320b] {
|
|
1742
1742
|
cursor: grab;
|
|
1743
1743
|
}
|
|
1744
|
-
.drag-handle[data-v-
|
|
1744
|
+
.drag-handle[data-v-4ba1320b]:active {
|
|
1745
1745
|
cursor: grabbing;
|
|
1746
1746
|
}
|
|
1747
|
-
.c-table-wrapper[data-v-
|
|
1747
|
+
.c-table-wrapper[data-v-4ba1320b] .n-data-table-tfoot {
|
|
1748
1748
|
background: var(--c-table-summary-bg);
|
|
1749
1749
|
font-weight: var(--c-table-summary-font-weight);
|
|
1750
1750
|
}
|
|
1751
|
-
.table-toolbar[data-v-
|
|
1751
|
+
.table-toolbar[data-v-4ba1320b] {
|
|
1752
1752
|
display: flex;
|
|
1753
1753
|
justify-content: space-between;
|
|
1754
1754
|
align-items: center;
|
|
@@ -1756,29 +1756,29 @@ to {
|
|
|
1756
1756
|
gap: var(--c-table-gap, 12px);
|
|
1757
1757
|
flex-wrap: wrap;
|
|
1758
1758
|
}
|
|
1759
|
-
.table-toolbar .toolbar-left[data-v-
|
|
1759
|
+
.table-toolbar .toolbar-left[data-v-4ba1320b] {
|
|
1760
1760
|
display: flex;
|
|
1761
1761
|
align-items: center;
|
|
1762
1762
|
gap: var(--c-table-gap, 12px);
|
|
1763
1763
|
flex-wrap: wrap;
|
|
1764
1764
|
min-width: 0;
|
|
1765
1765
|
}
|
|
1766
|
-
.table-toolbar .toolbar-right[data-v-
|
|
1766
|
+
.table-toolbar .toolbar-right[data-v-4ba1320b] {
|
|
1767
1767
|
display: flex;
|
|
1768
1768
|
align-items: center;
|
|
1769
1769
|
gap: var(--c-table-gap, 8px);
|
|
1770
1770
|
flex-wrap: wrap;
|
|
1771
1771
|
}
|
|
1772
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
1772
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-4ba1320b] {
|
|
1773
1773
|
opacity: 0.6;
|
|
1774
1774
|
transition: opacity 0.2s ease, transform 0.2s ease;
|
|
1775
1775
|
cursor: pointer;
|
|
1776
1776
|
}
|
|
1777
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
1777
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-4ba1320b]:hover {
|
|
1778
1778
|
opacity: 1;
|
|
1779
1779
|
transform: scale(1.1);
|
|
1780
1780
|
}
|
|
1781
|
-
.dynamic-rows-toolbar[data-v-
|
|
1781
|
+
.dynamic-rows-toolbar[data-v-4ba1320b] {
|
|
1782
1782
|
margin-bottom: var(--c-table-gap, 16px);
|
|
1783
1783
|
padding: var(--c-table-gap, 16px);
|
|
1784
1784
|
border-radius: 8px;
|
|
@@ -1787,38 +1787,35 @@ to {
|
|
|
1787
1787
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
|
|
1788
1788
|
transition: all 0.2s ease;
|
|
1789
1789
|
}
|
|
1790
|
-
.dynamic-rows-toolbar[data-v-
|
|
1790
|
+
.dynamic-rows-toolbar[data-v-4ba1320b]:hover {
|
|
1791
1791
|
border-color: var(--n-primary-color-suppl);
|
|
1792
1792
|
}
|
|
1793
|
-
[data-v-
|
|
1793
|
+
[data-v-4ba1320b] .n-data-table {
|
|
1794
1794
|
table-layout: auto !important;
|
|
1795
1795
|
width: 100% !important;
|
|
1796
1796
|
border-radius: 8px;
|
|
1797
1797
|
overflow: hidden;
|
|
1798
1798
|
}
|
|
1799
|
-
[data-v-
|
|
1799
|
+
[data-v-4ba1320b] .n-data-table-wrapper {
|
|
1800
1800
|
overflow-x: auto !important;
|
|
1801
1801
|
}
|
|
1802
|
-
.pagination-wrapper[data-v-
|
|
1802
|
+
.pagination-wrapper[data-v-4ba1320b] {
|
|
1803
1803
|
margin-top: var(--c-table-gap, 16px);
|
|
1804
1804
|
display: flex;
|
|
1805
1805
|
justify-content: flex-end;
|
|
1806
1806
|
}
|
|
1807
|
-
[data-v-
|
|
1808
|
-
|
|
1807
|
+
[data-v-4ba1320b] .c-table-index-column {
|
|
1808
|
+
padding-inline: 8px;
|
|
1809
1809
|
}
|
|
1810
|
-
[data-v-
|
|
1811
|
-
width: 180px !important;
|
|
1812
|
-
min-width: 160px !important;
|
|
1813
|
-
max-width: 200px !important;
|
|
1810
|
+
[data-v-4ba1320b] .c-table-actions-column {
|
|
1814
1811
|
text-align: center !important;
|
|
1815
1812
|
padding: 8px 12px !important;
|
|
1816
1813
|
}
|
|
1817
|
-
[data-v-
|
|
1814
|
+
[data-v-4ba1320b] .c-table-actions-column .n-space {
|
|
1818
1815
|
justify-content: center !important;
|
|
1819
1816
|
align-items: center !important;
|
|
1820
1817
|
}
|
|
1821
|
-
[data-v-
|
|
1818
|
+
[data-v-4ba1320b] .cell-edit-wrapper {
|
|
1822
1819
|
display: flex;
|
|
1823
1820
|
align-items: center;
|
|
1824
1821
|
justify-content: space-between;
|
|
@@ -1830,18 +1827,18 @@ to {
|
|
|
1830
1827
|
cursor: pointer;
|
|
1831
1828
|
position: relative;
|
|
1832
1829
|
}
|
|
1833
|
-
[data-v-
|
|
1830
|
+
[data-v-4ba1320b] .cell-edit-wrapper:hover {
|
|
1834
1831
|
background-color: var(--n-color-target);
|
|
1835
1832
|
}
|
|
1836
|
-
[data-v-
|
|
1833
|
+
[data-v-4ba1320b] .cell-edit-wrapper:hover .cell-edit-icon {
|
|
1837
1834
|
opacity: 1;
|
|
1838
1835
|
color: var(--n-color-success);
|
|
1839
1836
|
transform: scale(1.05);
|
|
1840
1837
|
}
|
|
1841
|
-
[data-v-
|
|
1838
|
+
[data-v-4ba1320b] .cell-edit-wrapper:active {
|
|
1842
1839
|
transform: translateY(1px);
|
|
1843
1840
|
}
|
|
1844
|
-
[data-v-
|
|
1841
|
+
[data-v-4ba1320b] .cell-value {
|
|
1845
1842
|
flex: 1;
|
|
1846
1843
|
overflow: hidden;
|
|
1847
1844
|
text-overflow: ellipsis;
|
|
@@ -1850,7 +1847,7 @@ to {
|
|
|
1850
1847
|
line-height: 1.4;
|
|
1851
1848
|
font-size: 13px;
|
|
1852
1849
|
}
|
|
1853
|
-
.c-table-wrapper[data-v-
|
|
1850
|
+
.c-table-wrapper[data-v-4ba1320b] .cell-edit-icon {
|
|
1854
1851
|
flex-shrink: 0;
|
|
1855
1852
|
width: 24px;
|
|
1856
1853
|
height: 24px;
|
|
@@ -1865,20 +1862,20 @@ to {
|
|
|
1865
1862
|
opacity: 0;
|
|
1866
1863
|
position: relative;
|
|
1867
1864
|
}
|
|
1868
|
-
.c-table-wrapper[data-v-
|
|
1865
|
+
.c-table-wrapper[data-v-4ba1320b] .cell-edit-icon:hover {
|
|
1869
1866
|
opacity: 1 !important;
|
|
1870
1867
|
color: var(--n-color-success-hover) !important;
|
|
1871
1868
|
background-color: var(--n-color-success-pressed);
|
|
1872
1869
|
transform: scale(1.1);
|
|
1873
1870
|
}
|
|
1874
|
-
.c-table-wrapper[data-v-
|
|
1871
|
+
.c-table-wrapper[data-v-4ba1320b] .cell-edit-icon:active {
|
|
1875
1872
|
transform: scale(0.95);
|
|
1876
1873
|
}
|
|
1877
|
-
.c-table-wrapper[data-v-
|
|
1874
|
+
.c-table-wrapper[data-v-4ba1320b] .cell-edit-icon svg {
|
|
1878
1875
|
width: 14px;
|
|
1879
1876
|
height: 14px;
|
|
1880
1877
|
}
|
|
1881
|
-
.cell-editing-container[data-v-
|
|
1878
|
+
.cell-editing-container[data-v-4ba1320b],[data-v-4ba1320b] .cell-editing-container {
|
|
1882
1879
|
display: flex !important;
|
|
1883
1880
|
align-items: center !important;
|
|
1884
1881
|
width: 100% !important;
|
|
@@ -1890,35 +1887,35 @@ to {
|
|
|
1890
1887
|
box-shadow: 0 0 0 2px var(--n-primary-color-suppl) !important;
|
|
1891
1888
|
gap: 8px !important;
|
|
1892
1889
|
}
|
|
1893
|
-
.cell-editing-input[data-v-
|
|
1890
|
+
.cell-editing-input[data-v-4ba1320b],[data-v-4ba1320b] .cell-editing-input {
|
|
1894
1891
|
flex: 1 !important;
|
|
1895
1892
|
min-width: 0 !important;
|
|
1896
1893
|
}
|
|
1897
|
-
[data-v-
|
|
1894
|
+
[data-v-4ba1320b] .cell-editing-input .n-input {
|
|
1898
1895
|
border: none !important;
|
|
1899
1896
|
box-shadow: none !important;
|
|
1900
1897
|
background: transparent !important;
|
|
1901
1898
|
}
|
|
1902
|
-
[data-v-
|
|
1899
|
+
[data-v-4ba1320b] .cell-editing-input .n-input.n-input--focus {
|
|
1903
1900
|
border: none !important;
|
|
1904
1901
|
box-shadow: none !important;
|
|
1905
1902
|
}
|
|
1906
|
-
[data-v-
|
|
1903
|
+
[data-v-4ba1320b] .cell-editing-input .n-input-number {
|
|
1907
1904
|
border: none !important;
|
|
1908
1905
|
box-shadow: none !important;
|
|
1909
1906
|
background: transparent !important;
|
|
1910
1907
|
}
|
|
1911
|
-
[data-v-
|
|
1908
|
+
[data-v-4ba1320b] .cell-editing-input .n-select {
|
|
1912
1909
|
border: none !important;
|
|
1913
1910
|
box-shadow: none !important;
|
|
1914
1911
|
background: transparent !important;
|
|
1915
1912
|
}
|
|
1916
|
-
[data-v-
|
|
1913
|
+
[data-v-4ba1320b] .cell-editing-input .n-select .n-base-selection {
|
|
1917
1914
|
border: none !important;
|
|
1918
1915
|
box-shadow: none !important;
|
|
1919
1916
|
background: transparent !important;
|
|
1920
1917
|
}
|
|
1921
|
-
.cell-editing-actions[data-v-
|
|
1918
|
+
.cell-editing-actions[data-v-4ba1320b],[data-v-4ba1320b] .cell-editing-actions {
|
|
1922
1919
|
display: flex !important;
|
|
1923
1920
|
flex-shrink: 0 !important;
|
|
1924
1921
|
align-items: center !important;
|
|
@@ -1929,7 +1926,7 @@ to {
|
|
|
1929
1926
|
padding: 2px !important;
|
|
1930
1927
|
box-shadow: var(--n-box-shadow) !important;
|
|
1931
1928
|
}
|
|
1932
|
-
.cell-action-btn[data-v-
|
|
1929
|
+
.cell-action-btn[data-v-4ba1320b],[data-v-4ba1320b] .cell-action-btn {
|
|
1933
1930
|
display: flex !important;
|
|
1934
1931
|
align-items: center !important;
|
|
1935
1932
|
justify-content: center !important;
|
|
@@ -1941,25 +1938,25 @@ to {
|
|
|
1941
1938
|
transition: all 0.2s ease !important;
|
|
1942
1939
|
background: transparent !important;
|
|
1943
1940
|
}
|
|
1944
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
1941
|
+
.cell-action-btn.cell-action-save[data-v-4ba1320b],[data-v-4ba1320b] .cell-action-btn.cell-action-save {
|
|
1945
1942
|
color: var(--n-color-success) !important;
|
|
1946
1943
|
}
|
|
1947
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
1944
|
+
.cell-action-btn.cell-action-save[data-v-4ba1320b]:hover,[data-v-4ba1320b] .cell-action-btn.cell-action-save:hover {
|
|
1948
1945
|
background: var(--n-color-success-pressed) !important;
|
|
1949
1946
|
transform: scale(1.1) !important;
|
|
1950
1947
|
}
|
|
1951
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
1948
|
+
.cell-action-btn.cell-action-cancel[data-v-4ba1320b],[data-v-4ba1320b] .cell-action-btn.cell-action-cancel {
|
|
1952
1949
|
color: var(--n-color-error) !important;
|
|
1953
1950
|
}
|
|
1954
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
1951
|
+
.cell-action-btn.cell-action-cancel[data-v-4ba1320b]:hover,[data-v-4ba1320b] .cell-action-btn.cell-action-cancel:hover {
|
|
1955
1952
|
background: var(--n-color-error-pressed) !important;
|
|
1956
1953
|
transform: scale(1.1) !important;
|
|
1957
1954
|
}
|
|
1958
|
-
.cell-action-btn svg[data-v-
|
|
1955
|
+
.cell-action-btn svg[data-v-4ba1320b],[data-v-4ba1320b] .cell-action-btn svg {
|
|
1959
1956
|
width: 11px !important;
|
|
1960
1957
|
height: 11px !important;
|
|
1961
1958
|
}
|
|
1962
|
-
[data-v-
|
|
1959
|
+
[data-v-4ba1320b] .n-button {
|
|
1963
1960
|
white-space: nowrap;
|
|
1964
1961
|
font-size: var(--c-table-button-font-size, 12px) !important;
|
|
1965
1962
|
flex-shrink: 0 !important;
|
|
@@ -1967,110 +1964,106 @@ to {
|
|
|
1967
1964
|
transition: all 0.2s ease;
|
|
1968
1965
|
font-weight: 500;
|
|
1969
1966
|
}
|
|
1970
|
-
[data-v-
|
|
1967
|
+
[data-v-4ba1320b] .n-button .n-icon {
|
|
1971
1968
|
margin-right: 4px !important;
|
|
1972
1969
|
}
|
|
1973
|
-
[data-v-
|
|
1970
|
+
[data-v-4ba1320b] .n-button.n-button--small-type {
|
|
1974
1971
|
padding: 4px 8px;
|
|
1975
1972
|
height: 28px;
|
|
1976
1973
|
line-height: 20px;
|
|
1977
1974
|
}
|
|
1978
|
-
[data-v-
|
|
1975
|
+
[data-v-4ba1320b] .n-button.n-button--quaternary-type:hover {
|
|
1979
1976
|
transform: translateY(-1px);
|
|
1980
1977
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
1981
1978
|
}
|
|
1982
|
-
[data-v-
|
|
1979
|
+
[data-v-4ba1320b] .n-button.n-button--quaternary-type:active {
|
|
1983
1980
|
transform: translateY(0);
|
|
1984
1981
|
}
|
|
1985
|
-
[data-v-
|
|
1982
|
+
[data-v-4ba1320b] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
|
|
1986
1983
|
margin-right: 6px !important;
|
|
1987
1984
|
}
|
|
1988
|
-
[data-v-
|
|
1985
|
+
[data-v-4ba1320b] .n-modal .n-card {
|
|
1989
1986
|
border-radius: 12px;
|
|
1990
1987
|
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
|
|
1991
1988
|
}
|
|
1992
|
-
[data-v-
|
|
1989
|
+
[data-v-4ba1320b] .n-modal .n-card__header {
|
|
1993
1990
|
padding: 20px 24px 16px;
|
|
1994
1991
|
font-weight: 600;
|
|
1995
1992
|
font-size: 16px;
|
|
1996
1993
|
}
|
|
1997
|
-
[data-v-
|
|
1994
|
+
[data-v-4ba1320b] .n-modal .n-card__content {
|
|
1998
1995
|
padding: 0 24px 16px;
|
|
1999
1996
|
}
|
|
2000
|
-
[data-v-
|
|
1997
|
+
[data-v-4ba1320b] .n-modal .n-card__action {
|
|
2001
1998
|
padding: 16px 24px 20px;
|
|
2002
1999
|
border-top: 1px solid var(--n-divider-color);
|
|
2003
2000
|
}
|
|
2004
|
-
[data-v-
|
|
2001
|
+
[data-v-4ba1320b] .n-descriptions .n-descriptions-item-label {
|
|
2005
2002
|
font-weight: 500;
|
|
2006
2003
|
color: var(--n-text-color-2);
|
|
2007
2004
|
}
|
|
2008
|
-
[data-v-
|
|
2005
|
+
[data-v-4ba1320b] .n-descriptions .n-descriptions-item-content {
|
|
2009
2006
|
color: var(--n-text-color-1);
|
|
2010
2007
|
word-break: break-all;
|
|
2011
2008
|
}
|
|
2012
2009
|
@media (max-width: 768px) {
|
|
2013
|
-
.c-table-wrapper[data-v-
|
|
2010
|
+
.c-table-wrapper[data-v-4ba1320b] {
|
|
2014
2011
|
overflow-x: auto;
|
|
2015
2012
|
}
|
|
2016
|
-
[data-v-
|
|
2017
|
-
width: 160px !important;
|
|
2018
|
-
min-width: 160px !important;
|
|
2019
|
-
}
|
|
2020
|
-
[data-v-8e3337e2] .n-button {
|
|
2013
|
+
[data-v-4ba1320b] .n-button {
|
|
2021
2014
|
font-size: 11px !important;
|
|
2022
2015
|
padding: 3px 6px;
|
|
2023
2016
|
}
|
|
2024
|
-
[data-v-
|
|
2017
|
+
[data-v-4ba1320b] .n-button .n-icon {
|
|
2025
2018
|
margin-right: 2px !important;
|
|
2026
2019
|
}
|
|
2027
|
-
.cell-edit-icon[data-v-
|
|
2020
|
+
.cell-edit-icon[data-v-4ba1320b] {
|
|
2028
2021
|
opacity: 0.6;
|
|
2029
2022
|
}
|
|
2030
2023
|
}
|
|
2031
2024
|
@media (max-width: 768px) {
|
|
2032
|
-
.cell-editing-container[data-v-
|
|
2025
|
+
.cell-editing-container[data-v-4ba1320b],[data-v-4ba1320b] .cell-editing-container {
|
|
2033
2026
|
gap: 6px !important;
|
|
2034
2027
|
}
|
|
2035
|
-
.cell-editing-actions[data-v-
|
|
2028
|
+
.cell-editing-actions[data-v-4ba1320b],[data-v-4ba1320b] .cell-editing-actions {
|
|
2036
2029
|
gap: 3px !important;
|
|
2037
2030
|
padding: 2px !important;
|
|
2038
2031
|
}
|
|
2039
|
-
.cell-action-btn[data-v-
|
|
2032
|
+
.cell-action-btn[data-v-4ba1320b],[data-v-4ba1320b] .cell-action-btn {
|
|
2040
2033
|
width: 18px !important;
|
|
2041
2034
|
height: 18px !important;
|
|
2042
2035
|
}
|
|
2043
|
-
.cell-action-btn svg[data-v-
|
|
2036
|
+
.cell-action-btn svg[data-v-4ba1320b],[data-v-4ba1320b] .cell-action-btn svg {
|
|
2044
2037
|
width: 10px !important;
|
|
2045
2038
|
height: 10px !important;
|
|
2046
2039
|
}
|
|
2047
|
-
.cell-edit-icon[data-v-
|
|
2040
|
+
.cell-edit-icon[data-v-4ba1320b] {
|
|
2048
2041
|
opacity: 0.6 !important;
|
|
2049
2042
|
}
|
|
2050
|
-
[data-v-
|
|
2043
|
+
[data-v-4ba1320b] .cell-value {
|
|
2051
2044
|
margin-right: 12px !important;
|
|
2052
2045
|
}
|
|
2053
2046
|
}
|
|
2054
|
-
[data-v-
|
|
2047
|
+
[data-v-4ba1320b] .cell-edit-wrapper:focus-within,[data-v-4ba1320b] .cell-editing-container:focus-within {
|
|
2055
2048
|
outline: 2px solid var(--n-primary-color);
|
|
2056
2049
|
outline-offset: 2px;
|
|
2057
2050
|
}
|
|
2058
2051
|
@media (prefers-contrast: high) {
|
|
2059
|
-
.cell-edit-icon[data-v-
|
|
2052
|
+
.cell-edit-icon[data-v-4ba1320b] {
|
|
2060
2053
|
opacity: 0.8;
|
|
2061
2054
|
}
|
|
2062
|
-
.cell-editing-actions[data-v-
|
|
2055
|
+
.cell-editing-actions[data-v-4ba1320b] {
|
|
2063
2056
|
border-width: 2px;
|
|
2064
2057
|
}
|
|
2065
2058
|
}
|
|
2066
|
-
.row-drag-ghost[data-v-
|
|
2059
|
+
.row-drag-ghost[data-v-4ba1320b] {
|
|
2067
2060
|
opacity: 0.4;
|
|
2068
2061
|
background: var(--c-table-drag-ghost-bg) !important;
|
|
2069
2062
|
}
|
|
2070
|
-
.row-drag-chosen[data-v-
|
|
2063
|
+
.row-drag-chosen[data-v-4ba1320b] {
|
|
2071
2064
|
background: var(--n-color-hover, #f5f5f5) !important;
|
|
2072
2065
|
}
|
|
2073
|
-
.batch-actions-bar[data-v-
|
|
2066
|
+
.batch-actions-bar[data-v-4ba1320b] {
|
|
2074
2067
|
display: flex;
|
|
2075
2068
|
align-items: center;
|
|
2076
2069
|
justify-content: space-between;
|
|
@@ -2080,53 +2073,53 @@ to {
|
|
|
2080
2073
|
border-radius: 6px;
|
|
2081
2074
|
border: 1px solid var(--n-primary-color-suppl, #70b3ff);
|
|
2082
2075
|
}
|
|
2083
|
-
.batch-actions-bar .batch-info[data-v-
|
|
2076
|
+
.batch-actions-bar .batch-info[data-v-4ba1320b] {
|
|
2084
2077
|
font-size: 13px;
|
|
2085
2078
|
color: var(--n-text-color-2);
|
|
2086
2079
|
font-weight: 500;
|
|
2087
2080
|
}
|
|
2088
|
-
.table-error-state[data-v-
|
|
2081
|
+
.table-error-state[data-v-4ba1320b] {
|
|
2089
2082
|
padding: 48px 24px;
|
|
2090
2083
|
text-align: center;
|
|
2091
2084
|
}
|
|
2092
|
-
.table-error-state .error-content[data-v-
|
|
2085
|
+
.table-error-state .error-content[data-v-4ba1320b] {
|
|
2093
2086
|
display: flex;
|
|
2094
2087
|
flex-direction: column;
|
|
2095
2088
|
align-items: center;
|
|
2096
2089
|
gap: 12px;
|
|
2097
2090
|
color: var(--n-text-color-3, #999);
|
|
2098
2091
|
}
|
|
2099
|
-
.table-error-state .error-message[data-v-
|
|
2092
|
+
.table-error-state .error-message[data-v-4ba1320b] {
|
|
2100
2093
|
font-size: 14px;
|
|
2101
2094
|
margin: 0;
|
|
2102
2095
|
color: var(--n-text-color-2, #666);
|
|
2103
2096
|
}
|
|
2104
2097
|
|
|
2105
2098
|
/* layer: default */
|
|
2106
|
-
.visible[data-v-
|
|
2107
|
-
.fixed[data-v-
|
|
2108
|
-
.grid[data-v-
|
|
2109
|
-
.mb-2[data-v-
|
|
2110
|
-
.mb-4[data-v-
|
|
2111
|
-
.ml-2[data-v-
|
|
2112
|
-
.w60\%[data-v-
|
|
2113
|
-
.flex[data-v-
|
|
2114
|
-
.table[data-v-
|
|
2115
|
-
.scale-110[data-v-
|
|
2116
|
-
.cursor-pointer[data-v-
|
|
2117
|
-
.items-center[data-v-
|
|
2118
|
-
.justify-end[data-v-
|
|
2119
|
-
.justify-center[data-v-
|
|
2120
|
-
.rd[data-v-
|
|
2121
|
-
.bg-gray-50[data-v-
|
|
2122
|
-
.p-4[data-v-
|
|
2123
|
-
.px[data-v-
|
|
2124
|
-
.py-8[data-v-
|
|
2125
|
-
.text-center[data-v-
|
|
2126
|
-
.text-sm[data-v-
|
|
2127
|
-
.text-gray-400[data-v-
|
|
2128
|
-
.text-gray-500[data-v-
|
|
2129
|
-
.text-gray-600[data-v-
|
|
2130
|
-
.accent-blue-500[data-v-
|
|
2131
|
-
.blur[data-v-
|
|
2132
|
-
.filter[data-v-
|
|
2099
|
+
.visible[data-v-4ba1320b]{visibility:visible;}
|
|
2100
|
+
.fixed[data-v-4ba1320b]{position:fixed;}
|
|
2101
|
+
.grid[data-v-4ba1320b]{display:grid;}
|
|
2102
|
+
.mb-2[data-v-4ba1320b]{margin-bottom:0.5rem;}
|
|
2103
|
+
.mb-4[data-v-4ba1320b]{margin-bottom:1rem;}
|
|
2104
|
+
.ml-2[data-v-4ba1320b]{margin-left:0.5rem;}
|
|
2105
|
+
.w60\%[data-v-4ba1320b]{width:60%;}
|
|
2106
|
+
.flex[data-v-4ba1320b]{display:flex;}
|
|
2107
|
+
.table[data-v-4ba1320b]{display:table;}
|
|
2108
|
+
.scale-110[data-v-4ba1320b]{--un-scale-x:1.1;--un-scale-y:1.1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
|
|
2109
|
+
.cursor-pointer[data-v-4ba1320b]{cursor:pointer;}
|
|
2110
|
+
.items-center[data-v-4ba1320b]{align-items:center;}
|
|
2111
|
+
.justify-end[data-v-4ba1320b]{justify-content:flex-end;}
|
|
2112
|
+
.justify-center[data-v-4ba1320b]{justify-content:center;}
|
|
2113
|
+
.rd[data-v-4ba1320b]{border-radius:0.25rem;}
|
|
2114
|
+
.bg-gray-50[data-v-4ba1320b]{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
|
|
2115
|
+
.p-4[data-v-4ba1320b]{padding:1rem;}
|
|
2116
|
+
.px[data-v-4ba1320b]{padding-left:1rem;padding-right:1rem;}
|
|
2117
|
+
.py-8[data-v-4ba1320b]{padding-top:2rem;padding-bottom:2rem;}
|
|
2118
|
+
.text-center[data-v-4ba1320b]{text-align:center;}
|
|
2119
|
+
.text-sm[data-v-4ba1320b]{font-size:0.875rem;line-height:1.25rem;}
|
|
2120
|
+
.text-gray-400[data-v-4ba1320b]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
|
|
2121
|
+
.text-gray-500[data-v-4ba1320b]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
|
|
2122
|
+
.text-gray-600[data-v-4ba1320b]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
|
|
2123
|
+
.accent-blue-500[data-v-4ba1320b]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
|
|
2124
|
+
.blur[data-v-4ba1320b]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
|
2125
|
+
.filter[data-v-4ba1320b]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
package/dist/C_Table.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ import "./useEdgeInteraction.js";
|
|
|
3
3
|
import "./public.js";
|
|
4
4
|
import "./index4.vue.js";
|
|
5
5
|
import { $ as MaybeRefLike, $t as printPresets, At as ExpandConfig, B as useRowEdit, Bt as exportTableData, Ct as useTableGlobalConfig, Dt as DisplayConfig, Et as CrudBinding, F as useCellEdit, Ft as TreeConfig, G as _default, Gt as RowDragConfig, H as defineTableColumns, Ht as UseCrossPageSelectionOptions, I as usePagination, It as VirtualScrollConfig, J as ChildSelectionState, Jt as useRowDrag, K as ApiFunction, Kt as UseRowDragOptions, L as useTableActions, Lt as createEditModeChecker, Mt as SummaryConfig, Nt as TableConfig, Ot as EditConfig, P as useModalEdit, Pt as ToolbarConfig, Q as EditMode, Qt as PrintWatermarkOptions, R as useTableExpand, Rt as resolveConfig, St as mergeGlobalConfig, Tt as ColumnDragConfig, U as defineTableConfig, Ut as UseCrossPageSelectionReturn, V as useTableColumns, Vt as CrossPageSelectionConfig, W as validateTableRowKeys, Wt as useCrossPageSelection, X as CustomAction, Xt as DynamicRowsReturn, Y as ColumnWithKey, Yt as DynamicRowsOptions, Z as DataRecord, Zt as useDynamicRows, _t as FormatterConfig, at as SelectOption, bt as TableGlobalConfig, ct as TableColumn, dt as TableProps, en as usePrintWatermark, et as NormalTableColumn, ft as TableRowKey, gt as ColumnFormatter, ht as UseTableExpandReturn, i as useTableQuery, it as RowAction, jt as SelectionConfig, kt as ErrorConfig, lt as TableEmits, mt as UseTableExpandOptions, n as TableQueryResult, nt as ParentChildLinkMode, ot as SimpleTableActions, pt as TableRowKeyIssue, q as BuiltInTableColumn, qt as UseRowDragReturn, r as UseTableQueryOptions, rt as RenderFunction, st as StrictTableColumn, t as TableQueryContext, tt as PaginationConfig, ut as TableInstance, vt as FormatterType, wt as BatchActionsConfig, xt as applyFormatter, yt as TABLE_GLOBAL_CONFIG_KEY, z as useTableManager, zt as ExportConfig } from "./useTableQuery.js";
|
|
6
|
+
import "./useDraggableLayout.js";
|
|
6
7
|
import "./useDynamicFormState.js";
|
|
7
8
|
import { r as resolveComponentDensity, t as ComponentDensity } from "./density.js";
|
|
8
9
|
import "./index12.vue.js";
|
package/dist/C_TagsView2.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
require(`./chunk.cjs`);const e=require(`./C_Icon2.cjs`),t=require(`./export-helper.cjs`);let n=require(`vue`),r=require(`naive-ui`),i=require(`vue-router`);const a=e=>{if(!e||typeof e!=`object`)return!1;let t=e;return typeof t.path==`string`&&t.path.startsWith(`/`)&&!t.path.startsWith(`//`)&&typeof t.title==`string`},o=e=>{if(!(!e||typeof e!=`object`||Array.isArray(e)))return Object.fromEntries(Object.entries(e).filter(([e,t])=>![`__proto__`,`prototype`,`constructor`].includes(e)&&(e!==`affix`||typeof t==`boolean`)))};function s(e){if(!e)return[];try{let t=JSON.parse(e);return Array.isArray(t)?t.flatMap(e=>a(e)?[{path:e.path,title:e.title,originalTitle:typeof e.originalTitle==`string`?e.originalTitle:void 0,icon:typeof e.icon==`string`?e.icon:void 0,meta:o(e.meta)}]:[]):[]}catch{return[]}}function c(e={}){let{persistKey:t=`__tags_view_list__`,homePath:r=`/home`}=e,i=()=>{if(!t)return[];try{return s(localStorage.getItem(t))}catch{return[]}},a=e=>{if(t)try{localStorage.setItem(t,JSON.stringify(e))}catch{}},o=(0,n.ref)(i()),c=(0,n.ref)(``),l=()=>a(o.value),u=e=>{e?o.value=e:o.value=[...new Map(o.value.map(e=>[e.path,e])).values()],l()},d=e=>{c.value=e};return{tagsViewList:o,activeTag:c,homePath:r,initTags:u,setActiveTag:d,addTag:e=>{let t=o.value.findIndex(t=>t.path===e.path);if(t===-1)o.value.push(e);else{let n=o.value[t];(n.title!==e.title||!n.originalTitle)&&(n.title=e.title,n.originalTitle=e.originalTitle||n.originalTitle)}d(e.path),l()},removeTag:e=>{if(e>=0&&e<o.value.length){let t=o.value.splice(e,1)[0]?.path??null;return l(),t}return null},removeOtherTags:e=>{
|
|
1
|
+
require(`./chunk.cjs`);const e=require(`./C_Icon2.cjs`),t=require(`./export-helper.cjs`);let n=require(`vue`),r=require(`naive-ui`),i=require(`vue-router`);const a=e=>{if(!e||typeof e!=`object`)return!1;let t=e;return typeof t.path==`string`&&t.path.startsWith(`/`)&&!t.path.startsWith(`//`)&&typeof t.title==`string`},o=e=>{if(!(!e||typeof e!=`object`||Array.isArray(e)))return Object.fromEntries(Object.entries(e).filter(([e,t])=>![`__proto__`,`prototype`,`constructor`].includes(e)&&(e!==`affix`||typeof t==`boolean`)))};function s(e){if(!e)return[];try{let t=JSON.parse(e);return Array.isArray(t)?t.flatMap(e=>a(e)?[{path:e.path,title:e.title,originalTitle:typeof e.originalTitle==`string`?e.originalTitle:void 0,icon:typeof e.icon==`string`?e.icon:void 0,meta:o(e.meta)}]:[]):[]}catch{return[]}}function c(e={}){let{persistKey:t=`__tags_view_list__`,homePath:r=`/home`}=e,i=()=>{if(!t)return[];try{return s(localStorage.getItem(t))}catch{return[]}},a=e=>{if(t)try{localStorage.setItem(t,JSON.stringify(e))}catch{}},o=(0,n.ref)(i()),c=(0,n.ref)(``),l=()=>a(o.value),u=e=>{e?o.value=e:o.value=[...new Map(o.value.map(e=>[e.path,e])).values()],l()},d=e=>{c.value=e};return{tagsViewList:o,activeTag:c,homePath:r,initTags:u,setActiveTag:d,addTag:e=>{let t=o.value.findIndex(t=>t.path===e.path);if(t===-1)o.value.push(e);else{let n=o.value[t];(n.title!==e.title||!n.originalTitle)&&(n.title=e.title,n.originalTitle=e.originalTitle||n.originalTitle)}d(e.path),l()},removeTag:e=>{if(e>=0&&e<o.value.length){let t=o.value.splice(e,1)[0]?.path??null;return l(),t}return null},removeOtherTags:e=>{o.value=o.value.filter((t,n)=>n===0||t.meta?.affix||n===e),l()},removeLeftTags:e=>{o.value=o.value.filter((t,n)=>n===0||t.meta?.affix||n>=e),l()},removeRightTags:e=>{o.value=o.value.filter((t,n)=>t.meta?.affix||n<=e),l()},removeAllTags:()=>{o.value=o.value.filter(e=>e.meta?.affix),l()}}}const l={class:`tags-view-container`},u=(0,n.defineComponent)({name:`C_TagsView`,__name:`index`,props:{labelFormatter:{},homePath:{default:`/home`},homeTitle:{default:`首页`},homeIcon:{default:`mdi:home`},persistKey:{default:`__tags_view_list__`},contextMenuLabels:{default:()=>({close:`关闭`,closeOthers:`关闭其他`,closeLeft:`关闭左侧`,closeRight:`关闭右侧`,closeAll:`关闭所有`})},tagsViewOptions:{}},emits:[`close`,`closeAll`],setup(t,{expose:a,emit:o}){let s=t,u=o,d=(0,i.useRoute)(),f=(0,i.useRouter)(),p=c(s.tagsViewOptions??{persistKey:s.persistKey,homePath:s.homePath});if(p.tagsViewList.value.length>0&&s.labelFormatter){let e=f.getRoutes(),t=p.tagsViewList.value.map(t=>{let n=e.find(e=>e.path===t.path),r=t.originalTitle||n?.meta?.title||t.title;return{...t,originalTitle:r,title:s.labelFormatter(r)}});p.initTags(t)}let m=e=>s.labelFormatter?s.labelFormatter(e):e,h=(0,n.ref)(!1),g=(0,n.ref)(0),_=(0,n.ref)(0),v=(0,n.ref)(null),y=(0,n.ref)(-1),b=(0,n.ref)(),x=(0,n.ref)(),S=e=>e.path===d.path,C=e=>e.meta?.affix,w=e=>{let t=x.value;t&&(e.preventDefault(),t.scrollTo({left:t.scrollLeft+e.deltaY,behavior:`smooth`}))},T=e=>{(0,n.nextTick)(()=>{let t=[...x.value?.querySelectorAll(`[data-path]`)??[]].find(t=>t.dataset.path===e);t&&t.scrollIntoView({behavior:`smooth`,block:`nearest`,inline:`center`})})},E=e=>{e.path!==d.path&&f.push(e.path).catch(()=>void 0),T(e.path)},D=(e,t)=>{if(C(e))return;let n=S(e),r=p.tagsViewList.value.length;if(p.removeTag(t),n){let e=p.tagsViewList.value,n=t===r-1,i;i=n?e[t-1]?.path||s.homePath:e[e.length-1]?.path||s.homePath,f.push(i).catch(()=>void 0),u(`close`,i)}},O=(e,t,n)=>{e.preventDefault(),v.value=t,y.value=n,h.value=!0,g.value=e.clientX,_.value=e.clientY},k=()=>h.value=!1,A=(0,n.computed)(()=>{let e=s.contextMenuLabels;return[{type:`option`,label:e.close??`关闭`,key:`close`,disabled:C(v.value),icon:()=>(0,n.h)(`span`,{class:`i-mdi:close`})},{type:`option`,label:e.closeOthers??`关闭其他`,key:`closeOthers`,icon:()=>(0,n.h)(`span`,{class:`i-mdi:arrow-left-right-bold`})},{type:`option`,label:e.closeLeft??`关闭左侧`,key:`closeLeft`,icon:()=>(0,n.h)(`span`,{class:`i-mdi:align-horizontal-left`})},{type:`option`,label:e.closeRight??`关闭右侧`,key:`closeRight`,icon:()=>(0,n.h)(`span`,{class:`i-mdi:align-horizontal-right`})},{type:`option`,label:e.closeAll??`关闭所有`,key:`closeAll`,icon:()=>(0,n.h)(`span`,{class:`i-mdi:tally-mark-5`})}]}),j=e=>{if(!(!v.value||y.value===-1)){switch(e){case`close`:D(v.value,y.value);break;case`closeOthers`:p.removeOtherTags(y.value);break;case`closeLeft`:p.removeLeftTags(y.value);break;case`closeRight`:p.removeRightTags(y.value);break;case`closeAll`:p.removeAllTags(),f.push(s.homePath).catch(()=>void 0),u(`closeAll`);break}k()}};return(0,n.watch)(()=>d.path,e=>{let t=e===s.homePath?s.homeTitle:d.meta.title||`Unnamed Page`;p.addTag({path:e,originalTitle:t,title:m(t),icon:e===s.homePath?s.homeIcon:d.meta.icon,meta:{affix:d.meta.affix}}),p.setActiveTag(e),T(e)},{immediate:!0}),a({tags:p,scrollToTag:T}),(t,i)=>{let a=r.NTag,o=r.NDropdown;return(0,n.openBlock)(),(0,n.createElementBlock)(`div`,l,[(0,n.createElementVNode)(`div`,{class:`tags-track`,ref_key:`tagsTrack`,ref:b,onWheel:w},[(0,n.createElementVNode)(`div`,{class:`tags-container`,ref_key:`tagsContainer`,ref:x},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)((0,n.unref)(p).tagsViewList.value,(t,r)=>((0,n.openBlock)(),(0,n.createBlock)(a,{key:t.path,type:S(t)?`primary`:`default`,closable:!C(t),"data-path":t.path,onClose:(0,n.withModifiers)(e=>D(t,r),[`stop`]),onClick:e=>E(t),onContextmenu:(0,n.withModifiers)(e=>O(e,t,r),[`prevent`])},{icon:(0,n.withCtx)(()=>[t.icon?((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(e.t),{key:0,name:t.icon,size:12},null,8,[`name`])):(0,n.createCommentVNode)(`v-if`,!0)]),default:(0,n.withCtx)(()=>[(0,n.createTextVNode)(` `+(0,n.toDisplayString)(t.title),1)]),_:2},1032,[`type`,`closable`,`data-path`,`onClose`,`onClick`,`onContextmenu`]))),128))],512)],544),h.value?((0,n.openBlock)(),(0,n.createBlock)(o,{key:0,show:h.value,options:A.value,x:g.value,y:_.value,onClickoutside:k,onSelect:j},null,8,[`show`,`options`,`x`,`y`])):(0,n.createCommentVNode)(`v-if`,!0)])}}});var d=t.t(u,[[`__scopeId`,`data-v-83599594`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});
|
package/dist/C_TagsView2.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{Fragment as n,computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createTextVNode as c,defineComponent as l,h as u,nextTick as d,openBlock as f,ref as p,renderList as m,resolveComponent as h,toDisplayString as g,unref as _,watch as v,withCtx as y,withModifiers as b}from"vue";import{NDropdown as x,NTag as S}from"naive-ui";import{useRoute as C,useRouter as w}from"vue-router";const T=e=>{if(!e||typeof e!=`object`)return!1;let t=e;return typeof t.path==`string`&&t.path.startsWith(`/`)&&!t.path.startsWith(`//`)&&typeof t.title==`string`},E=e=>{if(!(!e||typeof e!=`object`||Array.isArray(e)))return Object.fromEntries(Object.entries(e).filter(([e,t])=>![`__proto__`,`prototype`,`constructor`].includes(e)&&(e!==`affix`||typeof t==`boolean`)))};function D(e){if(!e)return[];try{let t=JSON.parse(e);return Array.isArray(t)?t.flatMap(e=>T(e)?[{path:e.path,title:e.title,originalTitle:typeof e.originalTitle==`string`?e.originalTitle:void 0,icon:typeof e.icon==`string`?e.icon:void 0,meta:E(e.meta)}]:[]):[]}catch{return[]}}function O(e={}){let{persistKey:t=`__tags_view_list__`,homePath:n=`/home`}=e,r=()=>{if(!t)return[];try{return D(localStorage.getItem(t))}catch{return[]}},i=e=>{if(t)try{localStorage.setItem(t,JSON.stringify(e))}catch{}},a=p(r()),o=p(``),s=()=>i(a.value),c=e=>{e?a.value=e:a.value=[...new Map(a.value.map(e=>[e.path,e])).values()],s()},l=e=>{o.value=e};return{tagsViewList:a,activeTag:o,homePath:n,initTags:c,setActiveTag:l,addTag:e=>{let t=a.value.findIndex(t=>t.path===e.path);if(t===-1)a.value.push(e);else{let n=a.value[t];(n.title!==e.title||!n.originalTitle)&&(n.title=e.title,n.originalTitle=e.originalTitle||n.originalTitle)}l(e.path),s()},removeTag:e=>{if(e>=0&&e<a.value.length){let t=a.value.splice(e,1)[0]?.path??null;return s(),t}return null},removeOtherTags:e=>{
|
|
1
|
+
import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{Fragment as n,computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createTextVNode as c,defineComponent as l,h as u,nextTick as d,openBlock as f,ref as p,renderList as m,resolveComponent as h,toDisplayString as g,unref as _,watch as v,withCtx as y,withModifiers as b}from"vue";import{NDropdown as x,NTag as S}from"naive-ui";import{useRoute as C,useRouter as w}from"vue-router";const T=e=>{if(!e||typeof e!=`object`)return!1;let t=e;return typeof t.path==`string`&&t.path.startsWith(`/`)&&!t.path.startsWith(`//`)&&typeof t.title==`string`},E=e=>{if(!(!e||typeof e!=`object`||Array.isArray(e)))return Object.fromEntries(Object.entries(e).filter(([e,t])=>![`__proto__`,`prototype`,`constructor`].includes(e)&&(e!==`affix`||typeof t==`boolean`)))};function D(e){if(!e)return[];try{let t=JSON.parse(e);return Array.isArray(t)?t.flatMap(e=>T(e)?[{path:e.path,title:e.title,originalTitle:typeof e.originalTitle==`string`?e.originalTitle:void 0,icon:typeof e.icon==`string`?e.icon:void 0,meta:E(e.meta)}]:[]):[]}catch{return[]}}function O(e={}){let{persistKey:t=`__tags_view_list__`,homePath:n=`/home`}=e,r=()=>{if(!t)return[];try{return D(localStorage.getItem(t))}catch{return[]}},i=e=>{if(t)try{localStorage.setItem(t,JSON.stringify(e))}catch{}},a=p(r()),o=p(``),s=()=>i(a.value),c=e=>{e?a.value=e:a.value=[...new Map(a.value.map(e=>[e.path,e])).values()],s()},l=e=>{o.value=e};return{tagsViewList:a,activeTag:o,homePath:n,initTags:c,setActiveTag:l,addTag:e=>{let t=a.value.findIndex(t=>t.path===e.path);if(t===-1)a.value.push(e);else{let n=a.value[t];(n.title!==e.title||!n.originalTitle)&&(n.title=e.title,n.originalTitle=e.originalTitle||n.originalTitle)}l(e.path),s()},removeTag:e=>{if(e>=0&&e<a.value.length){let t=a.value.splice(e,1)[0]?.path??null;return s(),t}return null},removeOtherTags:e=>{a.value=a.value.filter((t,n)=>n===0||t.meta?.affix||n===e),s()},removeLeftTags:e=>{a.value=a.value.filter((t,n)=>n===0||t.meta?.affix||n>=e),s()},removeRightTags:e=>{a.value=a.value.filter((t,n)=>t.meta?.affix||n<=e),s()},removeAllTags:()=>{a.value=a.value.filter(e=>e.meta?.affix),s()}}}const k={class:`tags-view-container`};var A=t(l({name:`C_TagsView`,__name:`index`,props:{labelFormatter:{},homePath:{default:`/home`},homeTitle:{default:`首页`},homeIcon:{default:`mdi:home`},persistKey:{default:`__tags_view_list__`},contextMenuLabels:{default:()=>({close:`关闭`,closeOthers:`关闭其他`,closeLeft:`关闭左侧`,closeRight:`关闭右侧`,closeAll:`关闭所有`})},tagsViewOptions:{}},emits:[`close`,`closeAll`],setup(t,{expose:l,emit:h}){let T=t,E=h,D=C(),A=w(),j=O(T.tagsViewOptions??{persistKey:T.persistKey,homePath:T.homePath});if(j.tagsViewList.value.length>0&&T.labelFormatter){let e=A.getRoutes(),t=j.tagsViewList.value.map(t=>{let n=e.find(e=>e.path===t.path),r=t.originalTitle||n?.meta?.title||t.title;return{...t,originalTitle:r,title:T.labelFormatter(r)}});j.initTags(t)}let M=e=>T.labelFormatter?T.labelFormatter(e):e,N=p(!1),P=p(0),F=p(0),I=p(null),L=p(-1),R=p(),z=p(),B=e=>e.path===D.path,V=e=>e.meta?.affix,H=e=>{let t=z.value;t&&(e.preventDefault(),t.scrollTo({left:t.scrollLeft+e.deltaY,behavior:`smooth`}))},U=e=>{d(()=>{let t=[...z.value?.querySelectorAll(`[data-path]`)??[]].find(t=>t.dataset.path===e);t&&t.scrollIntoView({behavior:`smooth`,block:`nearest`,inline:`center`})})},W=e=>{e.path!==D.path&&A.push(e.path).catch(()=>void 0),U(e.path)},G=(e,t)=>{if(V(e))return;let n=B(e),r=j.tagsViewList.value.length;if(j.removeTag(t),n){let e=j.tagsViewList.value,n=t===r-1,i;i=n?e[t-1]?.path||T.homePath:e[e.length-1]?.path||T.homePath,A.push(i).catch(()=>void 0),E(`close`,i)}},K=(e,t,n)=>{e.preventDefault(),I.value=t,L.value=n,N.value=!0,P.value=e.clientX,F.value=e.clientY},q=()=>N.value=!1,J=r(()=>{let e=T.contextMenuLabels;return[{type:`option`,label:e.close??`关闭`,key:`close`,disabled:V(I.value),icon:()=>u(`span`,{class:`i-mdi:close`})},{type:`option`,label:e.closeOthers??`关闭其他`,key:`closeOthers`,icon:()=>u(`span`,{class:`i-mdi:arrow-left-right-bold`})},{type:`option`,label:e.closeLeft??`关闭左侧`,key:`closeLeft`,icon:()=>u(`span`,{class:`i-mdi:align-horizontal-left`})},{type:`option`,label:e.closeRight??`关闭右侧`,key:`closeRight`,icon:()=>u(`span`,{class:`i-mdi:align-horizontal-right`})},{type:`option`,label:e.closeAll??`关闭所有`,key:`closeAll`,icon:()=>u(`span`,{class:`i-mdi:tally-mark-5`})}]}),Y=e=>{if(!(!I.value||L.value===-1)){switch(e){case`close`:G(I.value,L.value);break;case`closeOthers`:j.removeOtherTags(L.value);break;case`closeLeft`:j.removeLeftTags(L.value);break;case`closeRight`:j.removeRightTags(L.value);break;case`closeAll`:j.removeAllTags(),A.push(T.homePath).catch(()=>void 0),E(`closeAll`);break}q()}};return v(()=>D.path,e=>{let t=e===T.homePath?T.homeTitle:D.meta.title||`Unnamed Page`;j.addTag({path:e,originalTitle:t,title:M(t),icon:e===T.homePath?T.homeIcon:D.meta.icon,meta:{affix:D.meta.affix}}),j.setActiveTag(e),U(e)},{immediate:!0}),l({tags:j,scrollToTag:U}),(t,r)=>{let l=S,u=x;return f(),o(`div`,k,[s(`div`,{class:`tags-track`,ref_key:`tagsTrack`,ref:R,onWheel:H},[s(`div`,{class:`tags-container`,ref_key:`tagsContainer`,ref:z},[(f(!0),o(n,null,m(_(j).tagsViewList.value,(t,n)=>(f(),i(l,{key:t.path,type:B(t)?`primary`:`default`,closable:!V(t),"data-path":t.path,onClose:b(e=>G(t,n),[`stop`]),onClick:e=>W(t),onContextmenu:b(e=>K(e,t,n),[`prevent`])},{icon:y(()=>[t.icon?(f(),i(_(e),{key:0,name:t.icon,size:12},null,8,[`name`])):a(`v-if`,!0)]),default:y(()=>[c(` `+g(t.title),1)]),_:2},1032,[`type`,`closable`,`data-path`,`onClose`,`onClick`,`onContextmenu`]))),128))],512)],544),N.value?(f(),i(u,{key:0,show:N.value,options:J.value,x:P.value,y:F.value,onClickoutside:q,onSelect:Y},null,8,[`show`,`options`,`x`,`y`])):a(`v-if`,!0)])}}}),[[`__scopeId`,`data-v-83599594`]]);export{O as n,A as t};
|