yootd 0.0.69 → 0.0.70

package/dist/table/components/primary-header-row/index.js

@@ -12,6 +12,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { DndContext } from '@dnd-kit/core';
 import { restrictToVerticalAxis } from '@dnd-kit/modifiers';
+import { SortableContext, useSortable, verticalListSortingStrategy } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
 import React, { useContext, useMemo } from 'react';
 import { Checkbox } from "../../../checkbox";
@@ -20,7 +21,6 @@ import { Popover } from "../../../popover";
 import { TableRowContext } from "../..";
 import { DragHandler } from "../icons/DragHandler";
 import { SettingFilled } from "../icons/SettingFilled";
-import { SortableContext, useSortable, verticalListSortingStrategy } from '@dnd-kit/sortable';
 import "./index.scss";
 var renderColumnTitle = function renderColumnTitle(title) {
   if (typeof title === 'function') {
@@ -73,7 +73,8 @@ export var PrimaryHeaderRow = function PrimaryHeaderRow(_ref2) {
     updateKeys = _useContext.updateKeys,
     type = _useContext.type,
     showSetting = _useContext.showSetting,
-    color = _useContext.color;
+    headerBgColor = _useContext.headerBgColor,
+    headerTextColor = _useContext.headerTextColor;
   var bem = useBem('table');
   var handleDragEnd = function handleDragEnd(event) {
     var active = event.active,
@@ -92,11 +93,11 @@ export var PrimaryHeaderRow = function PrimaryHeaderRow(_ref2) {
     })) !== null && _columns$map !== void 0 ? _columns$map : [] : []);
   };
   return /*#__PURE__*/React.createElement("tr", _extends({
-    className: "".concat(type === 'primary' ? bem.b('thead').b('row').m('primary') : '', " ").concat(color != null ? bem.b('thead').b('row').m('colored') : '', " ").concat(className !== null && className !== void 0 ? className : '')
-    // @ts-expect-error
-    ,
+    className: "\n        ".concat(bem.b('thead').b('row'), "\n        ").concat(type === 'primary' ? bem.b('thead').b('row').m('primary') : '', " ").concat(headerBgColor != null ? bem.b('thead').b('row').m('header-bg-colored') : '', "\n      ").concat(className !== null && className !== void 0 ? className : ''),
     style: _objectSpread(_objectSpread({}, style !== null && style !== void 0 ? style : {}), {}, {
-      '--th-bg-color': color
+      // @ts-expect-error
+      '--th-bg-color': headerBgColor,
+      '--th-text-color': headerTextColor !== null && headerTextColor !== void 0 ? headerTextColor : '#fff'
     })
   }, props), children, showSetting ? /*#__PURE__*/React.createElement("th", {
     className: "ant-table-cell ".concat(bem.b('setting'), " ").concat(type === 'primary' ? bem.b('setting').m('primary') : '')

package/dist/table/components/primary-header-row/index.scss

@@ -4,16 +4,18 @@
       &--primary {
         th {
           background-color: var(--ant-color-primary) !important;
-          color: #fff !important;
         }
       }
 
-      &--colored {
+      &--header-bg-colored {
         th {
           background-color: var(--th-bg-color) !important;
-          color: #fff !important;
         }
       }
+
+      th {
+        color: var(--th-text-color) !important;
+      }
     }
   }
 
@@ -50,7 +52,7 @@
     &__icon {
       cursor: pointer;
       path {
-        fill: var(--ant-color-text-tertiary);
+        fill: var(--th-text-color) !important;
       }
     }
 

package/dist/table/index.d.ts

@@ -11,7 +11,8 @@ export type { ColumnFilterItem, ColumnTitle, ColumnTitleProps, CompareFn, Expand
 export interface TableProps<T = AnyObject> extends Omit<AntTableProps<T>, 'columns'> {
     columns?: ColumnsType<T>;
     type?: 'primary' | 'default';
-    color?: string;
+    headerBgColor?: string;
+    headerTextColor?: string;
     showSetting?: boolean;
 }
 export interface ColumnType<T = AnyObject> extends Omit<AntColumnType<T>, 'key'> {
@@ -35,7 +36,8 @@ export interface ITableRowContext {
     updateKeys?: (keys: React.Key[]) => void;
     showSetting?: boolean;
     type?: 'primary' | 'default';
-    color?: string;
+    headerBgColor?: string;
+    headerTextColor?: string;
 }
 export declare const TableRowContext: React.Context<ITableRowContext>;
 declare const Table: RefTable & {

package/dist/table/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["type", "showSetting", "columns", "components", "color"];
+var _excluded = ["type", "showSetting", "columns", "components", "headerBgColor", "headerTextColor"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -29,7 +29,8 @@ var InternalTable = function InternalTable(_ref, ref) {
     showSetting = _ref.showSetting,
     columns = _ref.columns,
     components = _ref.components,
-    color = _ref.color,
+    headerBgColor = _ref.headerBgColor,
+    headerTextColor = _ref.headerTextColor,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
@@ -127,7 +128,8 @@ var InternalTable = function InternalTable(_ref, ref) {
       updateKeys: updateKeys,
       showSetting: showSetting,
       type: type,
-      color: color
+      headerBgColor: headerBgColor,
+      headerTextColor: headerTextColor
     }
   }, /*#__PURE__*/React.createElement(AntTable, _extends({}, rest, {
     ref: ref,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yootd",
-  "version": "0.0.69",
+  "version": "0.0.70",
   "description": "A react library developed with dumi",
   "license": "MIT",
   "module": "dist/index.js",