musae 1.3.1-beta.17 → 1.3.1-beta.19

package/dist/components/form/field/field.cjs

@@ -14,7 +14,7 @@ var className = require('@aiszlab/relax/class-name');
 var context = require('../context.cjs');
 var index = require('../hooks/index.cjs');
 
-var _excluded = ["required", "children", "className", "style", "supporting", "name", "rules"];
+var _excluded = ["required", "children", "className", "style", "supporting", "error", "name", "rules"];
 /**
  * @description
  * form item may not has name prop
@@ -26,6 +26,7 @@ var Field = function Field(_ref) {
     className$1 = _ref.className,
     style = _ref.style,
     supporting$1 = _ref.supporting,
+    renderError = _ref.error,
     name = _ref.name,
     rules = _ref.rules,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -62,7 +63,7 @@ var Field = function Field(_ref) {
     className: classNames.item,
     supporting: /*#__PURE__*/React.createElement(React.Fragment, null, !!supporting$1 && /*#__PURE__*/React.createElement(supporting.default, null, supporting$1), /*#__PURE__*/React.createElement(react.AnimatePresence, {
       mode: "wait"
-    }, isInvalid && /*#__PURE__*/React.createElement(error.default, null, error$1)))
+    }, isInvalid && (renderError === false ? null : relax.isFunction(renderError) ? renderError(error$1) : (/*#__PURE__*/React.createElement(error.default, null, error$1)))))
   }, /*#__PURE__*/React.createElement("div", {
     className: className.stringify(classNames.field, className$1),
     style: style

package/dist/components/form/field/field.d.ts

@@ -6,5 +6,5 @@ import type { RequiredIn } from "@aiszlab/relax/types";
  * form item may not has name prop
  * if there is name prop, it will render
  */
-declare const Field: <T extends FieldsValue, FieldKey extends keyof T>({ required, children: _children, className, style, supporting, name, rules, ...props }: RequiredIn<FormItemProps<T, FieldKey>, "name" | "required">) => React.JSX.Element;
+declare const Field: <T extends FieldsValue, FieldKey extends keyof T>({ required, children: _children, className, style, supporting, error: renderError, name, rules, ...props }: RequiredIn<FormItemProps<T, FieldKey>, "name" | "required">) => React.JSX.Element;
 export default Field;

package/dist/components/form/field/field.mjs

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React, { useContext, useMemo, Children, isValidElement, cloneElement } from 'react';
-import { chain } from '@aiszlab/relax';
+import { chain, isFunction } from '@aiszlab/relax';
 import Layout from './layout.mjs';
 import Error from './error.mjs';
 import { AnimatePresence } from 'motion/react';
@@ -10,7 +10,7 @@ import { stringify } from '@aiszlab/relax/class-name';
 import Context from '../context.mjs';
 import { useFormItem } from '../hooks/index.mjs';
 
-var _excluded = ["required", "children", "className", "style", "supporting", "name", "rules"];
+var _excluded = ["required", "children", "className", "style", "supporting", "error", "name", "rules"];
 /**
  * @description
  * form item may not has name prop
@@ -22,6 +22,7 @@ var Field = function Field(_ref) {
     className = _ref.className,
     style = _ref.style,
     supporting = _ref.supporting,
+    renderError = _ref.error,
     name = _ref.name,
     rules = _ref.rules,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -58,7 +59,7 @@ var Field = function Field(_ref) {
     className: classNames.item,
     supporting: /*#__PURE__*/React.createElement(React.Fragment, null, !!supporting && /*#__PURE__*/React.createElement(Supporting, null, supporting), /*#__PURE__*/React.createElement(AnimatePresence, {
       mode: "wait"
-    }, isInvalid && /*#__PURE__*/React.createElement(Error, null, error)))
+    }, isInvalid && (renderError === false ? null : isFunction(renderError) ? renderError(error) : (/*#__PURE__*/React.createElement(Error, null, error)))))
   }, /*#__PURE__*/React.createElement("div", {
     className: stringify(classNames.field, className),
     style: style

package/dist/components/popper/dropdown.cjs

@@ -13,6 +13,7 @@ var hooks = require('./hooks.cjs');
 var dom = require('@aiszlab/relax/dom');
 var context = require('./context.cjs');
 var stylex = require('../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.cjs');
+var tokens_stylex = require('../theme/tokens.stylex.cjs');
 
 var _excluded = ["open", "children", "placement", "style", "className", "onEnter", "onExit", "onExited", "onEntered", "trigger", "offset", "overlay", "arrow", "disappearable", "elevation", "portalClassName", "portalStyle"];
 var Dropdown = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -39,7 +40,7 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     portalStyle = _ref.portalStyle,
     props = _objectWithoutProperties(_ref, _excluded);
   var classNames = useClassNames.useClassNames(context.CLASS_NAMES);
-  var themeColorVars = useThemeColorVars.useThemeColorVars(["surface"]);
+  var themeColorVars = useThemeColorVars.useThemeColorVars(["surface", ["shadow", tokens_stylex.OPACITY.thicker], ["shadow", tokens_stylex.OPACITY.thick], ["shadow", tokens_stylex.OPACITY.medium]]);
   var _useFloating = hooks.useFloating({
       arrowable: arrowable,
       offset: offset,

package/dist/components/popper/dropdown.mjs

@@ -9,6 +9,7 @@ import { useFloating } from './hooks.mjs';
 import { contains } from '@aiszlab/relax/dom';
 import { CLASS_NAMES } from './context.mjs';
 import { props } from '../../node_modules/.pnpm/@stylexjs_stylex@0.19.0/node_modules/@stylexjs/stylex/lib/es/stylex.mjs';
+import { OPACITY } from '../theme/tokens.stylex.mjs';
 
 var _excluded = ["open", "children", "placement", "style", "className", "onEnter", "onExit", "onExited", "onEntered", "trigger", "offset", "overlay", "arrow", "disappearable", "elevation", "portalClassName", "portalStyle"];
 var Dropdown = /*#__PURE__*/forwardRef(function (_ref, ref) {
@@ -35,7 +36,7 @@ var Dropdown = /*#__PURE__*/forwardRef(function (_ref, ref) {
     portalStyle = _ref.portalStyle,
     props$1 = _objectWithoutProperties(_ref, _excluded);
   var classNames = useClassNames(CLASS_NAMES);
-  var themeColorVars = useThemeColorVars(["surface"]);
+  var themeColorVars = useThemeColorVars(["surface", ["shadow", OPACITY.thicker], ["shadow", OPACITY.thick], ["shadow", OPACITY.medium]]);
   var _useFloating = useFloating({
       arrowable: arrowable,
       offset: offset,

package/dist/components/popper/hooks.cjs

@@ -141,7 +141,7 @@ var useFloating = function useFloating(_ref2) {
     }, _callee2);
   })));
   // memorized offsets
-  useOffsets({
+  var offsets = useOffsets({
     offset: _offset,
     arrowable: arrowable
   });
@@ -153,7 +153,7 @@ var useFloating = function useFloating(_ref2) {
     var cleanup = dom.autoUpdate(trigger, _floatable, function () {
       dom.computePosition(trigger, _floatable, {
         placement: placement,
-        middleware: [dom.flip(), dom.shift(), arrowable && !!arrowRef.current && dom.arrow({
+        middleware: [dom.offset(offsets), dom.flip(), dom.shift(), arrowable && !!arrowRef.current && dom.arrow({
           element: arrowRef.current,
           padding: 16
         })]

package/dist/components/popper/hooks.mjs

@@ -4,7 +4,7 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import { useRef, useEffect, useMemo } from 'react';
 import { animate } from 'motion/react';
 import { isFunction, useEvent } from '@aiszlab/relax';
-import { autoUpdate, computePosition, flip, shift, arrow } from '@floating-ui/dom';
+import { autoUpdate, computePosition, offset, flip, shift, arrow } from '@floating-ui/dom';
 
 /**
  * @description
@@ -139,7 +139,7 @@ var useFloating = function useFloating(_ref2) {
     }, _callee2);
   })));
   // memorized offsets
-  useOffsets({
+  var offsets = useOffsets({
     offset: _offset,
     arrowable: arrowable
   });
@@ -151,7 +151,7 @@ var useFloating = function useFloating(_ref2) {
     var cleanup = autoUpdate(trigger, _floatable, function () {
       computePosition(trigger, _floatable, {
         placement: placement,
-        middleware: [flip(), shift(), arrowable && !!arrowRef.current && arrow({
+        middleware: [offset(offsets), flip(), shift(), arrowable && !!arrowRef.current && arrow({
           element: arrowRef.current,
           padding: 16
         })]

package/dist/components/popper/styles.cjs

@@ -32,7 +32,7 @@ var dropdown = {
     $$css: true
   },
   elevation: {
-    kGVxlE: "musaex-16g3oyh",
+    ku685b: "musaex-qmh4cb",
     $$css: true
   }
 };

package/dist/components/popper/styles.d.ts

@@ -26,7 +26,7 @@ declare const styles: {
             readonly opacity: import("@stylexjs/stylex").StyleXClassNameFor<"opacity", 0>;
         }>;
         readonly elevation: Readonly<{
-            readonly boxShadow: import("@stylexjs/stylex").StyleXClassNameFor<"boxShadow", string>;
+            readonly filter: import("@stylexjs/stylex").StyleXClassNameFor<"filter", "drop-shadow(0 3px 3px var(--color-shadow-opacity-20))\n             drop-shadow(0 3px 4px var(--color-shadow-opacity-16))\n             drop-shadow(0 1px 8px var(--color-shadow-opacity-12))">;
         }>;
     }>;
     arrow: Readonly<{

package/dist/components/popper/styles.mjs

@@ -28,7 +28,7 @@ var dropdown = {
     $$css: true
   },
   elevation: {
-    kGVxlE: "musaex-16g3oyh",
+    ku685b: "musaex-qmh4cb",
     $$css: true
   }
 };

package/dist/styles.css

@@ -1044,6 +1044,10 @@
     fill: none;
   }
 
+  .musaex-qmh4cb {
+    filter: drop-shadow(0 3px 3px var(--color-shadow-opacity-20)) drop-shadow(0 3px 4px var(--color-shadow-opacity-16)) drop-shadow(0 1px 8px var(--color-shadow-opacity-12));
+  }
+
   .musaex-1t1x2f9 {
     flex-basis: 0%;
   }

package/dist/types/form.d.ts

@@ -164,6 +164,11 @@ interface FormItemProps<T extends FieldsValue, FieldKey extends keyof T> {
      * supporting
      */
     supporting?: ReactNode;
+    /**
+     * @zh 自定义错误消息的渲染方式
+     * @en Customize how the error message is rendered
+     */
+    error?: false | ((error: ReactNode) => ReactNode);
     /**
      * label
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "musae",
-  "version": "1.3.1-beta.17",
+  "version": "1.3.1-beta.19",
   "description": "musae-ui",
   "author": "tutu@fantufantu.com",
   "license": "MIT",
@@ -51,7 +51,7 @@
   },
   "dependencies": {
     "@aiszlab/fuzzy": "^2.1.1",
-    "@aiszlab/relax": "2.1.3-beta.10",
+    "@aiszlab/relax": "2.1.3-beta.13",
     "@babel/runtime": "^7.28.6",
     "@floating-ui/dom": "^1.7.5",
     "@lexical/code": "^0.40.0",