musae 1.0.27-beta.22 → 1.0.27-beta.24

package/dist/components/calendar/calendar.cjs

@@ -38,6 +38,7 @@ var Calendar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className$1 = _ref.className,
     style = _ref.style,
     value = _ref.value,
+    disabledDate = _ref.disabledDate,
     _onClick = _ref.onClick;
   var classNames = useClassNames.useClassNames(context.CLASS_NAMES);
   var _useValue = hooks.useValue({
@@ -59,6 +60,7 @@ var Calendar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     timespan: timespan,
     focusedAt: focusedAt,
     onClick: onClick,
+    disabledDate: disabledDate,
     classNames: classNames
   });
   var headCells = hooks.useHeadCells({

package/dist/components/calendar/calendar.d.ts

@@ -3,5 +3,6 @@ import type { CalendarRef } from "../../types/calendar";
 declare const Calendar: React.ForwardRefExoticComponent<import("../../types/element").ComponentProps & {
     value?: import("dayjs").Dayjs | [import("@aiszlab/relax/types").Partialable<import("dayjs").Dayjs>, import("@aiszlab/relax/types").Partialable<import("dayjs").Dayjs>];
     onClick?: (value: import("dayjs").Dayjs) => void;
+    disabledDate?: (date: import("dayjs").Dayjs) => boolean;
 } & React.RefAttributes<CalendarRef>>;
 export default Calendar;

package/dist/components/calendar/calendar.mjs

@@ -34,6 +34,7 @@ var Calendar = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     style = _ref.style,
     value = _ref.value,
+    disabledDate = _ref.disabledDate,
     _onClick = _ref.onClick;
   var classNames = useClassNames(CLASS_NAMES);
   var _useValue = useValue({
@@ -55,6 +56,7 @@ var Calendar = /*#__PURE__*/forwardRef(function (_ref, ref) {
     timespan: timespan,
     focusedAt: focusedAt,
     onClick: onClick,
+    disabledDate: disabledDate,
     classNames: classNames
   });
   var headCells = useHeadCells({

package/dist/components/calendar/hooks.cjs

@@ -80,6 +80,7 @@ var useDateCells = function useDateCells(_ref2) {
   var timespan = _ref2.timespan,
     focusedAt = _ref2.focusedAt,
     _onClick = _ref2.onClick,
+    disabledDate = _ref2.disabledDate,
     classNames = _ref2.classNames;
   var _themeColorVars = useThemeColorVars.useThemeColorVars(["secondary-container"]);
   return React.useMemo(function () {
@@ -96,10 +97,11 @@ var useDateCells = function useDateCells(_ref2) {
       var isFrom = timespan.isFrom(currentAt);
       var isTo = timespan.isTo(currentAt);
       var isBetween = timespan.isBetween(currentAt);
-      var isDisabled = currentAt.isBefore(start, "d") || currentAt.isAfter(end, "d");
+      var isHidden = currentAt.isBefore(start, "d") || currentAt.isAfter(end, "d");
+      var isDisabled = isHidden || !!(disabledDate !== null && disabledDate !== void 0 && disabledDate(currentAt));
       var isSelected = isFrom || isTo;
       var styled = {
-        cell: stylex.props(styles.cell, styles.date, isDisabled && styles.hidden, isBetween && styles.range, isFrom && timespan.isRange && styles.from, isTo && timespan.isRange && styles.to, theme.$body.large),
+        cell: stylex.props(styles.cell, styles.date, isHidden && styles.hidden, isBetween && styles.range, isFrom && timespan.isRange && styles.from, isTo && timespan.isRange && styles.to, theme.$body.large),
         trigger: {
           className: "musaex-zzs3sa"
         }
@@ -110,11 +112,12 @@ var useDateCells = function useDateCells(_ref2) {
         className: className.stringify(classNames.dateCell, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, classNames.dateCellSelected, isSelected), classNames.dateCellInRange, !!timespan.isRange && isBetween), classNames.dateCellRangeFrom, !!timespan.isRange && isFrom), classNames.dateCellRangeTo, !!timespan.isRange && isTo), styled.cell.className),
         style: _objectSpread(_objectSpread({}, styled.cell.style), _themeColorVars),
         "aria-selected": isSelected,
-        "aria-hidden": isDisabled
+        "aria-hidden": isHidden
       }, /*#__PURE__*/React.createElement(iconButton.default, {
         variant: isSelected ? "filled" : "text",
         size: "small",
         color: isSelected ? "primary" : "secondary",
+        disabled: isDisabled,
         className: className.stringify(classNames.date, styled.trigger.className),
         style: styled.trigger.style,
         onClick: function onClick() {
@@ -128,7 +131,7 @@ var useDateCells = function useDateCells(_ref2) {
         key: index
       }, cells);
     });
-  }, [focusedAt, timespan, classNames, _onClick, _themeColorVars]);
+  }, [focusedAt, timespan, classNames, _onClick, disabledDate, _themeColorVars]);
 };
 /**
  * @description

package/dist/components/calendar/hooks.d.ts

@@ -15,10 +15,11 @@ export declare const useHeadCells: ({ classNames }: {
  * @description
  * dates
  */
-export declare const useDateCells: ({ timespan, focusedAt, onClick, classNames, }: {
+export declare const useDateCells: ({ timespan, focusedAt, onClick, disabledDate, classNames, }: {
     timespan: Timespan;
     focusedAt: Dayjs;
     onClick: Required<CalendarProps>["onClick"];
+    disabledDate?: CalendarProps["disabledDate"];
     classNames: typeof CLASS_NAMES;
 }) => React.JSX.Element[];
 /**

package/dist/components/calendar/hooks.mjs

@@ -78,6 +78,7 @@ var useDateCells = function useDateCells(_ref2) {
   var timespan = _ref2.timespan,
     focusedAt = _ref2.focusedAt,
     _onClick = _ref2.onClick,
+    disabledDate = _ref2.disabledDate,
     classNames = _ref2.classNames;
   var _themeColorVars = useThemeColorVars(["secondary-container"]);
   return useMemo(function () {
@@ -94,10 +95,11 @@ var useDateCells = function useDateCells(_ref2) {
       var isFrom = timespan.isFrom(currentAt);
       var isTo = timespan.isTo(currentAt);
       var isBetween = timespan.isBetween(currentAt);
-      var isDisabled = currentAt.isBefore(start, "d") || currentAt.isAfter(end, "d");
+      var isHidden = currentAt.isBefore(start, "d") || currentAt.isAfter(end, "d");
+      var isDisabled = isHidden || !!(disabledDate !== null && disabledDate !== void 0 && disabledDate(currentAt));
       var isSelected = isFrom || isTo;
       var styled = {
-        cell: props(styles.cell, styles.date, isDisabled && styles.hidden, isBetween && styles.range, isFrom && timespan.isRange && styles.from, isTo && timespan.isRange && styles.to, $body.large),
+        cell: props(styles.cell, styles.date, isHidden && styles.hidden, isBetween && styles.range, isFrom && timespan.isRange && styles.from, isTo && timespan.isRange && styles.to, $body.large),
         trigger: {
           className: "musaex-zzs3sa"
         }
@@ -108,11 +110,12 @@ var useDateCells = function useDateCells(_ref2) {
         className: stringify(classNames.dateCell, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, classNames.dateCellSelected, isSelected), classNames.dateCellInRange, !!timespan.isRange && isBetween), classNames.dateCellRangeFrom, !!timespan.isRange && isFrom), classNames.dateCellRangeTo, !!timespan.isRange && isTo), styled.cell.className),
         style: _objectSpread(_objectSpread({}, styled.cell.style), _themeColorVars),
         "aria-selected": isSelected,
-        "aria-hidden": isDisabled
+        "aria-hidden": isHidden
       }, /*#__PURE__*/React.createElement(IconButton, {
         variant: isSelected ? "filled" : "text",
         size: "small",
         color: isSelected ? "primary" : "secondary",
+        disabled: isDisabled,
         className: stringify(classNames.date, styled.trigger.className),
         style: styled.trigger.style,
         onClick: function onClick() {
@@ -126,7 +129,7 @@ var useDateCells = function useDateCells(_ref2) {
         key: index
       }, cells);
     });
-  }, [focusedAt, timespan, classNames, _onClick, _themeColorVars]);
+  }, [focusedAt, timespan, classNames, _onClick, disabledDate, _themeColorVars]);
 };
 /**
  * @description

package/dist/components/tabs/tab.cjs

@@ -13,23 +13,19 @@ var Tab = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onClick = _ref.onClick,
     label = _ref.label;
   var _useTabsContext = useTabsContext.useTabsContext(),
-    activeKey = _useTabsContext.activeKey,
     classNames = _useTabsContext.classNames,
     size = _useTabsContext.size;
-  var isActive = activeKey === value;
   var click = relax.useEvent(function () {
     onClick(value);
   });
   var styled = {
-    className: "musaex-1c9xf0i"
+    className: "musaex-101nlry"
   };
   return /*#__PURE__*/React.createElement(button.Button, {
     variant: "text",
-    color: isActive ? "primary" : "secondary",
     ref: ref,
     onClick: click,
     className: className.stringify(classNames.tab, styled.className),
-    ripple: false,
     style: styled.style,
     size: size
   }, label);

package/dist/components/tabs/tab.mjs

@@ -9,23 +9,19 @@ var Tab = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onClick = _ref.onClick,
     label = _ref.label;
   var _useTabsContext = useTabsContext(),
-    activeKey = _useTabsContext.activeKey,
     classNames = _useTabsContext.classNames,
     size = _useTabsContext.size;
-  var isActive = activeKey === value;
   var click = useEvent(function () {
     onClick(value);
   });
   var styled = {
-    className: "musaex-1c9xf0i"
+    className: "musaex-101nlry"
   };
   return /*#__PURE__*/React.createElement(Button, {
     variant: "text",
-    color: isActive ? "primary" : "secondary",
     ref: ref,
     onClick: click,
     className: stringify(classNames.tab, styled.className),
-    ripple: false,
     style: styled.style,
     size: size
   }, label);

package/dist/styles.css

@@ -488,8 +488,8 @@
     transition: transform .3s;
   }
 
-  .musaex-1c9xf0i:not(#\#) {
-    border-radius: 10% 10% 0 0;
+  .musaex-101nlry:not(#\#) {
+    border-radius: 0;
   }
 
   .musaex-3e2p9r:not(#\#) {

package/dist/types/calendar.d.ts

@@ -2,69 +2,77 @@ import type { Dayjs } from "dayjs";
 import type { Partialable } from "@aiszlab/relax/types";
 import type { ComponentProps } from "./element";
 /**
- * @description
  * calendar props
+ * @zh 日历组件属性
  */
 export type CalendarProps = ComponentProps & {
     /**
-     * @description
      * value
+     * @zh 选中值
      * @default void 0
      */
     value?: Dayjs | [Partialable<Dayjs>, Partialable<Dayjs>];
     /**
-     * @description
      * click date handler
+     * @zh 日期点击回调
      * @default void 0
      */
     onClick?: (value: Dayjs) => void;
+    /**
+     * specify the date that cannot be selected
+     * @zh 指定不可选择的日期
+     * @default void 0
+     */
+    disabledDate?: (date: Dayjs) => boolean;
 };
 export type Contribution = {
     /**
-     * @description
      * contributedAt
+     * @zh 贡献日期
      */
     contributedAt: Dayjs;
     /**
-     * @description
      * count
+     * @zh 贡献次数
      */
     count: number;
 };
 /**
- * @description
  * contribution calendar props
+ * @zh 贡献日历组件属性
  */
 export type ContributionCalendarProps = {
     /**
-     * @description
      * year
+     * @zh 年份
      */
     year: number;
     /**
-     * @description
      * contributions
+     * @zh 贡献数据
      */
     contributions?: Contribution[];
     /**
-     * @description
      * gap
+     * @zh 间距
      * @default 5
      */
     gap?: number;
     /**
-     * @description
      * levels
+     * @zh 等级数量
      * @default 5
      */
     levels?: number;
 };
 /**
- * @description calendar ref
+ * calendar ref
+ * @zh 日历组件 ref
  */
 export interface CalendarRef {
     /**
-     * @description reset
+     * reset
+     * @zh 重置
      */
     reset: () => void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "musae",
-  "version": "1.0.27-beta.22",
+  "version": "1.0.27-beta.24",
   "description": "musae-ui",
   "author": "tutu@fantufantu.com",
   "license": "MIT",