@robot-admin/naive-ui-components 0.17.1 → 0.17.3
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 +18 -0
- package/dist/C_AntV.css +105 -105
- package/dist/C_AntV2.cjs +3 -3
- package/dist/C_AntV2.js +3 -3
- package/dist/C_AudioPlayer.css +53 -53
- package/dist/C_AudioPlayer2.cjs +1 -1
- package/dist/C_AudioPlayer2.js +1 -1
- package/dist/C_FilePreview.css +38 -38
- package/dist/C_FilePreview2.cjs +1 -1
- package/dist/C_FilePreview2.js +1 -1
- package/dist/C_FullCalendar.css +10 -11
- package/dist/C_FullCalendar2.cjs +1 -1
- package/dist/C_FullCalendar2.js +1 -1
- package/dist/C_Table.base.css +109 -109
- package/dist/C_Table.css +109 -109
- package/dist/C_Tabs.css +18 -18
- package/dist/C_TagsView.css +51 -51
- package/dist/C_TagsView2.cjs +1 -1
- package/dist/C_TagsView2.js +1 -1
- package/dist/C_VideoPlayer.css +20 -20
- package/dist/C_VideoPlayer2.cjs +2 -2
- package/dist/C_VideoPlayer2.js +3 -3
- package/dist/C_VtableGantt.css +44 -29
- package/dist/C_VtableGantt2.cjs +1 -1
- package/dist/C_VtableGantt2.js +1 -1
- package/dist/C_WorkFlow.css +111 -111
- package/dist/C_WorkFlow2.cjs +1 -1
- package/dist/C_WorkFlow2.js +1 -1
- package/dist/constants.d.cts +3 -3
- package/dist/constants.d.ts +3 -3
- package/dist/constants2.d.cts +2 -2
- package/dist/constants2.d.ts +2 -2
- package/dist/constants4.d.cts +6 -6
- package/dist/constants4.d.ts +6 -6
- package/dist/constants5.d.cts +11 -10
- package/dist/constants5.d.ts +11 -10
- package/dist/data.d.cts +13 -13
- package/dist/data.d.ts +13 -13
- package/dist/data2.cjs +1 -1
- package/dist/data2.js +1 -1
- package/dist/index.vue.d.cts +6 -6
- package/dist/index.vue.d.ts +6 -6
- package/dist/index10.vue.d.cts +5 -5
- package/dist/index10.vue.d.ts +4 -4
- package/dist/index11.vue.d.cts +4 -4
- package/dist/index11.vue.d.ts +6 -6
- package/dist/index12.vue.d.cts +6 -6
- package/dist/index13.vue.d.ts +5 -5
- package/dist/index14.vue.d.cts +5 -5
- package/dist/index14.vue.d.ts +5 -5
- package/dist/index15.vue.d.cts +5 -5
- package/dist/index15.vue.d.ts +2 -2
- package/dist/index16.vue.d.cts +2 -2
- package/dist/index17.vue.d.ts +1 -1
- package/dist/index18.vue.d.cts +1 -1
- package/dist/index18.vue.d.ts +6 -6
- package/dist/index19.vue.d.cts +6 -6
- package/dist/index19.vue.d.ts +5 -5
- package/dist/index2.vue.d.cts +2 -2
- package/dist/index2.vue.d.ts +2 -2
- package/dist/index20.vue.d.cts +1 -1
- package/dist/index20.vue.d.ts +1 -1
- package/dist/index21.vue.d.cts +1 -1
- package/dist/index21.vue.d.ts +1 -1
- package/dist/index22.vue.d.cts +2 -2
- package/dist/index22.vue.d.ts +2 -2
- package/dist/index23.vue.d.cts +1 -1
- package/dist/index23.vue.d.ts +1 -1
- package/dist/index25.vue.d.cts +8 -3
- package/dist/index25.vue.d.ts +8 -3
- package/dist/index27.vue.d.cts +2 -2
- package/dist/index27.vue.d.ts +2 -2
- package/dist/index28.vue.d.cts +4 -4
- package/dist/index28.vue.d.ts +4 -4
- package/dist/index3.vue.d.cts +2 -2
- package/dist/index3.vue.d.ts +2 -2
- package/dist/index4.vue.d.cts +5 -5
- package/dist/index5.vue.d.ts +2 -2
- package/dist/index6.vue.d.cts +2 -2
- package/dist/index6.vue.d.ts +4 -4
- package/dist/index7.vue.d.cts +4 -4
- package/dist/index7.vue.d.ts +2 -2
- package/dist/index8.vue.d.cts +2 -2
- package/dist/index8.vue.d.ts +4 -4
- package/dist/index9.vue.d.cts +4 -4
- package/dist/index9.vue.d.ts +5 -5
- package/dist/mapUtils.d.cts +2 -2
- package/dist/mapUtils.d.ts +2 -2
- package/dist/presets.d.cts +1 -1
- package/dist/presets.d.ts +1 -1
- package/dist/style.css +559 -545
- package/dist/useCalendarEvents.d.cts +10 -0
- package/dist/useCalendarEvents.d.ts +10 -0
- package/dist/useCollapsePanel.d.cts +3 -3
- package/dist/useCollapsePanel.d.ts +3 -3
- package/dist/useCropperCore.d.cts +5 -5
- package/dist/useCropperCore.d.ts +5 -5
- package/dist/useDraggableLayout.d.cts +7 -7
- package/dist/useDraggableLayout.d.ts +7 -7
- package/dist/useDynamicFormState.d.cts +3 -3
- package/dist/useDynamicFormState.d.ts +3 -3
- package/dist/useEdgeInteraction.d.cts +4 -2
- package/dist/useEdgeInteraction.d.ts +4 -2
- package/dist/useFullscreen.d.cts +5 -3
- package/dist/useFullscreen.d.ts +5 -3
- package/dist/useInfiniteScroll.d.cts +2 -2
- package/dist/useInfiniteScroll.d.ts +2 -2
- package/dist/useQRCode.d.cts +3 -3
- package/dist/useQRCode.d.ts +3 -3
- package/dist/useSearchState.d.cts +5 -5
- package/dist/useSearchState.d.ts +5 -5
- package/dist/useSignatureHistory.d.cts +6 -6
- package/dist/useSignatureHistory.d.ts +6 -6
- package/dist/useSplitResize.d.cts +8 -8
- package/dist/useSplitResize.d.ts +8 -8
- package/dist/useTableQuery.cjs +3 -3
- package/dist/useTableQuery.d.cts +12 -12
- package/dist/useTableQuery.d.ts +12 -12
- package/dist/useTableQuery.js +3 -3
- package/dist/useTimeSelection.d.cts +4 -4
- package/dist/useTimeSelection.d.ts +4 -4
- package/dist/useWorkflowValidation.d.cts +9 -4
- package/dist/useWorkflowValidation.d.ts +9 -4
- package/dist/verification.d.cts +5 -5
- package/dist/verification.d.ts +5 -5
- package/docs/components.en.md +4 -0
- package/docs/components.md +4 -0
- package/docs/guides/table-density.md +6 -0
- package/package.json +1 -1
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-f168596c] {
|
|
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-f168596c] {
|
|
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-f168596c] {
|
|
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-f168596c] {
|
|
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-f168596c] {
|
|
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-f168596c] > .n-data-table,
|
|
1728
|
+
.c-table-wrapper--flex > .table-error-state[data-v-f168596c] {
|
|
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-f168596c],
|
|
1733
|
+
.c-table-wrapper--flex > .batch-actions-bar[data-v-f168596c],
|
|
1734
|
+
.c-table-wrapper--flex > .pagination-wrapper[data-v-f168596c] {
|
|
1735
1735
|
flex-shrink: 0;
|
|
1736
1736
|
}
|
|
1737
|
-
.column-drag-ghost[data-v-
|
|
1737
|
+
.column-drag-ghost[data-v-f168596c] {
|
|
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-f168596c] {
|
|
1742
1742
|
cursor: grab;
|
|
1743
1743
|
}
|
|
1744
|
-
.drag-handle[data-v-
|
|
1744
|
+
.drag-handle[data-v-f168596c]:active {
|
|
1745
1745
|
cursor: grabbing;
|
|
1746
1746
|
}
|
|
1747
|
-
.c-table-wrapper[data-v-
|
|
1747
|
+
.c-table-wrapper[data-v-f168596c] .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-f168596c] {
|
|
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-f168596c] {
|
|
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-f168596c] {
|
|
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-f168596c] {
|
|
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-f168596c]: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-f168596c] {
|
|
1782
1782
|
margin-bottom: var(--c-table-gap, 16px);
|
|
1783
1783
|
padding: var(--c-table-gap, 16px);
|
|
1784
1784
|
border-radius: 8px;
|
|
@@ -1787,35 +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-f168596c]:hover {
|
|
1791
1791
|
border-color: var(--n-primary-color-suppl);
|
|
1792
1792
|
}
|
|
1793
|
-
[data-v-
|
|
1793
|
+
[data-v-f168596c] .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-f168596c] .n-data-table-wrapper {
|
|
1800
1800
|
overflow-x: auto !important;
|
|
1801
1801
|
}
|
|
1802
|
-
.pagination-wrapper[data-v-
|
|
1802
|
+
.pagination-wrapper[data-v-f168596c] {
|
|
1803
1803
|
margin-top: var(--c-table-gap, 16px);
|
|
1804
1804
|
display: flex;
|
|
1805
1805
|
justify-content: flex-end;
|
|
1806
1806
|
}
|
|
1807
|
-
[data-v-
|
|
1807
|
+
[data-v-f168596c] .c-table-index-column {
|
|
1808
1808
|
padding-inline: 8px;
|
|
1809
1809
|
}
|
|
1810
|
-
[data-v-
|
|
1810
|
+
[data-v-f168596c] .c-table-actions-column {
|
|
1811
1811
|
text-align: center !important;
|
|
1812
1812
|
padding: 8px 12px !important;
|
|
1813
1813
|
}
|
|
1814
|
-
[data-v-
|
|
1814
|
+
[data-v-f168596c] .c-table-actions-column .n-space {
|
|
1815
1815
|
justify-content: center !important;
|
|
1816
1816
|
align-items: center !important;
|
|
1817
1817
|
}
|
|
1818
|
-
[data-v-
|
|
1818
|
+
[data-v-f168596c] .cell-edit-wrapper {
|
|
1819
1819
|
display: flex;
|
|
1820
1820
|
align-items: center;
|
|
1821
1821
|
justify-content: space-between;
|
|
@@ -1827,18 +1827,18 @@ to {
|
|
|
1827
1827
|
cursor: pointer;
|
|
1828
1828
|
position: relative;
|
|
1829
1829
|
}
|
|
1830
|
-
[data-v-
|
|
1830
|
+
[data-v-f168596c] .cell-edit-wrapper:hover {
|
|
1831
1831
|
background-color: var(--n-color-target);
|
|
1832
1832
|
}
|
|
1833
|
-
[data-v-
|
|
1833
|
+
[data-v-f168596c] .cell-edit-wrapper:hover .cell-edit-icon {
|
|
1834
1834
|
opacity: 1;
|
|
1835
1835
|
color: var(--n-color-success);
|
|
1836
1836
|
transform: scale(1.05);
|
|
1837
1837
|
}
|
|
1838
|
-
[data-v-
|
|
1838
|
+
[data-v-f168596c] .cell-edit-wrapper:active {
|
|
1839
1839
|
transform: translateY(1px);
|
|
1840
1840
|
}
|
|
1841
|
-
[data-v-
|
|
1841
|
+
[data-v-f168596c] .cell-value {
|
|
1842
1842
|
flex: 1;
|
|
1843
1843
|
overflow: hidden;
|
|
1844
1844
|
text-overflow: ellipsis;
|
|
@@ -1847,7 +1847,7 @@ to {
|
|
|
1847
1847
|
line-height: 1.4;
|
|
1848
1848
|
font-size: 13px;
|
|
1849
1849
|
}
|
|
1850
|
-
.c-table-wrapper[data-v-
|
|
1850
|
+
.c-table-wrapper[data-v-f168596c] .cell-edit-icon {
|
|
1851
1851
|
flex-shrink: 0;
|
|
1852
1852
|
width: 24px;
|
|
1853
1853
|
height: 24px;
|
|
@@ -1862,20 +1862,20 @@ to {
|
|
|
1862
1862
|
opacity: 0;
|
|
1863
1863
|
position: relative;
|
|
1864
1864
|
}
|
|
1865
|
-
.c-table-wrapper[data-v-
|
|
1865
|
+
.c-table-wrapper[data-v-f168596c] .cell-edit-icon:hover {
|
|
1866
1866
|
opacity: 1 !important;
|
|
1867
1867
|
color: var(--n-color-success-hover) !important;
|
|
1868
1868
|
background-color: var(--n-color-success-pressed);
|
|
1869
1869
|
transform: scale(1.1);
|
|
1870
1870
|
}
|
|
1871
|
-
.c-table-wrapper[data-v-
|
|
1871
|
+
.c-table-wrapper[data-v-f168596c] .cell-edit-icon:active {
|
|
1872
1872
|
transform: scale(0.95);
|
|
1873
1873
|
}
|
|
1874
|
-
.c-table-wrapper[data-v-
|
|
1874
|
+
.c-table-wrapper[data-v-f168596c] .cell-edit-icon svg {
|
|
1875
1875
|
width: 14px;
|
|
1876
1876
|
height: 14px;
|
|
1877
1877
|
}
|
|
1878
|
-
.cell-editing-container[data-v-
|
|
1878
|
+
.cell-editing-container[data-v-f168596c],[data-v-f168596c] .cell-editing-container {
|
|
1879
1879
|
display: flex !important;
|
|
1880
1880
|
align-items: center !important;
|
|
1881
1881
|
width: 100% !important;
|
|
@@ -1887,35 +1887,35 @@ to {
|
|
|
1887
1887
|
box-shadow: 0 0 0 2px var(--n-primary-color-suppl) !important;
|
|
1888
1888
|
gap: 8px !important;
|
|
1889
1889
|
}
|
|
1890
|
-
.cell-editing-input[data-v-
|
|
1890
|
+
.cell-editing-input[data-v-f168596c],[data-v-f168596c] .cell-editing-input {
|
|
1891
1891
|
flex: 1 !important;
|
|
1892
1892
|
min-width: 0 !important;
|
|
1893
1893
|
}
|
|
1894
|
-
[data-v-
|
|
1894
|
+
[data-v-f168596c] .cell-editing-input .n-input {
|
|
1895
1895
|
border: none !important;
|
|
1896
1896
|
box-shadow: none !important;
|
|
1897
1897
|
background: transparent !important;
|
|
1898
1898
|
}
|
|
1899
|
-
[data-v-
|
|
1899
|
+
[data-v-f168596c] .cell-editing-input .n-input.n-input--focus {
|
|
1900
1900
|
border: none !important;
|
|
1901
1901
|
box-shadow: none !important;
|
|
1902
1902
|
}
|
|
1903
|
-
[data-v-
|
|
1903
|
+
[data-v-f168596c] .cell-editing-input .n-input-number {
|
|
1904
1904
|
border: none !important;
|
|
1905
1905
|
box-shadow: none !important;
|
|
1906
1906
|
background: transparent !important;
|
|
1907
1907
|
}
|
|
1908
|
-
[data-v-
|
|
1908
|
+
[data-v-f168596c] .cell-editing-input .n-select {
|
|
1909
1909
|
border: none !important;
|
|
1910
1910
|
box-shadow: none !important;
|
|
1911
1911
|
background: transparent !important;
|
|
1912
1912
|
}
|
|
1913
|
-
[data-v-
|
|
1913
|
+
[data-v-f168596c] .cell-editing-input .n-select .n-base-selection {
|
|
1914
1914
|
border: none !important;
|
|
1915
1915
|
box-shadow: none !important;
|
|
1916
1916
|
background: transparent !important;
|
|
1917
1917
|
}
|
|
1918
|
-
.cell-editing-actions[data-v-
|
|
1918
|
+
.cell-editing-actions[data-v-f168596c],[data-v-f168596c] .cell-editing-actions {
|
|
1919
1919
|
display: flex !important;
|
|
1920
1920
|
flex-shrink: 0 !important;
|
|
1921
1921
|
align-items: center !important;
|
|
@@ -1926,7 +1926,7 @@ to {
|
|
|
1926
1926
|
padding: 2px !important;
|
|
1927
1927
|
box-shadow: var(--n-box-shadow) !important;
|
|
1928
1928
|
}
|
|
1929
|
-
.cell-action-btn[data-v-
|
|
1929
|
+
.cell-action-btn[data-v-f168596c],[data-v-f168596c] .cell-action-btn {
|
|
1930
1930
|
display: flex !important;
|
|
1931
1931
|
align-items: center !important;
|
|
1932
1932
|
justify-content: center !important;
|
|
@@ -1938,25 +1938,25 @@ to {
|
|
|
1938
1938
|
transition: all 0.2s ease !important;
|
|
1939
1939
|
background: transparent !important;
|
|
1940
1940
|
}
|
|
1941
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
1941
|
+
.cell-action-btn.cell-action-save[data-v-f168596c],[data-v-f168596c] .cell-action-btn.cell-action-save {
|
|
1942
1942
|
color: var(--n-color-success) !important;
|
|
1943
1943
|
}
|
|
1944
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
1944
|
+
.cell-action-btn.cell-action-save[data-v-f168596c]:hover,[data-v-f168596c] .cell-action-btn.cell-action-save:hover {
|
|
1945
1945
|
background: var(--n-color-success-pressed) !important;
|
|
1946
1946
|
transform: scale(1.1) !important;
|
|
1947
1947
|
}
|
|
1948
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
1948
|
+
.cell-action-btn.cell-action-cancel[data-v-f168596c],[data-v-f168596c] .cell-action-btn.cell-action-cancel {
|
|
1949
1949
|
color: var(--n-color-error) !important;
|
|
1950
1950
|
}
|
|
1951
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
1951
|
+
.cell-action-btn.cell-action-cancel[data-v-f168596c]:hover,[data-v-f168596c] .cell-action-btn.cell-action-cancel:hover {
|
|
1952
1952
|
background: var(--n-color-error-pressed) !important;
|
|
1953
1953
|
transform: scale(1.1) !important;
|
|
1954
1954
|
}
|
|
1955
|
-
.cell-action-btn svg[data-v-
|
|
1955
|
+
.cell-action-btn svg[data-v-f168596c],[data-v-f168596c] .cell-action-btn svg {
|
|
1956
1956
|
width: 11px !important;
|
|
1957
1957
|
height: 11px !important;
|
|
1958
1958
|
}
|
|
1959
|
-
[data-v-
|
|
1959
|
+
[data-v-f168596c] .n-button {
|
|
1960
1960
|
white-space: nowrap;
|
|
1961
1961
|
font-size: var(--c-table-button-font-size, 12px) !important;
|
|
1962
1962
|
flex-shrink: 0 !important;
|
|
@@ -1964,106 +1964,106 @@ to {
|
|
|
1964
1964
|
transition: all 0.2s ease;
|
|
1965
1965
|
font-weight: 500;
|
|
1966
1966
|
}
|
|
1967
|
-
[data-v-
|
|
1967
|
+
[data-v-f168596c] .n-button .n-icon {
|
|
1968
1968
|
margin-right: 4px !important;
|
|
1969
1969
|
}
|
|
1970
|
-
[data-v-
|
|
1970
|
+
[data-v-f168596c] .n-button.n-button--small-type {
|
|
1971
1971
|
padding: 4px 8px;
|
|
1972
1972
|
height: 28px;
|
|
1973
1973
|
line-height: 20px;
|
|
1974
1974
|
}
|
|
1975
|
-
[data-v-
|
|
1975
|
+
[data-v-f168596c] .n-button.n-button--quaternary-type:hover {
|
|
1976
1976
|
transform: translateY(-1px);
|
|
1977
1977
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
1978
1978
|
}
|
|
1979
|
-
[data-v-
|
|
1979
|
+
[data-v-f168596c] .n-button.n-button--quaternary-type:active {
|
|
1980
1980
|
transform: translateY(0);
|
|
1981
1981
|
}
|
|
1982
|
-
[data-v-
|
|
1982
|
+
[data-v-f168596c] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
|
|
1983
1983
|
margin-right: 6px !important;
|
|
1984
1984
|
}
|
|
1985
|
-
[data-v-
|
|
1985
|
+
[data-v-f168596c] .n-modal .n-card {
|
|
1986
1986
|
border-radius: 12px;
|
|
1987
1987
|
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
|
|
1988
1988
|
}
|
|
1989
|
-
[data-v-
|
|
1989
|
+
[data-v-f168596c] .n-modal .n-card__header {
|
|
1990
1990
|
padding: 20px 24px 16px;
|
|
1991
1991
|
font-weight: 600;
|
|
1992
1992
|
font-size: 16px;
|
|
1993
1993
|
}
|
|
1994
|
-
[data-v-
|
|
1994
|
+
[data-v-f168596c] .n-modal .n-card__content {
|
|
1995
1995
|
padding: 0 24px 16px;
|
|
1996
1996
|
}
|
|
1997
|
-
[data-v-
|
|
1997
|
+
[data-v-f168596c] .n-modal .n-card__action {
|
|
1998
1998
|
padding: 16px 24px 20px;
|
|
1999
1999
|
border-top: 1px solid var(--n-divider-color);
|
|
2000
2000
|
}
|
|
2001
|
-
[data-v-
|
|
2001
|
+
[data-v-f168596c] .n-descriptions .n-descriptions-item-label {
|
|
2002
2002
|
font-weight: 500;
|
|
2003
2003
|
color: var(--n-text-color-2);
|
|
2004
2004
|
}
|
|
2005
|
-
[data-v-
|
|
2005
|
+
[data-v-f168596c] .n-descriptions .n-descriptions-item-content {
|
|
2006
2006
|
color: var(--n-text-color-1);
|
|
2007
2007
|
word-break: break-all;
|
|
2008
2008
|
}
|
|
2009
2009
|
@media (max-width: 768px) {
|
|
2010
|
-
.c-table-wrapper[data-v-
|
|
2010
|
+
.c-table-wrapper[data-v-f168596c] {
|
|
2011
2011
|
overflow-x: auto;
|
|
2012
2012
|
}
|
|
2013
|
-
[data-v-
|
|
2013
|
+
[data-v-f168596c] .n-button {
|
|
2014
2014
|
font-size: 11px !important;
|
|
2015
2015
|
padding: 3px 6px;
|
|
2016
2016
|
}
|
|
2017
|
-
[data-v-
|
|
2017
|
+
[data-v-f168596c] .n-button .n-icon {
|
|
2018
2018
|
margin-right: 2px !important;
|
|
2019
2019
|
}
|
|
2020
|
-
.cell-edit-icon[data-v-
|
|
2020
|
+
.cell-edit-icon[data-v-f168596c] {
|
|
2021
2021
|
opacity: 0.6;
|
|
2022
2022
|
}
|
|
2023
2023
|
}
|
|
2024
2024
|
@media (max-width: 768px) {
|
|
2025
|
-
.cell-editing-container[data-v-
|
|
2025
|
+
.cell-editing-container[data-v-f168596c],[data-v-f168596c] .cell-editing-container {
|
|
2026
2026
|
gap: 6px !important;
|
|
2027
2027
|
}
|
|
2028
|
-
.cell-editing-actions[data-v-
|
|
2028
|
+
.cell-editing-actions[data-v-f168596c],[data-v-f168596c] .cell-editing-actions {
|
|
2029
2029
|
gap: 3px !important;
|
|
2030
2030
|
padding: 2px !important;
|
|
2031
2031
|
}
|
|
2032
|
-
.cell-action-btn[data-v-
|
|
2032
|
+
.cell-action-btn[data-v-f168596c],[data-v-f168596c] .cell-action-btn {
|
|
2033
2033
|
width: 18px !important;
|
|
2034
2034
|
height: 18px !important;
|
|
2035
2035
|
}
|
|
2036
|
-
.cell-action-btn svg[data-v-
|
|
2036
|
+
.cell-action-btn svg[data-v-f168596c],[data-v-f168596c] .cell-action-btn svg {
|
|
2037
2037
|
width: 10px !important;
|
|
2038
2038
|
height: 10px !important;
|
|
2039
2039
|
}
|
|
2040
|
-
.cell-edit-icon[data-v-
|
|
2040
|
+
.cell-edit-icon[data-v-f168596c] {
|
|
2041
2041
|
opacity: 0.6 !important;
|
|
2042
2042
|
}
|
|
2043
|
-
[data-v-
|
|
2043
|
+
[data-v-f168596c] .cell-value {
|
|
2044
2044
|
margin-right: 12px !important;
|
|
2045
2045
|
}
|
|
2046
2046
|
}
|
|
2047
|
-
[data-v-
|
|
2047
|
+
[data-v-f168596c] .cell-edit-wrapper:focus-within,[data-v-f168596c] .cell-editing-container:focus-within {
|
|
2048
2048
|
outline: 2px solid var(--n-primary-color);
|
|
2049
2049
|
outline-offset: 2px;
|
|
2050
2050
|
}
|
|
2051
2051
|
@media (prefers-contrast: high) {
|
|
2052
|
-
.cell-edit-icon[data-v-
|
|
2052
|
+
.cell-edit-icon[data-v-f168596c] {
|
|
2053
2053
|
opacity: 0.8;
|
|
2054
2054
|
}
|
|
2055
|
-
.cell-editing-actions[data-v-
|
|
2055
|
+
.cell-editing-actions[data-v-f168596c] {
|
|
2056
2056
|
border-width: 2px;
|
|
2057
2057
|
}
|
|
2058
2058
|
}
|
|
2059
|
-
.row-drag-ghost[data-v-
|
|
2059
|
+
.row-drag-ghost[data-v-f168596c] {
|
|
2060
2060
|
opacity: 0.4;
|
|
2061
2061
|
background: var(--c-table-drag-ghost-bg) !important;
|
|
2062
2062
|
}
|
|
2063
|
-
.row-drag-chosen[data-v-
|
|
2063
|
+
.row-drag-chosen[data-v-f168596c] {
|
|
2064
2064
|
background: var(--n-color-hover, #f5f5f5) !important;
|
|
2065
2065
|
}
|
|
2066
|
-
.batch-actions-bar[data-v-
|
|
2066
|
+
.batch-actions-bar[data-v-f168596c] {
|
|
2067
2067
|
display: flex;
|
|
2068
2068
|
align-items: center;
|
|
2069
2069
|
justify-content: space-between;
|
|
@@ -2073,53 +2073,53 @@ to {
|
|
|
2073
2073
|
border-radius: 6px;
|
|
2074
2074
|
border: 1px solid var(--n-primary-color-suppl, #70b3ff);
|
|
2075
2075
|
}
|
|
2076
|
-
.batch-actions-bar .batch-info[data-v-
|
|
2076
|
+
.batch-actions-bar .batch-info[data-v-f168596c] {
|
|
2077
2077
|
font-size: 13px;
|
|
2078
2078
|
color: var(--n-text-color-2);
|
|
2079
2079
|
font-weight: 500;
|
|
2080
2080
|
}
|
|
2081
|
-
.table-error-state[data-v-
|
|
2081
|
+
.table-error-state[data-v-f168596c] {
|
|
2082
2082
|
padding: 48px 24px;
|
|
2083
2083
|
text-align: center;
|
|
2084
2084
|
}
|
|
2085
|
-
.table-error-state .error-content[data-v-
|
|
2085
|
+
.table-error-state .error-content[data-v-f168596c] {
|
|
2086
2086
|
display: flex;
|
|
2087
2087
|
flex-direction: column;
|
|
2088
2088
|
align-items: center;
|
|
2089
2089
|
gap: 12px;
|
|
2090
2090
|
color: var(--n-text-color-3, #999);
|
|
2091
2091
|
}
|
|
2092
|
-
.table-error-state .error-message[data-v-
|
|
2092
|
+
.table-error-state .error-message[data-v-f168596c] {
|
|
2093
2093
|
font-size: 14px;
|
|
2094
2094
|
margin: 0;
|
|
2095
2095
|
color: var(--n-text-color-2, #666);
|
|
2096
2096
|
}
|
|
2097
2097
|
|
|
2098
2098
|
/* layer: default */
|
|
2099
|
-
.visible[data-v-
|
|
2100
|
-
.fixed[data-v-
|
|
2101
|
-
.grid[data-v-
|
|
2102
|
-
.mb-2[data-v-
|
|
2103
|
-
.mb-4[data-v-
|
|
2104
|
-
.ml-2[data-v-
|
|
2105
|
-
.w60\%[data-v-
|
|
2106
|
-
.flex[data-v-
|
|
2107
|
-
.table[data-v-
|
|
2108
|
-
.scale-110[data-v-
|
|
2109
|
-
.cursor-pointer[data-v-
|
|
2110
|
-
.items-center[data-v-
|
|
2111
|
-
.justify-end[data-v-
|
|
2112
|
-
.justify-center[data-v-
|
|
2113
|
-
.rd[data-v-
|
|
2114
|
-
.bg-gray-50[data-v-
|
|
2115
|
-
.p-4[data-v-
|
|
2116
|
-
.px[data-v-
|
|
2117
|
-
.py-8[data-v-
|
|
2118
|
-
.text-center[data-v-
|
|
2119
|
-
.text-sm[data-v-
|
|
2120
|
-
.text-gray-400[data-v-
|
|
2121
|
-
.text-gray-500[data-v-
|
|
2122
|
-
.text-gray-600[data-v-
|
|
2123
|
-
.accent-blue-500[data-v-
|
|
2124
|
-
.blur[data-v-
|
|
2125
|
-
.filter[data-v-
|
|
2099
|
+
.visible[data-v-f168596c]{visibility:visible;}
|
|
2100
|
+
.fixed[data-v-f168596c]{position:fixed;}
|
|
2101
|
+
.grid[data-v-f168596c]{display:grid;}
|
|
2102
|
+
.mb-2[data-v-f168596c]{margin-bottom:0.5rem;}
|
|
2103
|
+
.mb-4[data-v-f168596c]{margin-bottom:1rem;}
|
|
2104
|
+
.ml-2[data-v-f168596c]{margin-left:0.5rem;}
|
|
2105
|
+
.w60\%[data-v-f168596c]{width:60%;}
|
|
2106
|
+
.flex[data-v-f168596c]{display:flex;}
|
|
2107
|
+
.table[data-v-f168596c]{display:table;}
|
|
2108
|
+
.scale-110[data-v-f168596c]{--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-f168596c]{cursor:pointer;}
|
|
2110
|
+
.items-center[data-v-f168596c]{align-items:center;}
|
|
2111
|
+
.justify-end[data-v-f168596c]{justify-content:flex-end;}
|
|
2112
|
+
.justify-center[data-v-f168596c]{justify-content:center;}
|
|
2113
|
+
.rd[data-v-f168596c]{border-radius:0.25rem;}
|
|
2114
|
+
.bg-gray-50[data-v-f168596c]{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
|
|
2115
|
+
.p-4[data-v-f168596c]{padding:1rem;}
|
|
2116
|
+
.px[data-v-f168596c]{padding-left:1rem;padding-right:1rem;}
|
|
2117
|
+
.py-8[data-v-f168596c]{padding-top:2rem;padding-bottom:2rem;}
|
|
2118
|
+
.text-center[data-v-f168596c]{text-align:center;}
|
|
2119
|
+
.text-sm[data-v-f168596c]{font-size:0.875rem;line-height:1.25rem;}
|
|
2120
|
+
.text-gray-400[data-v-f168596c]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
|
|
2121
|
+
.text-gray-500[data-v-f168596c]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
|
|
2122
|
+
.text-gray-600[data-v-f168596c]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
|
|
2123
|
+
.accent-blue-500[data-v-f168596c]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
|
|
2124
|
+
.blur[data-v-f168596c]{--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-f168596c]{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_Tabs.css
CHANGED
|
@@ -1,77 +1,77 @@
|
|
|
1
1
|
:root{--c-primary: var(--primary-color, #2080f0);--c-primary-hover: var(--primary-color-hover, #4098fc);--c-primary-pressed: var(--primary-color-pressed, #1060c9);--c-success: var(--success-color, #18a058);--c-warning: var(--warning-color, #f0a020);--c-error: var(--error-color, #d03050);--c-info: var(--info-color, #2080f0);--c-bg-body: var(--body-color, #ffffff);--c-bg-card: var(--card-color, #ffffff);--c-bg-surface: var(--popover-color, #ffffff);--c-text-1: var(--text-color-1, #262626);--c-text-2: var(--text-color-2, #525252);--c-text-3: var(--text-color-3, #a3a3a3);--c-text-4: var(--text-color-4, #c0c0c0);--c-border: var(--border-color, #e5e7eb);--c-radius-sm: var(--border-radius-small, 4px);--c-radius: var(--border-radius, 6px);--c-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);--c-transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--c-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);--c-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--c-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1)}
|
|
2
2
|
|
|
3
|
-
.c-tabs[data-v-
|
|
3
|
+
.c-tabs[data-v-2d475220] {
|
|
4
4
|
width: 100%;
|
|
5
5
|
color: var(--ra-color-text-primary, var(--c-text-1));
|
|
6
6
|
}
|
|
7
|
-
.c-tabs[data-v-
|
|
7
|
+
.c-tabs[data-v-2d475220] .n-tabs-nav {
|
|
8
8
|
min-width: 0;
|
|
9
9
|
}
|
|
10
|
-
.c-tabs[data-v-
|
|
10
|
+
.c-tabs[data-v-2d475220] .n-tabs-tab {
|
|
11
11
|
min-height: var(--ra-control-height-small, 32px);
|
|
12
12
|
color: var(--ra-tab-text, var(--ra-color-text-secondary, var(--c-text-2)));
|
|
13
13
|
font-size: var(--ra-type-font-size-sm, 13px);
|
|
14
14
|
font-weight: var(--ra-type-font-weight-medium, 500);
|
|
15
15
|
transition: color var(--ra-motion-duration-fast, 120ms) var(--ra-motion-easing-standard, ease), background-color var(--ra-motion-duration-fast, 120ms) var(--ra-motion-easing-standard, ease);
|
|
16
16
|
}
|
|
17
|
-
.c-tabs[data-v-
|
|
17
|
+
.c-tabs[data-v-2d475220] .n-tabs-tab:hover {
|
|
18
18
|
color: var(--ra-color-primary-hover, var(--c-primary-hover));
|
|
19
19
|
}
|
|
20
|
-
.c-tabs[data-v-
|
|
20
|
+
.c-tabs[data-v-2d475220] .n-tabs-tab:focus-visible {
|
|
21
21
|
outline: 2px solid var(--ra-color-focus-ring, rgba(32, 128, 240, 0.3));
|
|
22
22
|
outline-offset: -2px;
|
|
23
23
|
}
|
|
24
|
-
.c-tabs[data-v-
|
|
24
|
+
.c-tabs[data-v-2d475220] .n-tabs-tab--active {
|
|
25
25
|
color: var(--ra-tab-text-active, var(--ra-color-primary, var(--c-primary)));
|
|
26
26
|
font-weight: var(--ra-type-font-weight-semibold, 600);
|
|
27
27
|
}
|
|
28
|
-
.c-tabs[data-v-
|
|
28
|
+
.c-tabs[data-v-2d475220] .n-tabs-bar {
|
|
29
29
|
height: 2px;
|
|
30
30
|
border-radius: var(--ra-radius-pill, 999px);
|
|
31
31
|
background: var(--ra-tab-indicator, #2080f0);
|
|
32
32
|
}
|
|
33
|
-
.c-tabs[data-v-
|
|
33
|
+
.c-tabs[data-v-2d475220] .n-tabs-pane-wrapper {
|
|
34
34
|
color: var(--ra-color-text-primary, var(--c-text-1));
|
|
35
35
|
}
|
|
36
|
-
.c-tabs.is-segment[data-v-
|
|
36
|
+
.c-tabs.is-segment[data-v-2d475220] .n-tabs-rail {
|
|
37
37
|
min-height: calc(var(--ra-control-height-small, 32px) + 4px);
|
|
38
38
|
padding: 2px;
|
|
39
39
|
background: var(--ra-color-surface-muted, rgba(0, 0, 0, 0.04));
|
|
40
40
|
border: 1px solid var(--ra-color-divider, var(--c-border));
|
|
41
41
|
border-radius: var(--ra-radius-md, 8px);
|
|
42
42
|
}
|
|
43
|
-
.c-tabs.is-segment[data-v-
|
|
43
|
+
.c-tabs.is-segment[data-v-2d475220] .n-tabs-tab {
|
|
44
44
|
padding: 0 var(--ra-space-3, 12px);
|
|
45
45
|
border-radius: var(--ra-radius-sm, 6px);
|
|
46
46
|
}
|
|
47
|
-
.c-tabs.is-segment[data-v-
|
|
47
|
+
.c-tabs.is-segment[data-v-2d475220] .n-tabs-tab:hover:not(.n-tabs-tab--active) {
|
|
48
48
|
background: var(--ra-tab-bg-hover, var(--ra-color-fill-hover, var(--hover-color, transparent)));
|
|
49
49
|
}
|
|
50
|
-
.c-tabs.is-card[data-v-
|
|
50
|
+
.c-tabs.is-card[data-v-2d475220] .n-tabs-tab {
|
|
51
51
|
padding-inline: var(--ra-space-3, 12px);
|
|
52
52
|
}
|
|
53
|
-
.c-tabs.is-tabs-only[data-v-
|
|
53
|
+
.c-tabs.is-tabs-only[data-v-2d475220] .n-tabs-pane-wrapper {
|
|
54
54
|
display: none;
|
|
55
55
|
}
|
|
56
|
-
.c-tabs__label[data-v-
|
|
56
|
+
.c-tabs__label[data-v-2d475220] {
|
|
57
57
|
display: inline-flex;
|
|
58
58
|
align-items: center;
|
|
59
59
|
min-width: 0;
|
|
60
60
|
gap: var(--ra-space-1, 4px);
|
|
61
61
|
white-space: nowrap;
|
|
62
62
|
}
|
|
63
|
-
.c-tabs__icon[data-v-
|
|
63
|
+
.c-tabs__icon[data-v-2d475220] {
|
|
64
64
|
flex: none;
|
|
65
65
|
color: currentColor;
|
|
66
66
|
}
|
|
67
|
-
.c-tabs__badge[data-v-
|
|
67
|
+
.c-tabs__badge[data-v-2d475220] {
|
|
68
68
|
margin-left: 2px;
|
|
69
69
|
}
|
|
70
70
|
@media (prefers-reduced-motion: reduce) {
|
|
71
|
-
.c-tabs[data-v-
|
|
71
|
+
.c-tabs[data-v-2d475220] .n-tabs-tab {
|
|
72
72
|
transition: none;
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
75
|
|
|
76
76
|
/* layer: default */
|
|
77
|
-
.tab[data-v-
|
|
77
|
+
.tab[data-v-2d475220]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
|