@rainbow-oh/yee-c 0.4.1 → 0.4.3

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

@@ -35,5 +35,5 @@ module.exports = __toCommonJS(basic_exports);
 var import_yee_c = require("../..");
 var import_react = __toESM(require("react"));
 var basic_default = () => {
-  return /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { wrap: true }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, { type: "primary" }, "Primary Button"), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, null, "Children Button"), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, null, "Default Button"), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, { type: "dashed" }, "Dashed Button"), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, { type: "text" }, "Text Button"), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, { type: "link" }, "Link Button"));
+  return /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { wrap: true }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, { type: "primary" }, "Primary Button"), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, null, "Children Button"), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, null, "Default Button"), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, { type: "dashed" }, "Dashed Button"), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, { variant: "filled", type: "text" }, "Text Button"), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, { type: "link" }, "Link Button"));
 };

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

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

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

@@ -0,0 +1,59 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Button/demo/variant.tsx
+var variant_exports = {};
+__export(variant_exports, {
+  default: () => variant_default
+});
+module.exports = __toCommonJS(variant_exports);
+var import_yee_c = require("../..");
+var import_react = __toESM(require("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
+};
+var variant_default = () => {
+  return /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { direction: "horizontal", block: true, gap: 12, wrap: true }, /* @__PURE__ */ import_react.default.createElement("div", { style: rowStyle }, /* @__PURE__ */ import_react.default.createElement("span", { style: labelStyle }, "type"), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { wrap: true }, types.map((t) => /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, { key: t, type: t }, t)))), variants.map((variant) => /* @__PURE__ */ import_react.default.createElement("div", { key: variant, style: rowStyle }, /* @__PURE__ */ import_react.default.createElement("span", { style: labelStyle }, variant), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { wrap: true }, colors.map((color) => /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, { key: color, color, variant }, color))))));
+};

package/dist/cjs/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/cjs/DatePicker/date-picker-mobile.js

@@ -151,7 +151,7 @@ var DatePickerMobile = (props) => {
       closable: false,
       title: null,
       height: "auto",
-      footer: /* @__PURE__ */ import_react.default.createElement(import_Button.default, { block: true, type: "primary", onClick: handleConfirm }, (datepicker == null ? void 0 : datepicker.confirm) || "Confirm")
+      footer: /* @__PURE__ */ import_react.default.createElement(import_Button.default, { block: true, type: "primary", onClick: handleConfirm }, datepicker.confirm)
     },
     /* @__PURE__ */ import_react.default.createElement(
       import_WheelPicker.default,

package/dist/cjs/Ellipsis/ellipsis.js

@@ -66,6 +66,7 @@ var import_react = require("motion/react");
 var import_react2 = __toESM(require("react"));
 var import_Button = __toESM(require("../Button"));
 var import_useMergedState = __toESM(require("../hooks/useMergedState"));
+var import_locale = require("../locale");
 var import_style = require("./style/index.less");
 var DEFAULT_LINE_HEIGHT = 22;
 var DEFAULT_ANIMATION_DURATION = 300;
@@ -102,6 +103,8 @@ var Ellipsis = (props) => {
   const textRef = (0, import_react2.useRef)(null);
   const [needEllipsis, setNeedEllipsis] = (0, import_react2.useState)(false);
   const [maxHeight, setMaxHeight] = (0, import_react2.useState)(0);
+  const { locale } = (0, import_locale.useLocale)();
+  const { ellipsis: ellipsisLocale } = locale;
   const [mergedExpanded, setMergedExpanded] = (0, import_useMergedState.default)(defaultExpanded, {
     value: controlledExpanded
   });
@@ -129,8 +132,7 @@ var Ellipsis = (props) => {
     onExpand == null ? void 0 : onExpand(next);
   };
   const isCollapsed = !mergedExpanded && needEllipsis;
-  const isZhCN = typeof document !== "undefined" ? (document.documentElement.lang || "zh-CN").startsWith("zh") : true;
-  const buttonText = mergedExpanded ? collapseText != null ? collapseText : isZhCN ? "收起" : "Collapse" : expandText != null ? expandText : isZhCN ? "展开" : "Expand";
+  const buttonText = mergedExpanded ? collapseText != null ? collapseText : ellipsisLocale.collapse : expandText != null ? expandText : ellipsisLocale.expand;
   const renderButton = () => {
     if (!showExpandButton || !needEllipsis)
       return null;

package/dist/cjs/Form/Form.js

@@ -68,7 +68,7 @@ var import_useEvent = __toESM(require("../hooks/useEvent"));
 var import_mergeContextToProps = __toESM(require("../utils/mergeContextToProps"));
 var import_FieldContext = __toESM(require("./FieldContext"));
 var import_FormContext = __toESM(require("./FormContext"));
-var import_useForm = __toESM(require("./useForm"));
+var import_useForm = __toESM(require("./hooks/useForm"));
 var import_style = require("./style/index.less");
 var Form = (baseprops) => {
   const { form: _form } = (0, import_react.useContext)(import_Config_Provider.GlobalContext);

package/dist/cjs/Form/form-store.js

@@ -71,8 +71,8 @@ var FormStore = class {
     this.initialValues = {};
     // List key manager
     this.listKeyManagers = /* @__PURE__ */ new Map();
-    // Default validation message
-    this.defaultValidateMessage = "This is required field.";
+    // Default validation message (overridden by useForm via locale)
+    this.defaultValidateMessage = "";
     // useWatch subscription management
     this.watchers = /* @__PURE__ */ new Map();
     // Field.Group group validators
@@ -420,6 +420,9 @@ var FormStore = class {
           } else {
             this.store = __spreadProps(__spreadValues({}, this.store), { [normalizedName]: value });
           }
+          if (value !== void 0) {
+            this.notifyWatchers(normalizedName);
+          }
         }
       }
       (_b = entity.onStoreChange) == null ? void 0 : _b.call(entity);

package/dist/cjs/Form/{useForm.d.ts → hooks/useForm.d.ts}

@@ -1,2 +1,2 @@
-import { FormInstance } from './interface';
+import { FormInstance } from '../interface';
 export default function useForm<Values = any>(form?: FormInstance<Values>): [FormInstance<Values>];

package/dist/cjs/Form/{useForm.js → hooks/useForm.js}

@@ -16,17 +16,16 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/Form/useForm.ts
+// src/Form/hooks/useForm.ts
 var useForm_exports = {};
 __export(useForm_exports, {
   default: () => useForm
 });
 module.exports = __toCommonJS(useForm_exports);
 var import_react = require("react");
-var import_locale = require("../locale");
-var import_form_store = require("./form-store");
+var import_locale = require("../../locale");
+var import_form_store = require("../form-store");
 function useForm(form) {
-  var _a;
   const { locale } = (0, import_locale.useLocale)();
   const formRef = (0, import_react.useRef)(void 0);
   if (!formRef.current) {
@@ -34,9 +33,7 @@ function useForm(form) {
       formRef.current = form;
     } else {
       const formStore = new import_form_store.FormStore();
-      formStore.setDefaultValidateMessage(
-        ((_a = locale.form) == null ? void 0 : _a.defaultRequiredMessage) || "该项为必填项"
-      );
+      formStore.setDefaultValidateMessage(locale.form.defaultRequiredMessage);
       formRef.current = formStore.getForm();
     }
   }

package/dist/cjs/Form/hooks/useFormInstance.d.ts

@@ -0,0 +1 @@
+export default function useFormInstance(): import("..").FormInstance<any>;

package/dist/cjs/Form/hooks/useFormInstance.js

@@ -0,0 +1,43 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Form/hooks/useFormInstance.ts
+var useFormInstance_exports = {};
+__export(useFormInstance_exports, {
+  default: () => useFormInstance
+});
+module.exports = __toCommonJS(useFormInstance_exports);
+var import_react = require("react");
+var import_FieldContext = __toESM(require("../FieldContext"));
+function useFormInstance() {
+  const form = (0, import_react.useContext)(import_FieldContext.default);
+  if (typeof form.getFieldsValue !== "function") {
+    throw new Error("useFormInstance must be used inside a <Form>");
+  }
+  return form;
+}

package/dist/{esm/Form → cjs/Form/hooks}/useWatch.d.ts

@@ -1,3 +1,3 @@
-import type { FormInstance, NamePath } from './interface';
+import type { FormInstance, NamePath } from '../interface';
 declare function useWatch<T = any>(namePath?: NamePath, form?: FormInstance): T | undefined;
 export default useWatch;

package/dist/cjs/Form/{useWatch.js → hooks/useWatch.js}

@@ -26,14 +26,14 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/Form/useWatch.ts
+// src/Form/hooks/useWatch.ts
 var useWatch_exports = {};
 __export(useWatch_exports, {
   default: () => useWatch_default
 });
 module.exports = __toCommonJS(useWatch_exports);
 var import_react = require("react");
-var import_FieldContext = __toESM(require("./FieldContext"));
+var import_FieldContext = __toESM(require("../FieldContext"));
 function useWatch(namePath, form) {
   const formInstance = form != null ? form : (0, import_react.useContext)(import_FieldContext.default);
   const isWatchAll = namePath === void 0;
@@ -46,10 +46,12 @@ function useWatch(namePath, form) {
     const getWatchedValue = () => isWatchAll ? formInstance.getFieldsValue() : formInstance.getFieldValue(
       Array.isArray(namePath) ? namePath.join(".") : namePath
     );
-    const unsubscribe = formInstance.subscribe(namePath, () => {
+    const update = () => {
       const newValue = getWatchedValue();
       setValue((prev) => prev === newValue ? prev : newValue);
-    });
+    };
+    const unsubscribe = formInstance.subscribe(namePath, update);
+    update();
     return unsubscribe;
   }, [formInstance, namePath]);
   return value;

package/dist/cjs/Form/index.d.ts

@@ -2,14 +2,16 @@ import Field from './Field';
 import InternalForm from './Form';
 import Group from './Group';
 import List from './List';
-import useForm from './useForm';
-import useWatch from './useWatch';
+import useForm from './hooks/useForm';
+import useFormInstance from './hooks/useFormInstance';
+import useWatch from './hooks/useWatch';
 type FieldInterface = typeof Field & {
     Group: typeof Group;
 };
 type FormInterface = typeof InternalForm & {
     useForm: typeof useForm;
     useWatch: typeof useWatch;
+    useFormInstance: typeof useFormInstance;
     Field: FieldInterface;
     List: typeof List;
 };

package/dist/cjs/Form/index.js

@@ -36,11 +36,13 @@ var import_Field = __toESM(require("./Field"));
 var import_Form = __toESM(require("./Form"));
 var import_Group = __toESM(require("./Group"));
 var import_List = __toESM(require("./List"));
-var import_useForm = __toESM(require("./useForm"));
-var import_useWatch = __toESM(require("./useWatch"));
+var import_useForm = __toESM(require("./hooks/useForm"));
+var import_useFormInstance = __toESM(require("./hooks/useFormInstance"));
+var import_useWatch = __toESM(require("./hooks/useWatch"));
 var Form = import_Form.default;
 Form.useForm = import_useForm.default;
 Form.useWatch = import_useWatch.default;
+Form.useFormInstance = import_useFormInstance.default;
 var FormField = import_Field.default;
 FormField.Group = import_Group.default;
 Form.Field = FormField;

package/dist/cjs/Input/password.js

@@ -64,6 +64,7 @@ module.exports = __toCommonJS(password_exports);
 var import_lucide_react = require("lucide-react");
 var import_react = __toESM(require("react"));
 var import_Config_Provider = require("../Config-Provider");
+var import_locale = require("../locale");
 var import_mergeContextToProps = __toESM(require("../utils/mergeContextToProps"));
 var import_input = __toESM(require("./input"));
 var import_style = require("./style/index.less");
@@ -71,6 +72,8 @@ var Password = (0, import_react.forwardRef)(
   (baseProps, ref) => {
     const { password } = (0, import_react.useContext)(import_Config_Provider.GlobalContext);
     const props = (0, import_mergeContextToProps.default)(baseProps, password);
+    const { locale } = (0, import_locale.useLocale)();
+    const { input: inputLocale } = locale;
     const _a = props, {
       visibilityToggle = true,
       prefixCls = "yee-input-password",
@@ -103,7 +106,7 @@ var Password = (0, import_react.forwardRef)(
           onKeyDown: handleKeyDown,
           tabIndex: 0,
           role: "button",
-          "aria-label": "隐藏密码"
+          "aria-label": inputLocale.hidePassword
         }
       ) : /* @__PURE__ */ import_react.default.createElement(
         import_lucide_react.Eye,
@@ -114,7 +117,7 @@ var Password = (0, import_react.forwardRef)(
           onKeyDown: handleKeyDown,
           tabIndex: 0,
           role: "button",
-          "aria-label": "显示密码"
+          "aria-label": inputLocale.showPassword
         }
       );
       return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, icon, suffix);

package/dist/cjs/Pagination/pagination.js

@@ -68,6 +68,7 @@ var import_Config_Provider = require("../Config-Provider");
 var import_Input = __toESM(require("../Input"));
 var import_Select = __toESM(require("../Select"));
 var import_useMergedState = __toESM(require("../hooks/useMergedState"));
+var import_locale = require("../locale");
 var import_mergeContextToProps = __toESM(require("../utils/mergeContextToProps"));
 var import_items = __toESM(require("./items"));
 var import_style = require("./style/index.less");
@@ -75,6 +76,8 @@ var Pagination = import_react.default.forwardRef(
   (baseprops, ref) => {
     const { pagination } = (0, import_react.useContext)(import_Config_Provider.GlobalContext);
     const props = (0, import_mergeContextToProps.default)(baseprops, pagination);
+    const { locale } = (0, import_locale.useLocale)();
+    const { pagination: paginationLocale } = locale;
     const _a = props, {
       prefixCls = "yee-pagination",
       disabled,
@@ -281,7 +284,7 @@ var Pagination = import_react.default.forwardRef(
       if (!showQuickJumper || simple) {
         return null;
       }
-      return /* @__PURE__ */ import_react.default.createElement("li", { className: `${prefixCls}-quick-jumper`, key: "quick-jumper" }, /* @__PURE__ */ import_react.default.createElement("span", null, "Go to"), renderNumber(clear));
+      return /* @__PURE__ */ import_react.default.createElement("li", { className: `${prefixCls}-quick-jumper`, key: "quick-jumper" }, /* @__PURE__ */ import_react.default.createElement("span", null, paginationLocale.jumpTo), renderNumber(clear));
     };
     if (hideOnSinglePage && pageCount <= 1 || pageCount === 0) {
       return null;

package/dist/cjs/RangePicker/range-picker-mobile.js

@@ -295,7 +295,7 @@ var RangePickerMobile = (props) => {
           onClick: () => handleRangeClick(rangeValue)
         },
         label
-      ))), /* @__PURE__ */ import_react.default.createElement(import_Button.default, { block: true, type: "primary", onClick: handleTabConfirm }, activeTab === "start" ? (rangepicker == null ? void 0 : rangepicker.next) || "Next" : (rangepicker == null ? void 0 : rangepicker.confirm) || "Confirm"))
+      ))), /* @__PURE__ */ import_react.default.createElement(import_Button.default, { block: true, type: "primary", onClick: handleTabConfirm }, activeTab === "start" ? rangepicker.next : rangepicker.confirm))
     },
     /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-mobile-tabs` }, /* @__PURE__ */ import_react.default.createElement(
       "button",
@@ -307,7 +307,7 @@ var RangePickerMobile = (props) => {
         onClick: () => setActiveTab("start"),
         type: "button"
       },
-      (rangepicker == null ? void 0 : rangepicker.startPlaceholder) || "开始日期"
+      rangepicker.startPlaceholder
     ), /* @__PURE__ */ import_react.default.createElement(
       "button",
       {
@@ -318,7 +318,7 @@ var RangePickerMobile = (props) => {
         onClick: () => setActiveTab("end"),
         type: "button"
       },
-      (rangepicker == null ? void 0 : rangepicker.endPlaceholder) || "结束日期"
+      rangepicker.endPlaceholder
     )),
     currentColumns.hasColumns && /* @__PURE__ */ import_react.default.createElement(
       import_WheelPicker.default,

package/dist/cjs/Space/compact.js

@@ -82,7 +82,7 @@ var Compact = (0, import_react.forwardRef)((props, ref) => {
     (child, index) => {
       if (import_react.default.isValidElement(child)) {
         const first = index === 0;
-        const middle = index > 0 && index < total;
+        const middle = index > 0 && index < total - 1;
         const last = index > 0 && index === total - 1;
         const props2 = child.props;
         return import_react.default.cloneElement(child, {

package/dist/cjs/Space/demo/compact.js

@@ -35,17 +35,5 @@ module.exports = __toCommonJS(compact_exports);
 var import_yee_c = require("../..");
 var import_react = __toESM(require("react"));
 var compact_default = () => {
-  return /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space.Compact, null, /* @__PURE__ */ import_react.default.createElement("input", { placeholder: "Enter name", style: { padding: "4px 11px" } }), /* @__PURE__ */ import_react.default.createElement(
-    "button",
-    {
-      type: "button",
-      style: {
-        background: "#1890ff",
-        color: "white",
-        border: "none",
-        padding: "4px 11px"
-      }
-    },
-    "Submit"
-  ));
+  return /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space.Compact, null, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Input, { placeholder: "Enter name" }), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, { type: "primary" }, "Submit"));
 };

package/dist/cjs/Space/space.js

@@ -115,6 +115,7 @@ var Space = (0, import_react.forwardRef)((baseprops, ref) => {
     if (!children) {
       return null;
     }
+    let loopCount = 1;
     const loop = (childs2) => {
       let res = [];
       childs2.forEach((child, index) => {
@@ -123,6 +124,7 @@ var Space = (0, import_react.forwardRef)((baseprops, ref) => {
         const itemStyle = isItem ? child.props.style : void 0;
         const itemChildren = isItem ? child.props.children : child;
         if (import_react.default.isValidElement(child) && child.type === import_react.default.Fragment) {
+          loopCount++;
           res = res.concat(
             loop(import_react.default.Children.toArray(child.props.children))
           );
@@ -137,7 +139,7 @@ var Space = (0, import_react.forwardRef)((baseprops, ref) => {
                   itemClassName
                 ),
                 style: __spreadValues(__spreadValues({}, styles == null ? void 0 : styles.item), itemStyle),
-                key: index
+                key: `${loopCount}-${index}`
               },
               itemChildren
             )

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;