@rainbow-oh/yee-c 0.4.0 → 0.4.2

package/dist/cjs/Space/style/index.less

@@ -18,12 +18,22 @@
   }
 
   &-compact {
+    display: inline-flex;
     align-items: flex-end;
 
     &-first-item {
       margin-inline-end: -1px;
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+
+      &:hover,
+      &:active {
+        position: relative;
+        z-index: 1;
+      }
 
       .yee-input-wrapper,
+      .yee-input,
       .yee-tags,
       &.yee-btn {
         border-top-right-radius: 0;
@@ -39,6 +49,13 @@
 
     &-middle-item {
       margin-inline-end: -1px;
+      border-radius: 0;
+
+      &:hover,
+      &:active {
+        position: relative;
+        z-index: 1;
+      }
 
       .yee-input-wrapper,
       .yee-tags,
@@ -52,19 +69,22 @@
         z-index: 1;
       }
     }
+
+    &-last-item {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+
+      .yee-input-wrapper,
+      .yee-tags,
+      &.yee-btn {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+      }
+    }
   }
 
   &-item {
     // flex: 1 1 auto;
     display: inline-flex;
   }
-
-  &-last-item {
-    .yee-input-wrapper,
-    .yee-tags,
-    &.yee-btn {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0;
-    }
-  }
 }

package/dist/cjs/Table/tbody/index.js

@@ -62,13 +62,16 @@ __export(tbody_exports, {
 });
 module.exports = __toCommonJS(tbody_exports);
 var import_react = __toESM(require("react"));
+var import_locale = require("../../locale");
 var import_table = require("../table");
 var import_lazy_row = __toESM(require("./lazy-row"));
 var import_row = __toESM(require("./row"));
 var TableBody = (props) => {
   const _a = props, { columns, pageData, lazyLoad } = _a, rest = __objRest(_a, ["columns", "pageData", "lazyLoad"]);
   const { prefixCls } = import_react.default.useContext(import_table.TableCtx);
-  const empty = /* @__PURE__ */ import_react.default.createElement("tbody", { className: `${prefixCls}-tbody` }, /* @__PURE__ */ import_react.default.createElement("tr", { className: `${prefixCls}-no-record` }, /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 999 }, "There is no record.")));
+  const { locale } = (0, import_locale.useLocale)();
+  const { table: tableLocale } = locale;
+  const empty = /* @__PURE__ */ import_react.default.createElement("tbody", { className: `${prefixCls}-tbody` }, /* @__PURE__ */ import_react.default.createElement("tr", { className: `${prefixCls}-no-record` }, /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 999 }, tableLocale.emptyText)));
   const dataLength = pageData.length;
   if (dataLength === 0)
     return empty;

package/dist/cjs/Table/theader/filter.js

@@ -41,6 +41,7 @@ var import_Input = __toESM(require("../../Input"));
 var import_Popover = __toESM(require("../../Popover"));
 var import_Space = __toESM(require("../../Space"));
 var import_Tree = __toESM(require("../../Tree"));
+var import_locale = require("../../locale");
 var import_table = require("../table");
 var getStrLower = (str) => {
   if (typeof str === "string") {
@@ -51,6 +52,8 @@ var getStrLower = (str) => {
 var HeaderFilter = import_react.default.memo((props) => {
   const { filter, column, getContainer, onInternalFilter } = props;
   const { prefixCls } = (0, import_react.useContext)(import_table.TableCtx);
+  const { locale } = (0, import_locale.useLocale)();
+  const { table: tableLocale } = locale;
   const { dataIndex } = column;
   const inputRef = (0, import_react.useRef)(null);
   const [open, setOpen] = (0, import_react.useState)(false);
@@ -102,6 +105,7 @@ var HeaderFilter = import_react.default.memo((props) => {
           ok("search");
         }
       },
+      size: "small",
       ref: inputRef
     }
   ) : null;
@@ -120,7 +124,7 @@ var HeaderFilter = import_react.default.memo((props) => {
       dataSource = [
         {
           key: "all",
-          label: "All",
+          label: tableLocale.filterAll,
           children: filteredItems
         }
       ];
@@ -134,15 +138,15 @@ var HeaderFilter = import_react.default.memo((props) => {
         checkedKeys: selectNodes,
         onCheck: (keys) => setSelectNodes(keys)
       }
-    ), /* @__PURE__ */ import_react.default.createElement(import_Divider.default, { style: { margin: "8px 0" } }), /* @__PURE__ */ import_react.default.createElement(import_Space.default, { block: true, style: { justifyContent: "flex-end" } }, /* @__PURE__ */ import_react.default.createElement(import_Button.default, { size: "small", onClick: reset }, "Reset"), /* @__PURE__ */ import_react.default.createElement(import_Button.default, { size: "small", onClick: () => ok("filter"), type: "primary" }, "Confirm")));
+    ), /* @__PURE__ */ import_react.default.createElement(import_Divider.default, { style: { margin: "8px 0" } }), /* @__PURE__ */ import_react.default.createElement(import_Space.default, { block: true, style: { justifyContent: "flex-end" } }, /* @__PURE__ */ import_react.default.createElement(import_Button.default, { size: "small", onClick: reset }, tableLocale.filterReset), /* @__PURE__ */ import_react.default.createElement(import_Button.default, { size: "small", onClick: () => ok("filter"), type: "primary" }, tableLocale.filterConfirm)));
   } else if (searchable) {
     popup = /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_clsx.default)(`${prefixCls}-filter-content`) }, searchInputNode, /* @__PURE__ */ import_react.default.createElement(
       import_Space.default,
       {
         style: { marginTop: 12, justifyContent: "flex-end", width: "100%" }
       },
-      /* @__PURE__ */ import_react.default.createElement(import_Button.default, { size: "small", onClick: reset }, "Reset"),
-      /* @__PURE__ */ import_react.default.createElement(import_Button.default, { size: "small", onClick: () => ok("search"), type: "primary" }, "Confirm")
+      /* @__PURE__ */ import_react.default.createElement(import_Button.default, { size: "small", onClick: reset }, tableLocale.filterReset),
+      /* @__PURE__ */ import_react.default.createElement(import_Button.default, { size: "small", onClick: () => ok("search"), type: "primary" }, tableLocale.filterConfirm)
     ));
   } else {
     return null;
@@ -154,7 +158,8 @@ var HeaderFilter = import_react.default.memo((props) => {
     const trigger = typeof icon === "function" ? icon() : /* @__PURE__ */ import_react.default.createElement(
       import_Button.default,
       {
-        icon: items ? /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Filter, { size: 16, strokeWidth: 1.5 }) : /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Search, { size: 16, strokeWidth: 1.5 }),
+        icon: items ? /* @__PURE__ */ import_react.default.createElement(import_lucide_react.ListFilter, { size: 14, strokeWidth: 1.5 }) : /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Search, { size: 14, strokeWidth: 1.5 }),
+        color: "info",
         type: "text",
         size: "small"
       }

package/dist/cjs/TextArea/textarea.js

@@ -106,6 +106,7 @@ var TextArea = (0, import_react.forwardRef)(
       value,
       defaultValue
     });
+    console.log("mergedValue: ", mergedValue, value);
     (0, import_react.useEffect)(() => {
       const ele = componentRef.current;
       if (ele && autoSize) {
@@ -170,7 +171,7 @@ var TextArea = (0, import_react.forwardRef)(
       return /* @__PURE__ */ import_react.default.createElement(
         "textarea",
         __spreadProps(__spreadValues(__spreadValues({}, rest), props2), {
-          value: mergedValue,
+          value: mergedValue || "",
           onChange: handleChange,
           ref: componentRef
         })

package/dist/cjs/Transfer/transfer-list.js

@@ -55,6 +55,7 @@ var import_react = __toESM(require("react"));
 var import_Button = __toESM(require("../Button"));
 var import_Checkbox = __toESM(require("../Checkbox"));
 var import_Input = __toESM(require("../Input"));
+var import_locale = require("../locale");
 var import_Pagination = __toESM(require("../Pagination"));
 var import_transfer = require("./transfer");
 var TransferList = (props) => {
@@ -71,6 +72,8 @@ var TransferList = (props) => {
     onItemSelectAll
   } = props;
   const { rowKey, rowLabel, disabled, prefixCls } = (0, import_react.useContext)(import_transfer.TransferContext);
+  const { locale } = (0, import_locale.useLocale)();
+  const { transfer: transferLocale } = locale;
   const [searchValue, setSearchValue] = (0, import_react.useState)("");
   const [current, setCurrent] = (0, import_react.useState)(1);
   const [pageSize, setPageSize] = (0, import_react.useState)((_a = pagination == null ? void 0 : pagination.pageSize) != null ? _a : 5);
@@ -149,7 +152,7 @@ var TransferList = (props) => {
       import_Input.default,
       {
         prefix: /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Search, { size: 16 }),
-        placeholder: "Search",
+        placeholder: transferLocale.searchPlaceholder,
         onChange: handleSearch
       }
     ));

package/dist/cjs/locale/interface.d.ts

@@ -26,6 +26,17 @@ export interface LocaleRangePicker {
 export interface LocaleSelect {
     noData: string;
 }
+export interface LocaleInput {
+    showPassword: string;
+    hidePassword: string;
+}
+export interface LocaleEllipsis {
+    expand: string;
+    collapse: string;
+}
+export interface LocaleTransfer {
+    searchPlaceholder: string;
+}
 export interface LocaleWeekPicker {
     weekHeader: string[];
 }
@@ -34,6 +45,7 @@ export interface LocaleTable {
     filterConfirm: string;
     filterReset: string;
     filterEmptyText: string;
+    filterAll: string;
     selectAll?: string;
     selectInvert?: string;
     selectNone?: string;
@@ -92,6 +104,9 @@ export interface Locale {
     datepicker: LocaleDatePicker;
     rangepicker: LocaleRangePicker;
     select: LocaleSelect;
+    input: LocaleInput;
+    ellipsis: LocaleEllipsis;
+    transfer: LocaleTransfer;
     weekpicker: LocaleWeekPicker;
     table: LocaleTable;
     pagination: LocalePagination;

package/dist/cjs/locale/lang/en_US.js

@@ -87,6 +87,17 @@ var locale = {
   select: {
     noData: "No Data"
   },
+  input: {
+    showPassword: "Show password",
+    hidePassword: "Hide password"
+  },
+  ellipsis: {
+    expand: "Expand",
+    collapse: "Collapse"
+  },
+  transfer: {
+    searchPlaceholder: "Search"
+  },
   weekpicker: {
     weekHeader: ["", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]
   },
@@ -95,6 +106,7 @@ var locale = {
     filterConfirm: "Confirm",
     filterReset: "Reset",
     filterEmptyText: "No filters",
+    filterAll: "All",
     selectAll: "Select All",
     selectInvert: "Invert Selection",
     selectNone: "Clear Selection",

package/dist/cjs/locale/lang/ja_JP.js

@@ -87,6 +87,17 @@ var locale = {
   select: {
     noData: "データなし"
   },
+  input: {
+    showPassword: "パスワードを表示",
+    hidePassword: "パスワードを非表示"
+  },
+  ellipsis: {
+    expand: "展開",
+    collapse: "折りたたむ"
+  },
+  transfer: {
+    searchPlaceholder: "検索"
+  },
   weekpicker: {
     weekHeader: ["", "日", "月", "火", "水", "木", "金", "土"]
   },
@@ -95,6 +106,7 @@ var locale = {
     filterConfirm: "確認",
     filterReset: "リセット",
     filterEmptyText: "フィルターなし",
+    filterAll: "すべて",
     selectAll: "すべて選択",
     selectInvert: "選択を反転",
     selectNone: "選択をクリア",

package/dist/cjs/locale/lang/zh_CN.js

@@ -78,6 +78,17 @@ var locale = {
   select: {
     noData: "暂无数据"
   },
+  input: {
+    showPassword: "显示密码",
+    hidePassword: "隐藏密码"
+  },
+  ellipsis: {
+    expand: "展开",
+    collapse: "收起"
+  },
+  transfer: {
+    searchPlaceholder: "搜索"
+  },
   weekpicker: {
     weekHeader: ["", "日", "一", "二", "三", "四", "五", "六"]
   },
@@ -86,6 +97,7 @@ var locale = {
     filterConfirm: "确定",
     filterReset: "重置",
     filterEmptyText: "无筛选条件",
+    filterAll: "全部",
     selectAll: "全选",
     selectInvert: "反选",
     selectNone: "清空选择",

package/dist/cjs/locale/lang/zh_TW.js

@@ -78,6 +78,17 @@ var locale = {
   select: {
     noData: "暫無資料"
   },
+  input: {
+    showPassword: "顯示密碼",
+    hidePassword: "隱藏密碼"
+  },
+  ellipsis: {
+    expand: "展開",
+    collapse: "收合"
+  },
+  transfer: {
+    searchPlaceholder: "搜尋"
+  },
   weekpicker: {
     weekHeader: ["", "日", "一", "二", "三", "四", "五", "六"]
   },
@@ -86,6 +97,7 @@ var locale = {
     filterConfirm: "確定",
     filterReset: "重置",
     filterEmptyText: "無篩選條件",
+    filterAll: "全部",
     selectAll: "全選",
     selectInvert: "反選",
     selectNone: "清空選擇",

package/dist/cjs/style/size.css

@@ -96,7 +96,7 @@
   --yee-btn-border-radius: 4px;
   --yee-btn-loading-margin-inline-end: 6px;
   --yee-btn-border-width: 1px;
-  --yee-btn-solid-active-box-shadow: 0 0 2px 2px rgba(64, 169, 255, 30%);
+  --yee-btn-solid-active-box-shadow: 0 0 4px 0;
   --yee-btn-circle-min-width: 32px;
   --yee-btn-icon-gap: 4px;
   --yee-btn-disabled-opacity: 0.5;

package/dist/cjs/style/themes.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-06-26T09:17:49.742Z
+ * Generated on 2026-07-01T03:21:30.989Z
  */
 
 /* ========== color.blue.css ========== */

package/dist/cjs/style/variables.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-06-26T09:17:49.742Z
+ * Generated on 2026-07-01T03:21:30.989Z
  */
 
 /* ========== color.css ========== */
@@ -1214,7 +1214,7 @@
   --yee-btn-border-radius: 4px;
   --yee-btn-loading-margin-inline-end: 6px;
   --yee-btn-border-width: 1px;
-  --yee-btn-solid-active-box-shadow: 0 0 2px 2px rgba(64, 169, 255, 30%);
+  --yee-btn-solid-active-box-shadow: 0 0 4px 0;
   --yee-btn-circle-min-width: 32px;
   --yee-btn-icon-gap: 4px;
   --yee-btn-disabled-opacity: 0.5;

package/dist/cjs/version.d.ts

@@ -3,4 +3,4 @@ declare global {
         __yee_c_version__: string;
     }
 }
-export declare const version = "0.4.0";
+export declare const version = "0.4.2";

package/dist/cjs/version.js

@@ -22,7 +22,7 @@ __export(version_exports, {
   version: () => version
 });
 module.exports = __toCommonJS(version_exports);
-var version = "0.4.0";
+var version = "0.4.2";
 if (typeof window !== "undefined") {
   window.__yee_c_version__ = version;
 }

package/dist/esm/Anchor/anchor.js

@@ -14,10 +14,9 @@ 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 clsx from 'clsx';
 import { ChevronLeft } from 'lucide-react';
-import React, { createContext, forwardRef, useCallback, useContext, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import React, { createContext, forwardRef, useCallback, useContext, useEffect, useRef, useState } from 'react';
 import { GlobalContext } from "../Config-Provider";
 import useMergedState from "../hooks/useMergedState";
-import debounce from "../utils/debounce";
 import mergeContextToProps from "../utils/mergeContextToProps";
 import AnchorItem from "./anchor-item";
 import "./style/index.less";
@@ -109,30 +108,56 @@ var Anchor = /*#__PURE__*/forwardRef(function (baseprops, ref) {
 
     // Empty array guard
     if (!currentItems || currentItems.length === 0) return;
+
+    // Pick the last anchor whose top has crossed the activation line.
+    var nextActiveKey;
     for (var i = currentItems.length - 1; i >= 0; i--) {
       var item = currentItems[i];
       var target = document.getElementById(item.key);
       if (target) {
         var targetTop = getTargetOffsetTop(target);
         if (scrollTop + offsetTop >= targetTop) {
-          if (activeKeyRef.current !== item.key) {
-            setMergedActiveKey(item.key);
-            onChange === null || onChange === void 0 || onChange(item.key);
-          }
+          nextActiveKey = item.key;
           break;
         }
       }
     }
+
+    // Scrolled above the first anchor — reset to the top item.
+    if (nextActiveKey === undefined) {
+      var first = currentItems.find(function (item) {
+        return document.getElementById(item.key);
+      });
+      nextActiveKey = first === null || first === void 0 ? void 0 : first.key;
+    }
+    if (nextActiveKey && activeKeyRef.current !== nextActiveKey) {
+      setMergedActiveKey(nextActiveKey);
+      onChange === null || onChange === void 0 || onChange(nextActiveKey);
+    }
   }, [auto, anchorList, items, offsetTop, onChange, getTargetOffsetTop]);
   useEffect(function () {
-    var container = containerRef.current;
+    // Resolve in a passive effect: parent-owned refs passed via `getContainer`
+    // aren't attached until after child layout effects run.
+    var container = getContainer ? getContainer() : window;
+    containerRef.current = container;
     if (!container) return;
-    var debouncedScroll = debounce(handleScroll, 100);
-    container.addEventListener('scroll', debouncedScroll);
+
+    // rAF throttle so the active key tracks scroll live.
+    var rafId = null;
+    var onScroll = function onScroll() {
+      if (rafId !== null) return;
+      rafId = requestAnimationFrame(function () {
+        rafId = null;
+        handleScroll();
+      });
+    };
+    container.addEventListener('scroll', onScroll);
     handleScroll();
     return function () {
-      container.removeEventListener('scroll', debouncedScroll);
-      debouncedScroll.cancel();
+      container.removeEventListener('scroll', onScroll);
+      if (rafId !== null) {
+        cancelAnimationFrame(rafId);
+      }
     };
   }, [getContainer, handleScroll]);
 
@@ -155,10 +180,7 @@ var Anchor = /*#__PURE__*/forwardRef(function (baseprops, ref) {
       });
     }
   }, [offsetTop, getTargetOffsetTop]);
-  useLayoutEffect(function () {
-    containerRef.current = getContainer ? getContainer() : window;
-  }, [getContainer]);
-  useLayoutEffect(function () {
+  useEffect(function () {
     if (defaultActiveKey) {
       scrollToAnchor(defaultActiveKey);
     }

package/dist/esm/Button/demo/basic.js

@@ -8,6 +8,7 @@ export default (function () {
   }, "Primary Button"), /*#__PURE__*/React.createElement(Button, null, "Children Button"), /*#__PURE__*/React.createElement(Button, null, "Default Button"), /*#__PURE__*/React.createElement(Button, {
     type: "dashed"
   }, "Dashed Button"), /*#__PURE__*/React.createElement(Button, {
+    variant: "filled",
     type: "text"
   }, "Text Button"), /*#__PURE__*/React.createElement(Button, {
     type: "link"

package/dist/esm/Button/demo/variant.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/esm/Button/demo/variant.js

@@ -0,0 +1,49 @@
+import { Button, Space } from "../..";
+import React from 'react';
+var types = ['primary', 'default', 'dashed', 'text', 'link'];
+var colors = ['default', 'primary', 'success', 'danger', 'warning'];
+var variants = ['solid', 'outlined', 'dashed', 'filled', 'text', 'link'];
+var labelStyle = {
+  flex: '0 0 80px',
+  color: '#969696',
+  fontSize: 14
+};
+var rowStyle = {
+  display: 'flex',
+  alignItems: 'center',
+  gap: 12
+};
+export default (function () {
+  return /*#__PURE__*/React.createElement(Space, {
+    direction: "horizontal",
+    block: true,
+    gap: 12,
+    wrap: true
+  }, /*#__PURE__*/React.createElement("div", {
+    style: rowStyle
+  }, /*#__PURE__*/React.createElement("span", {
+    style: labelStyle
+  }, "type"), /*#__PURE__*/React.createElement(Space, {
+    wrap: true
+  }, types.map(function (t) {
+    return /*#__PURE__*/React.createElement(Button, {
+      key: t,
+      type: t
+    }, t);
+  }))), variants.map(function (variant) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: variant,
+      style: rowStyle
+    }, /*#__PURE__*/React.createElement("span", {
+      style: labelStyle
+    }, variant), /*#__PURE__*/React.createElement(Space, {
+      wrap: true
+    }, colors.map(function (color) {
+      return /*#__PURE__*/React.createElement(Button, {
+        key: color,
+        color: color,
+        variant: variant
+      }, color);
+    })));
+  }));
+});

package/dist/esm/Button/style/index.less

@@ -66,19 +66,28 @@
     background-color: var(--m-btn-color);
 
     &:not(@{pls}-disabled):hover {
-      background-color: var(--m-btn-hover-color);
+      background-color: color-mix(in srgb, var(--m-btn-color), black 12%);
     }
 
     &:not(@{pls}-disabled):active {
-      background-color: var(--m-btn-active-color);
-      box-shadow: var(--yee-btn-solid-active-box-shadow);
+      background-color: color-mix(in srgb, var(--m-btn-color), black 20%);
+      box-shadow: var(--yee-btn-solid-active-box-shadow)
+        var(--m-btn-active-shadow-color);
     }
   }
 
   // 字体颜色，背景是字体颜色的浅色
   &-filled {
-    color: var(--yee-btn-primary-color);
-    background-color: var(--m-btn-color);
+    color: var(--m-btn-color);
+    background-color: color-mix(in srgb, var(--m-btn-color) 10%, transparent);
+
+    &:not(@{pls}-disabled):hover {
+      background-color: color-mix(in srgb, var(--m-btn-color) 16%, transparent);
+    }
+
+    &:not(@{pls}-disabled):active {
+      background-color: color-mix(in srgb, var(--m-btn-color) 22%, transparent);
+    }
   }
 
   &-outlined {
@@ -154,27 +163,56 @@
     --m-btn-border-active-color: var(--yee-primary-color-active);
     --m-btn-active-color: var(--yee-primary-color-active);
     --m-btn-active-bg-color: var(--yee-text-color-auxiliary);
+    --m-btn-active-shadow-color: var(--yee-primary-color-active);
   }
 
   &-primary {
     --m-btn-color: var(--yee-primary-color);
     --m-btn-hover-color: var(--yee-primary-color-hover);
     --m-btn-active-color: var(--yee-primary-color-active);
-    --m-btn-bg-color: var(--yee-btn-success-bg-color);
-    --m-btn-hover-bg-color: var(--yee-btn-success-bg-color);
-    --m-btn-active-bg-color: var(--yee-btn-success-bg-color);
+    --m-btn-bg-color: var(--yee-btn-primary-bg-color);
+    --m-btn-hover-bg-color: var(--yee-primary-color-hover);
+    --m-btn-active-bg-color: var(--yee-primary-color-active);
+    --m-btn-border-color: var(--yee-primary-color);
+    --m-btn-border-hover-color: var(--yee-primary-color-hover);
+    --m-btn-border-active-color: var(--yee-primary-color-active);
+    --m-btn-active-shadow-color: var(--yee-primary-color-active);
   }
 
   &-success {
-    --m-btn-color: var(--yee-btn-success-color);
+    --m-btn-color: var(--yee-success-color);
+    --m-btn-hover-color: var(--yee-success-color-hover);
+    --m-btn-active-color: var(--yee-success-color-active);
+    --m-btn-border-color: var(--yee-success-color);
+    --m-btn-border-hover-color: var(--yee-success-color-hover);
+    --m-btn-border-active-color: var(--yee-success-color-active);
+    --m-btn-hover-bg-color: var(--yee-success-color-hover);
+    --m-btn-active-bg-color: var(--yee-success-color-active);
+    --m-btn-active-shadow-color: var(--yee-success-color-active);
   }
 
   &-danger {
-    --m-btn-color: var(--yee-btn-danger-color);
+    --m-btn-color: var(--yee-error-color);
+    --m-btn-hover-color: var(--yee-error-color-hover);
+    --m-btn-active-color: var(--yee-error-color-active);
+    --m-btn-border-color: var(--yee-error-color);
+    --m-btn-border-hover-color: var(--yee-error-color-hover);
+    --m-btn-border-active-color: var(--yee-error-color-active);
+    --m-btn-hover-bg-color: var(--yee-error-color-hover);
+    --m-btn-active-bg-color: var(--yee-error-color-active);
+    --m-btn-active-shadow-color: var(--yee-error-color-active);
   }
 
   &-warning {
-    --m-btn-color: var(--yee-btn-warning-color);
+    --m-btn-color: var(--yee-warning-color);
+    --m-btn-hover-color: var(--yee-warning-color-hover);
+    --m-btn-active-color: var(--yee-warning-color-active);
+    --m-btn-border-color: var(--yee-warning-color);
+    --m-btn-border-hover-color: var(--yee-warning-color-hover);
+    --m-btn-border-active-color: var(--yee-warning-color-active);
+    --m-btn-hover-bg-color: var(--yee-warning-color-hover);
+    --m-btn-active-bg-color: var(--yee-warning-color-active);
+    --m-btn-active-shadow-color: var(--yee-warning-color-active);
   }
 
   &-disabled {

package/dist/esm/DatePicker/date-picker-mobile.js

@@ -141,7 +141,7 @@ var DatePickerMobile = function DatePickerMobile(props) {
       block: true,
       type: "primary",
       onClick: handleConfirm
-    }, (datepicker === null || datepicker === void 0 ? void 0 : datepicker.confirm) || 'Confirm')
+    }, datepicker.confirm)
   }, /*#__PURE__*/React.createElement(WheelPicker, {
     columns: columns,
     value: wheelValue,