@rainbow-oh/yee-c 0.4.1 → 0.4.2

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-30T03:06:46.452Z
+ * 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-30T03:06:46.452Z
+ * 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.1";
+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.1";
+var version = "0.4.2";
 if (typeof window !== "undefined") {
   window.__yee_c_version__ = version;
 }

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,

package/dist/esm/Ellipsis/ellipsis.js

@@ -17,6 +17,7 @@ import { motion } from 'motion/react';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import Button from "../Button";
 import useMergedState from "../hooks/useMergedState";
+import { useLocale } from "../locale";
 import "./style/index.less";
 var DEFAULT_LINE_HEIGHT = 22;
 var DEFAULT_ANIMATION_DURATION = 300;
@@ -50,6 +51,9 @@ var Ellipsis = function Ellipsis(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     maxHeight = _useState4[0],
     setMaxHeight = _useState4[1];
+  var _useLocale = useLocale(),
+    locale = _useLocale.locale;
+  var ellipsisLocale = locale.ellipsis;
   var _useMergedState = useMergedState(defaultExpanded, {
       value: controlledExpanded
     }),
@@ -79,8 +83,7 @@ var Ellipsis = function Ellipsis(props) {
     onExpand === null || onExpand === void 0 || onExpand(next);
   };
   var isCollapsed = !mergedExpanded && needEllipsis;
-  var isZhCN = typeof document !== 'undefined' ? (document.documentElement.lang || 'zh-CN').startsWith('zh') : true;
-  var buttonText = mergedExpanded ? collapseText !== null && collapseText !== void 0 ? collapseText : isZhCN ? '收起' : 'Collapse' : expandText !== null && expandText !== void 0 ? expandText : isZhCN ? '展开' : 'Expand';
+  var buttonText = mergedExpanded ? collapseText !== null && collapseText !== void 0 ? collapseText : ellipsisLocale.collapse : expandText !== null && expandText !== void 0 ? expandText : ellipsisLocale.expand;
   var renderButton = function renderButton() {
     if (!showExpandButton || !needEllipsis) return null;
     if (mergedExpanded) {

package/dist/esm/Form/Form.js

@@ -15,7 +15,7 @@ import useEvent from "../hooks/useEvent";
 import mergeContextToProps from "../utils/mergeContextToProps";
 import FieldContext from "./FieldContext";
 import FormContext from "./FormContext";
-import useForm from "./useForm";
+import useForm from "./hooks/useForm";
 import "./style/index.less";
 var Form = function Form(baseprops) {
   var _useContext = useContext(GlobalContext),

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

@@ -44,8 +44,8 @@ export var FormStore = /*#__PURE__*/function () {
     _defineProperty(this, "initialValues", {});
     // List key manager
     _defineProperty(this, "listKeyManagers", new Map());
-    // Default validation message
-    _defineProperty(this, "defaultValidateMessage", 'This is required field.');
+    // Default validation message (overridden by useForm via locale)
+    _defineProperty(this, "defaultValidateMessage", '');
     // useWatch subscription management
     _defineProperty(this, "watchers", new Map());
     // Field.Group group validators

package/dist/esm/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/esm/Form/{useForm.js → hooks/useForm.js}

@@ -174,8 +174,8 @@
 // }
 
 import { useRef } from 'react';
-import { useLocale } from "../locale";
-import { FormStore } from "./form-store";
+import { useLocale } from "../../locale";
+import { FormStore } from "../form-store";
 export default function useForm(form) {
   var _useLocale = useLocale(),
     locale = _useLocale.locale;
@@ -184,10 +184,9 @@ export default function useForm(form) {
     if (form) {
       formRef.current = form;
     } else {
-      var _locale$form;
       var formStore = new FormStore();
       // 设置默认验证消息
-      formStore.setDefaultValidateMessage(((_locale$form = locale.form) === null || _locale$form === void 0 ? void 0 : _locale$form.defaultRequiredMessage) || '该项为必填项');
+      formStore.setDefaultValidateMessage(locale.form.defaultRequiredMessage);
       formRef.current = formStore.getForm();
     }
   }

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

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

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

@@ -0,0 +1,9 @@
+import { useContext } from 'react';
+import FieldContext from "../FieldContext";
+export default function useFormInstance() {
+  var form = useContext(FieldContext);
+  if (typeof form.getFieldsValue !== 'function') {
+    throw new Error('useFormInstance must be used inside a <Form>');
+  }
+  return form;
+}

package/dist/{cjs/Form → esm/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/esm/Form/{useWatch.js → hooks/useWatch.js}

@@ -5,7 +5,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useContext, useLayoutEffect, useState } from 'react';
-import FieldContext from "./FieldContext";
+import FieldContext from "../FieldContext";
 function useWatch(namePath, form) {
   // eslint-disable-next-line react-hooks/rules-of-hooks
   var formInstance = form !== null && form !== void 0 ? form : useContext(FieldContext);

package/dist/esm/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/esm/Form/index.js

@@ -2,11 +2,13 @@ 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";
 var Form = InternalForm;
 Form.useForm = useForm;
 Form.useWatch = useWatch;
+Form.useFormInstance = useFormInstance;
 var FormField = Field;
 FormField.Group = Group;
 Form.Field = FormField;