Merge branch 'main' into css1

tusen-ai · Dec 23, 2021 · f07f8c6 · f07f8c6
2 parents 825dae0 + 32a48e0
commit f07f8c6
Show file tree

Hide file tree

Showing 19 changed files with 355 additions and 347 deletions.
diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
@@ -5,6 +5,8 @@
 ### Feats
 
 - Add `n-avatar-group`.
+- `n-list` uses `n` as CSS vars prefix.
+- `n-layout` uses `n` as CSS vars prefix.
 - `n-message` uses `n` as CSS vars prefix.
 - `n-mention` uses `n` as CSS vars prefix.
 - `n-menu` uses `n` as CSS vars prefix.
@@ -22,6 +24,7 @@
 - `n-cascader` uses `n` as CSS vars prefix.
 - `n-color-picker` uses `n` as CSS vars prefix.
 - `n-checkbox` uses `n` as CSS vars prefix.
+- `n-data-table` uses `n` as CSS vars prefix.
 - `n-date-picker` uses `n` as CSS vars prefix.
 - `n-descriptions` uses `n` as CSS vars prefix.
 - `n-drawer` uses `n` as CSS vars prefix.
@@ -34,6 +37,7 @@
 - `n-collapse-transition` uses `n` as CSS vars prefix.
 - `n-thing` uses `n` as CSS vars prefix.
 - `n-carousel` uses `n` as CSS vars prefix.
+- `n-page-header` uses `n` as CSS vars prefix.
 
 ### Fixes
 

diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md
@@ -5,6 +5,8 @@
 ### Feats
 
 - 新增 `n-avatar-group`
+- `n-list` 的 CSS 变量使用 `n` 作为前缀
+- `n-layout` 的 CSS 变量使用 `n` 作为前缀
 - `n-message` 的 CSS 变量使用 `n` 作为前缀
 - `n-mention` 的 CSS 变量使用 `n` 作为前缀
 - `n-menu` 的 CSS 变量使用 `n` 作为前缀
@@ -22,6 +24,7 @@
 - `n-cascader` 的 CSS 变量使用 `n` 作为前缀
 - `n-color-picker` 的 CSS 变量使用 `n` 作为前缀
 - `n-checkbox` 的 CSS 变量使用 `n` 作为前缀
+- `n-data-table` 的 CSS 变量使用 `n` 作为前缀
 - `n-date-picker` 的 CSS 变量使用 `n` 作为前缀
 - `n-descriptions` 的 CSS 变量使用 `n` 作为前缀
 - `n-drawer` 的 CSS 变量使用 `n` 作为前缀
@@ -34,6 +37,7 @@
 - `n-collapse-transition` 的 CSS 变量使用 `n` 作为前缀
 - `n-thing` 的 CSS 变量使用 `n` 作为前缀
 - `n-carousel` 的 CSS 变量使用 `n` 作为前缀
+- `n-page-header` 的 CSS 变量使用 `n` 作为前缀
 
 ### Fixes
 

diff --git a/src/data-table/src/DataTable.tsx b/src/data-table/src/DataTable.tsx
@@ -373,9 +373,9 @@ export default defineComponent({
         } = themeRef.value
         // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
         return {
-          '--action-padding': actionPadding,
-          '--action-button-margin': actionButtonMargin,
-          '--action-divider-color': actionDividerColor
+          '--n-action-padding': actionPadding,
+          '--n-action-button-margin': actionButtonMargin,
+          '--n-action-divider-color': actionDividerColor
         } as CSSProperties
       }),
       mergedTableLayoutRef,
@@ -459,45 +459,45 @@ export default defineComponent({
           }
         } = themeRef.value
         return {
-          '--font-size': fontSize,
-          '--th-padding': thPadding,
-          '--td-padding': tdPadding,
-          '--bezier': cubicBezierEaseInOut,
-          '--border-radius': borderRadius,
-          '--line-height': lineHeight,
-          '--border-color': borderColor,
-          '--border-color-modal': borderColorModal,
-          '--border-color-popover': borderColorPopover,
-          '--th-color': thColor,
-          '--th-color-hover': thColorHover,
-          '--th-color-modal': thColorModal,
-          '--th-color-hover-modal': thColorHoverModal,
-          '--th-color-popover': thColorPopover,
-          '--th-color-hover-popover': thColorHoverPopover,
-          '--td-color': tdColor,
-          '--td-color-hover': tdColorHover,
-          '--td-color-modal': tdColorModal,
-          '--td-color-hover-modal': tdColorHoverModal,
-          '--td-color-popover': tdColorPopover,
-          '--td-color-hover-popover': tdColorHoverPopover,
-          '--th-text-color': thTextColor,
-          '--td-text-color': tdTextColor,
-          '--th-font-weight': thFontWeight,
-          '--th-button-color-hover': thButtonColorHover,
-          '--th-icon-color': thIconColor,
-          '--th-icon-color-active': thIconColorActive,
-          '--filter-size': filterSize,
-          '--pagination-margin': paginationMargin,
-          '--empty-padding': emptyPadding,
-          '--box-shadow-before': boxShadowBefore,
-          '--box-shadow-after': boxShadowAfter,
-          '--sorter-size': sorterSize,
-          '--loading-size': loadingSize,
-          '--loading-color': loadingColor,
-          '--opacity-loading': opacityLoading,
-          '--td-color-striped': tdColorStriped,
-          '--td-color-striped-modal': tdColorStripedModal,
-          '--td-color-striped-popover': tdColorStripedPopover
+          '--n-font-size': fontSize,
+          '--n-th-padding': thPadding,
+          '--n-td-padding': tdPadding,
+          '--n-bezier': cubicBezierEaseInOut,
+          '--n-border-radius': borderRadius,
+          '--n-line-height': lineHeight,
+          '--n-border-color': borderColor,
+          '--n-border-color-modal': borderColorModal,
+          '--n-border-color-popover': borderColorPopover,
+          '--n-th-color': thColor,
+          '--n-th-color-hover': thColorHover,
+          '--n-th-color-modal': thColorModal,
+          '--n-th-color-hover-modal': thColorHoverModal,
+          '--n-th-color-popover': thColorPopover,
+          '--n-th-color-hover-popover': thColorHoverPopover,
+          '--n-td-color': tdColor,
+          '--n-td-color-hover': tdColorHover,
+          '--n-td-color-modal': tdColorModal,
+          '--n-td-color-hover-modal': tdColorHoverModal,
+          '--n-n-td-color-popover': tdColorPopover,
+          '--n-td-color-hover-popover': tdColorHoverPopover,
+          '--n-th-text-color': thTextColor,
+          '--n-td-text-color': tdTextColor,
+          '--n-th-font-weight': thFontWeight,
+          '--n-th-button-color-hover': thButtonColorHover,
+          '--n-th-icon-color': thIconColor,
+          '--n-th-icon-color-active': thIconColorActive,
+          '--n-filter-size': filterSize,
+          '--n-pagination-margin': paginationMargin,
+          '--n-empty-padding': emptyPadding,
+          '--n-box-shadow-before': boxShadowBefore,
+          '--n-box-shadow-after': boxShadowAfter,
+          '--n-sorter-size': sorterSize,
+          '--n-loading-size': loadingSize,
+          '--n-loading-color': loadingColor,
+          '--n-opacity-loading': opacityLoading,
+          '--n-td-color-striped': tdColorStriped,
+          '--n-td-color-striped-modal': tdColorStripedModal,
+          '--n-td-color-striped-popover': tdColorStripedPopover
         }
       })
     }

diff --git a/src/data-table/src/TableParts/Body.tsx b/src/data-table/src/TableParts/Body.tsx
@@ -304,7 +304,7 @@ export default defineComponent({
           if (leftActiveFixedColKey === null) return null
           return c(
             `[data-n-id="${cProps.componentId}"] [data-col-key="${leftActiveFixedColKey}"]::after`,
-            { boxShadow: 'var(--box-shadow-after)' }
+            { boxShadow: 'var(--n-box-shadow-after)' }
           )
         }
 
@@ -314,7 +314,7 @@ export default defineComponent({
           if (rightActiveFixedColKey === null) return null
           return c(
             `[data-n-id="${cProps.componentId}"] [data-col-key="${rightActiveFixedColKey}"]::before`,
-            { boxShadow: 'var(--box-shadow-before)' }
+            { boxShadow: 'var(--n-box-shadow-before)' }
           )
         }