musae 1.3.1-beta.15 → 1.3.1-beta.16

package/dist/components/input/input.cjs

@@ -18,7 +18,8 @@ var context = require('./context.cjs');
 var theme = require('../theme/theme.cjs');
 var useThemeColorVars = require('../../hooks/use-theme-color-vars.cjs');
 
-var _excluded = ["className", "style", "type", "variant", "shaped", "invalid", "disabled", "maxLength", "value", "onBlur", "onChange", "onClick", "onFocus", "leading", "trailing", "label", "inputClassName"];
+var _excluded = ["className", "style", "type", "variant", "shaped", "invalid", "disabled", "maxLength", "value", "onBlur", "onChange", "onClick", "onFocus", "leading", "trailing", "label", "inputClassName"],
+  _excluded2 = ["click"];
 /**
  * @author murukal
  * @zh 输入组件
@@ -87,13 +88,15 @@ var Input = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     };
   }, []);
   // input events
-  var inputEvents = hooks.useInputEvents({
-    setValue: _setValue,
-    onBlur: onBlur,
-    onChange: onChange,
-    onClick: onClick,
-    onFocus: onFocus
-  });
+  var _useInputEvents = hooks.useInputEvents({
+      setValue: _setValue,
+      onBlur: onBlur,
+      onChange: onChange,
+      onClick: onClick,
+      onFocus: onFocus
+    }),
+    click = _useInputEvents.click,
+    inputEvents = _objectWithoutProperties(_useInputEvents, _excluded2);
   // is focused
   var _useFocus = relax.useFocus({
       onBlur: inputEvents.blur,
@@ -125,7 +128,8 @@ var Input = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         var _inputRef$current5;
         (_inputRef$current5 = inputRef.current) === null || _inputRef$current5 === void 0 || _inputRef$current5.focus();
       }
-    }
+    },
+    onClick: click
   }), !!leading && (/*#__PURE__*/React.createElement("div", {
     className: className.stringify(classNames.leading, styled.leading.className),
     style: styled.leading.style
@@ -139,7 +143,6 @@ var Input = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     "aria-invalid": invalid,
     disabled: disabled,
     onChange: inputEvents.change,
-    onClick: inputEvents.click,
     maxLength: maxLength
   }, inputProps), focusProps)), /*#__PURE__*/React.createElement("div", {
     className: className.stringify(classNames.outline, styled.outline.className),

package/dist/components/input/input.mjs

@@ -14,7 +14,8 @@ import { CLASS_NAMES } from './context.mjs';
 import { $body } from '../theme/theme.mjs';
 import { useThemeColorVars } from '../../hooks/use-theme-color-vars.mjs';
 
-var _excluded = ["className", "style", "type", "variant", "shaped", "invalid", "disabled", "maxLength", "value", "onBlur", "onChange", "onClick", "onFocus", "leading", "trailing", "label", "inputClassName"];
+var _excluded = ["className", "style", "type", "variant", "shaped", "invalid", "disabled", "maxLength", "value", "onBlur", "onChange", "onClick", "onFocus", "leading", "trailing", "label", "inputClassName"],
+  _excluded2 = ["click"];
 /**
  * @author murukal
  * @zh 输入组件
@@ -83,13 +84,15 @@ var Input = /*#__PURE__*/forwardRef(function (_ref, ref) {
     };
   }, []);
   // input events
-  var inputEvents = useInputEvents({
-    setValue: _setValue,
-    onBlur: onBlur,
-    onChange: onChange,
-    onClick: onClick,
-    onFocus: onFocus
-  });
+  var _useInputEvents = useInputEvents({
+      setValue: _setValue,
+      onBlur: onBlur,
+      onChange: onChange,
+      onClick: onClick,
+      onFocus: onFocus
+    }),
+    click = _useInputEvents.click,
+    inputEvents = _objectWithoutProperties(_useInputEvents, _excluded2);
   // is focused
   var _useFocus = useFocus({
       onBlur: inputEvents.blur,
@@ -121,7 +124,8 @@ var Input = /*#__PURE__*/forwardRef(function (_ref, ref) {
         var _inputRef$current5;
         (_inputRef$current5 = inputRef.current) === null || _inputRef$current5 === void 0 || _inputRef$current5.focus();
       }
-    }
+    },
+    onClick: click
   }), !!leading && (/*#__PURE__*/React.createElement("div", {
     className: stringify(classNames.leading, styled.leading.className),
     style: styled.leading.style
@@ -135,7 +139,6 @@ var Input = /*#__PURE__*/forwardRef(function (_ref, ref) {
     "aria-invalid": invalid,
     disabled: disabled,
     onChange: inputEvents.change,
-    onClick: inputEvents.click,
     maxLength: maxLength
   }, inputProps), focusProps)), /*#__PURE__*/React.createElement("div", {
     className: stringify(classNames.outline, styled.outline.className),

package/dist/components/select/select.cjs

@@ -30,6 +30,7 @@ var Select = function Select(_ref) {
     value = _ref.value,
     onChange = _ref.onChange,
     onBlur = _ref.onBlur,
+    label = _ref.label,
     _ref$invalid = _ref.invalid,
     invalid = _ref$invalid === void 0 ? false : _ref$invalid,
     placeholder = _ref.placeholder,
@@ -111,6 +112,7 @@ var Select = function Select(_ref) {
       onOpen: open,
       onClear: onClear ? clear : void 0,
       placeholder: placeholder,
+      label: label,
       disabled: disabled,
       invalid: invalid,
       onClick: function onClick() {

package/dist/components/select/select.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { SelectProps, ValueOrValues } from "../../types/select";
-declare const Select: <T extends ValueOrValues = ValueOrValues>({ mode, searchable: _searchable, onSearch, className, style, options, onFilter, complex, value, onChange, onBlur, invalid, placeholder, onClear, disabled, }: SelectProps<T>) => React.JSX.Element;
+declare const Select: <T extends ValueOrValues = ValueOrValues>({ mode, searchable: _searchable, onSearch, className, style, options, onFilter, complex, value, onChange, onBlur, label, invalid, placeholder, onClear, disabled, }: SelectProps<T>) => React.JSX.Element;
 export default Select;

package/dist/components/select/select.mjs

@@ -26,6 +26,7 @@ var Select = function Select(_ref) {
     value = _ref.value,
     onChange = _ref.onChange,
     onBlur = _ref.onBlur,
+    label = _ref.label,
     _ref$invalid = _ref.invalid,
     invalid = _ref$invalid === void 0 ? false : _ref$invalid,
     placeholder = _ref.placeholder,
@@ -107,6 +108,7 @@ var Select = function Select(_ref) {
       onOpen: open,
       onClear: onClear ? clear : void 0,
       placeholder: placeholder,
+      label: label,
       disabled: disabled,
       invalid: invalid,
       onClick: function onClick() {

package/dist/components/select/selector.cjs

@@ -24,6 +24,7 @@ var Selector = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onClear = _ref.onClear,
     onClick = _ref.onClick,
     placeholder = _ref.placeholder,
+    label = _ref.label,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$invalid = _ref.invalid,
@@ -57,6 +58,7 @@ var Selector = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     ref: ref,
     value: searchable ? keyword : multiple ? "" : selectedValue,
     placeholder: searchable && !multiple ? selectedValue || placeholder : placeholder,
+    label: label,
     className: styled.input.className,
     style: styled.input.style,
     onChange: searchable ? search : undefined,

package/dist/components/select/selector.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import type { InputRef } from "../../types/input";
-declare const Selector: React.ForwardRefExoticComponent<import("../../types/element").ComponentProps & Pick<import("@aiszlab/relax/types").RequiredIn<import("../../types/select").SelectProps<import("../../types/select").ValueOrValues>, "searchable" | "onSearch">, "mode" | "disabled" | "onBlur" | "onClear" | "invalid" | "placeholder" | "searchable" | "onSearch"> & {
+declare const Selector: React.ForwardRefExoticComponent<import("../../types/element").ComponentProps & Pick<import("@aiszlab/relax/types").RequiredIn<import("../../types/select").SelectProps<import("../../types/select").ValueOrValues>, "searchable" | "onSearch">, "mode" | "disabled" | "label" | "onBlur" | "onClear" | "invalid" | "placeholder" | "searchable" | "onSearch"> & {
     value: Map<React.Key, React.ReactNode>;
     keyword: string;
     onChange: (key: React.Key) => void;

package/dist/components/select/selector.mjs

@@ -20,6 +20,7 @@ var Selector = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onClear = _ref.onClear,
     onClick = _ref.onClick,
     placeholder = _ref.placeholder,
+    label = _ref.label,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$invalid = _ref.invalid,
@@ -53,6 +54,7 @@ var Selector = /*#__PURE__*/forwardRef(function (_ref, ref) {
     ref: ref,
     value: searchable ? keyword : multiple ? "" : selectedValue,
     placeholder: searchable && !multiple ? selectedValue || placeholder : placeholder,
+    label: label,
     className: styled.input.className,
     style: styled.input.style,
     onChange: searchable ? search : undefined,

package/dist/types/select.d.ts

@@ -14,7 +14,7 @@ export type ValueOrValues = Value[] | Value;
  * @description
  * select props
  */
-export type SelectProps<T extends ValueOrValues = ValueOrValues> = ComponentProps & Pick<InputProps, "onBlur"> & {
+export type SelectProps<T extends ValueOrValues = ValueOrValues> = ComponentProps & Pick<InputProps, "onBlur" | "label"> & {
     /**
      * @description
      * options
@@ -98,7 +98,7 @@ export type Filter = (option: Option) => boolean;
  * @zh 选择器属性
  * @en Selector props
  */
-export type SelectorProps = ComponentProps & Pick<RequiredIn<SelectProps, "searchable" | "onSearch">, "searchable" | "mode" | "onSearch" | "onBlur" | "placeholder" | "disabled" | "invalid" | "onClear"> & {
+export type SelectorProps = ComponentProps & Pick<RequiredIn<SelectProps, "searchable" | "onSearch">, "searchable" | "mode" | "onSearch" | "onBlur" | "placeholder" | "label" | "disabled" | "invalid" | "onClear"> & {
     /**
      * @zh 已选值
      * @en Selected values

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "musae",
-  "version": "1.3.1-beta.15",
+  "version": "1.3.1-beta.16",
   "description": "musae-ui",
   "author": "tutu@fantufantu.com",
   "license": "MIT",