@para-ui/core 4.0.85 → 4.0.88

package/Cascader/index.js

@@ -1,16 +1,15 @@
-import { C as Cascader } from '../_verture/index-78f0f0e7.js';
-export { C as default } from '../_verture/index-78f0f0e7.js';
+import { C as Cascader } from '../_verture/index-99b02582.js';
+export { C as default } from '../_verture/index-99b02582.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import 'react/jsx-runtime';
-import '../_verture/index-1856bbeb.js';
-import '../_verture/defineProperty-6f62bb2a.js';
-import '../_verture/typeof-adeedc13.js';
+import '../_verture/index-9e4b0e32.js';
+import '../_verture/defineProperty-f0e15205.js';
 import '../_verture/toConsumableArray-599cd94a.js';
 import '../_verture/slicedToArray-61604a6c.js';
-import '../_verture/Portal-502bb85e.js';
+import '../_verture/Portal-274c5bd8.js';
 import 'react';
 import 'react-dom';
-import '../_verture/useState-f2419d68.js';
+import '../_verture/useState-05fc6660.js';
 import '../_verture/typeof-6ec38efd.js';
 import 'rc-motion';
 import 'clsx';

package/Checkbox/index.d.ts

@@ -37,6 +37,7 @@ export interface CheckboxProps {
         type?: string;
         value?: any;
         checked?: any;
+        readOnly?: boolean;
         [name: string]: any;
     };
     /** 改变时间 */

package/Checkbox/index.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
+import { useState, useRef, useEffect } from 'react';
 import Label from '../Label/index.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { Tooltip } from '../Tooltip/index.js';
@@ -29,27 +29,48 @@ const Checkbox = props => {
     style
   } = props;
   const [checkedCom, setCheckedCom] = useState(false); // 复选框状态
+  const inputRef = useRef(null);
   useEffect(() => {
     if (props.defaultChecked !== undefined) setCheckedCom(props.defaultChecked);
   }, []);
   useEffect(() => {
     if (props.checked !== undefined) setCheckedCom(props.checked);
   }, [props.checked]);
-  // 点击选择
-  const clickCheck = e => {
-    e.preventDefault();
+  // 半选态只有 class,没有原生属性,需要通过 ref 同步 input.indeterminate
+  useEffect(() => {
+    if (inputRef.current) inputRef.current.indeterminate = indeterminate;
+  }, [indeterminate]);
+  // 原生 change 事件:浏览器已经完成真实的 checked 切换,e.target.checked 是准确的新值。
+  // 之前挂在外层 label 上、靠 e.preventDefault() 拦截原生切换再手动置反的写法,
+  // 在真实浏览器里会和原生「取消激活」时序打架,导致原生 checked 与组件状态各算各的、彼此不同步;
+  // 交给 input 自己的 onChange 处理不存在这个问题。
+  const handleChange = e => {
     if (disabled) return;
     if (indeterminate) {
-      // 不可受控组件
+      // 半选态点击后固定进入全选,不看这次原生切换的结果
       if (props.checked === undefined) setCheckedCom(true);
       onChange && onChange(e, true);
       return;
     }
+    const next = e.target.checked;
     // 不可受控组件
-    if (props.checked === undefined) setCheckedCom(!checkedCom);
-    e.target.checked = !checkedCom;
-    e.target.value = !checkedCom;
-    onChange && onChange(e, !checkedCom);
+    if (props.checked === undefined) setCheckedCom(next);
+    onChange && onChange(e, next);
+  };
+  // <Label> 内部渲染的标题/提示文字本身也是一个 <label> 标签(嵌套 label,非法但既有结构不改)。
+  // 原生「点击 label 转发到关联控件」的规则里,点击目标本身若是 label 元素,只有离它最近的
+  // 祖先 label 会尝试转发,而这层内层 label 没有关联的表单控件,到此为止,不会继续冒泡去找外层
+  // label——点标题文字因此不会触发任何变化。这里手动补一次 input.click():它和用户真实点击走的
+  // 是完全相同的原生激活流程(不是 preventDefault + 手动置反),只是 isTrusted 为 false。
+  const handleLabelClick = e => {
+    var _a;
+    if (disabled) return;
+    const target = e.target;
+    if (target === inputRef.current) return; // 点在 input 本身上,原生行为已经处理
+    const nestedLabel = target.closest('label');
+    if (nestedLabel && nestedLabel !== e.currentTarget) {
+      (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+    }
   };
   // 处理class
   const handClass = () => {
@@ -87,15 +108,19 @@ const Checkbox = props => {
   const contentRender = () => {
     return jsxs("label", Object.assign({
       className: handClass(),
-      onClick: clickCheck,
-      style: handStyle()
+      style: handStyle(),
+      onClick: handleLabelClick
     }, {
       children: [jsxs("span", Object.assign({
         className: "checkbox-box"
       }, {
         children: [jsx("input", Object.assign({
           type: "checkbox",
-          value: checkedCom
+          ref: inputRef,
+          checked: checkedCom,
+          disabled: disabled,
+          onChange: handleChange,
+          "aria-checked": indeterminate ? 'mixed' : checkedCom
         }, props.inputProps)), jsx("span", {
           className: "checkbox-box-inner"
         })]

package/ComboSelect/index.js

@@ -6,7 +6,7 @@ import SearchIcon from '@para-ui/icons/Search';
 import Close from '@para-ui/icons/Close';
 import CloseCircleF from '@para-ui/icons/CloseCircleF';
 import Table from '../Table/index.js';
-import { T as Tree } from '../_verture/index-d068959c.js';
+import { T as Tree } from '../_verture/index-62845506.js';
 import { B as Button } from '../_verture/index-98ae8a30.js';
 import { D as Dropdown } from '../_verture/index-bde7aabe.js';
 import { Popover } from '../Popover/index.js';
@@ -24,8 +24,6 @@ import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { Search } from '../Search/index.js';
 import LoadingOutlined from '@para-ui/icons/LoadingF';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/typeof-adeedc13.js';
-import '../_verture/slicedToArray-61604a6c.js';
 import '../Checkbox/index.js';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
@@ -37,7 +35,6 @@ import '@para-ui/icons/UpTriangleF';
 import '@para-ui/icons/DownTriangleF';
 import '@para-ui/icons/Panel';
 import '../Empty/index.js';
-import '../_verture/defineProperty-6f62bb2a.js';
 import '../_verture/index-0f5ee6f7.js';
 import '../_verture/sortable.esm-76fe46a4.js';
 import '../Radio/index.js';
@@ -60,6 +57,8 @@ import '@para-ui/icons/DoubleRight';
 import '../ScrollBar/index.js';
 import '../_verture/useResizeObserver-edda059a.js';
 import '../_verture/toConsumableArray-599cd94a.js';
+import '../_verture/slicedToArray-61604a6c.js';
+import '../_verture/defineProperty-f0e15205.js';
 import '../_verture/index-8ac46bd9.js';
 import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree';

package/CycleSelector/index.js

@@ -19,9 +19,6 @@ import 'rc-picker/es/generate/dayjs';
 import '../Tag/index.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import '@para-ui/icons/EditOutline';
-import '../_verture/toConsumableArray-599cd94a.js';
-import '../_verture/slicedToArray-61604a6c.js';
-import '../_verture/typeof-adeedc13.js';
 import '../AutoTips/index.js';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
@@ -32,7 +29,7 @@ import '../_verture/useResizeObserver-edda059a.js';
 import '../_verture/tinycolor-ece3542d.js';
 import '../_verture/useGlobalProps-4ae1a007.js';
 import '@para-ui/icons/Plus';
-import '../_verture/defineProperty-6f62bb2a.js';
+import '../_verture/defineProperty-f0e15205.js';
 import 'rc-picker';
 import '@para-ui/icons/CloseCircleF';
 import '@para-ui/icons/Calendar';

package/DatePicker/index.js

@@ -2,7 +2,7 @@ import dayjsGenerateConfig from 'rc-picker/es/generate/dayjs';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { B as Button } from '../_verture/index-98ae8a30.js';
 import { Tag } from '../Tag/index.js';
-import { _ as _defineProperty } from '../_verture/defineProperty-6f62bb2a.js';
+import { a as _defineProperty } from '../_verture/defineProperty-f0e15205.js';
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import React__default, { forwardRef, useImperativeHandle } from 'react';
 import clsx from 'clsx';
@@ -35,9 +35,6 @@ import '@para-ui/icons/WarningCircleF';
 import '../_verture/usePopupContainer-635f66f4.js';
 import '@para-ui/icons/Close';
 import '@para-ui/icons/EditOutline';
-import '../_verture/toConsumableArray-599cd94a.js';
-import '../_verture/slicedToArray-61604a6c.js';
-import '../_verture/typeof-adeedc13.js';
 import '../_verture/tinycolor-ece3542d.js';
 import '../_verture/useGlobalProps-4ae1a007.js';
 import '@para-ui/icons/Plus';

package/DynamicMultiBox/index.js

@@ -53,8 +53,6 @@ import '@para-ui/icons/Up';
 import '../MultiBox/index.js';
 import '@para-ui/icons/Internet';
 import '../Table/index.js';
-import '../_verture/typeof-adeedc13.js';
-import '../_verture/slicedToArray-61604a6c.js';
 import '../_verture/index-98ae8a30.js';
 import '@para-ui/icons/CheckCircleF';
 import '@para-ui/icons/WarningCircle';
@@ -62,7 +60,6 @@ import '@para-ui/icons/WarningCircleF';
 import '@para-ui/icons/ScreenF';
 import '@para-ui/icons/UpTriangleF';
 import '@para-ui/icons/DownTriangleF';
-import '../_verture/defineProperty-6f62bb2a.js';
 import '../Radio/index.js';
 import '../OperateBtn/index.js';
 import '@para-ui/icons/More';
@@ -75,8 +72,10 @@ import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
 import '../ScrollBar/index.js';
 import '../_verture/useResizeObserver-edda059a.js';
-import '../_verture/index-d068959c.js';
+import '../_verture/index-62845506.js';
 import '../_verture/toConsumableArray-599cd94a.js';
+import '../_verture/slicedToArray-61604a6c.js';
+import '../_verture/defineProperty-f0e15205.js';
 import '../_verture/index-8ac46bd9.js';
 import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree';

package/FieldForm/index.js

@@ -1,12 +1,11 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import React__default, { useRef, useState, useMemo as useMemo$2, useContext, useEffect, createContext, isValidElement, forwardRef, useImperativeHandle, memo, useLayoutEffect, Children, cloneElement } from 'react';
-import { _ as _objectSpread2, d as warningOnce, b as _objectWithoutProperties, a as _extends, c as clsx, r as reactIs } from '../_verture/index-1856bbeb.js';
-import { _ as _typeof } from '../_verture/typeof-adeedc13.js';
+import { _ as _objectSpread2, d as warningOnce, b as _objectWithoutProperties, a as _extends, c as clsx, r as reactIs } from '../_verture/index-9e4b0e32.js';
+import { _ as _typeof, a as _defineProperty } from '../_verture/defineProperty-f0e15205.js';
 import { _ as _toConsumableArray } from '../_verture/toConsumableArray-599cd94a.js';
-import { d as _toArray, g as _isNativeReflectConstruct, h as _setPrototypeOf, j as _getPrototypeOf, _ as _inherits, a as _createSuper, b as _classCallCheck, k as _assertThisInitialized, c as _createClass, t as toArray$4, e as interopRequireWildcard, i as interopRequireDefault, l as default_1$2, m as _default$2 } from '../_verture/useState-f2419d68.js';
-import { _ as _defineProperty } from '../_verture/defineProperty-6f62bb2a.js';
-import { i as isEqual } from '../_verture/isEqual-30b6f859.js';
+import { d as _toArray, g as _isNativeReflectConstruct, h as _setPrototypeOf, j as _getPrototypeOf, _ as _inherits, a as _createSuper, b as _classCallCheck, k as _assertThisInitialized, c as _createClass, t as toArray$4, e as interopRequireWildcard, i as interopRequireDefault, l as default_1$2, m as _default$2 } from '../_verture/useState-05fc6660.js';
+import { i as isEqual } from '../_verture/isEqual-38aa74f9.js';
 import { _ as _slicedToArray } from '../_verture/slicedToArray-61604a6c.js';
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';

package/Form/index.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { DeepClone } from '@paraview/lib';
 import React__default from 'react';
-import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-73a11529.js';
+import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-32a8f7db.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import '../TextField/index.js';
@@ -56,12 +56,10 @@ import 'rc-input-number';
 import '@para-ui/icons/Up';
 import '../ComboSelect/index.js';
 import '../Table/index.js';
-import '../_verture/typeof-adeedc13.js';
 import '@para-ui/icons/ScreenF';
 import '@para-ui/icons/UpTriangleF';
 import '@para-ui/icons/DownTriangleF';
 import '@para-ui/icons/Panel';
-import '../_verture/defineProperty-6f62bb2a.js';
 import '../_verture/index-0f5ee6f7.js';
 import '../_verture/sortable.esm-76fe46a4.js';
 import '../OperateBtn/index.js';
@@ -75,8 +73,9 @@ import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
 import '../ScrollBar/index.js';
-import '../_verture/index-d068959c.js';
+import '../_verture/index-62845506.js';
 import '../_verture/toConsumableArray-599cd94a.js';
+import '../_verture/defineProperty-f0e15205.js';
 import '../_verture/index-8ac46bd9.js';
 import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree';

package/FormItem/index.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-73a11529.js';
+export { F as default } from '../_verture/index-32a8f7db.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-5317fc89.js';
@@ -56,12 +56,10 @@ import 'rc-input-number';
 import '@para-ui/icons/Up';
 import '../ComboSelect/index.js';
 import '../Table/index.js';
-import '../_verture/typeof-adeedc13.js';
 import '@para-ui/icons/ScreenF';
 import '@para-ui/icons/UpTriangleF';
 import '@para-ui/icons/DownTriangleF';
 import '@para-ui/icons/Panel';
-import '../_verture/defineProperty-6f62bb2a.js';
 import '../_verture/index-0f5ee6f7.js';
 import '../_verture/sortable.esm-76fe46a4.js';
 import '../OperateBtn/index.js';
@@ -75,8 +73,9 @@ import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
 import '../ScrollBar/index.js';
-import '../_verture/index-d068959c.js';
+import '../_verture/index-62845506.js';
 import '../_verture/toConsumableArray-599cd94a.js';
+import '../_verture/defineProperty-f0e15205.js';
 import '../_verture/index-8ac46bd9.js';
 import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree';

package/Image/index.js

@@ -2,14 +2,13 @@ import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { useState, useRef, useEffect, useContext, useMemo } from 'react';
-import { _ as _objectSpread2, w as warning, c as clsx, b as _objectWithoutProperties, a as _extends } from '../_verture/index-1856bbeb.js';
-import { _ as _defineProperty } from '../_verture/defineProperty-6f62bb2a.js';
+import { _ as _objectSpread2, w as warning, c as clsx, b as _objectWithoutProperties, a as _extends } from '../_verture/index-9e4b0e32.js';
+import { a as _defineProperty, _ as _typeof } from '../_verture/defineProperty-f0e15205.js';
 import { _ as _slicedToArray } from '../_verture/slicedToArray-61604a6c.js';
-import { _ as _typeof } from '../_verture/typeof-adeedc13.js';
-import { w as wrapperRaf, P as Portal, K as KeyCode, d as useMergedState } from '../_verture/Portal-502bb85e.js';
+import { w as wrapperRaf, P as Portal, K as KeyCode, d as useMergedState } from '../_verture/Portal-274c5bd8.js';
 import Dialog from 'rc-dialog';
 import ReactDOM from 'react-dom';
-import { i as isEqual } from '../_verture/isEqual-30b6f859.js';
+import { i as isEqual } from '../_verture/isEqual-38aa74f9.js';
 import CSSMotion from 'rc-motion';
 import { _ as _toConsumableArray } from '../_verture/toConsumableArray-599cd94a.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
@@ -1330,7 +1329,7 @@ var ImageInternal = function ImageInternal(props) {
 ImageInternal.PreviewGroup = Group;
 ImageInternal.displayName = 'Image';
 
-var icons = {
+const icons = {
   rotateLeft: jsx(TurnLeft, {
     size: 'large'
   }),
@@ -1355,21 +1354,22 @@ var icons = {
     size: 'large'
   })
 };
-var InternalPreviewGroup = function InternalPreviewGroup(_a) {
-  _a.previewPrefixCls;
-    var preview = _a.preview,
-    _a$children = _a.children,
-    children = _a$children === void 0 ? null : _a$children,
+const InternalPreviewGroup = _a => {
+  var {
+      previewPrefixCls: customizePrefixCls,
+      preview,
+      children = null
+    } = _a,
     props = __rest(_a, ["previewPrefixCls", "preview", "children"]);
-  var imagePrefixCls = "".concat($prefixCls, "-image");
-  var previewPrefixCls = "".concat(imagePrefixCls, "-preview");
-  var mergedPreview = React.useMemo(function () {
+  const imagePrefixCls = "".concat($prefixCls, "-image");
+  const previewPrefixCls = "".concat(imagePrefixCls, "-preview");
+  const mergedPreview = React.useMemo(() => {
     var _a;
     if (preview === false) {
       return preview;
     }
-    var _preview = _typeof(preview) === 'object' ? preview : {};
-    var mergedRootClassName = clsx((_a = _preview.rootClassName) !== null && _a !== void 0 ? _a : '');
+    const _preview = typeof preview === 'object' ? preview : {};
+    const mergedRootClassName = clsx((_a = _preview.rootClassName) !== null && _a !== void 0 ? _a : '');
     return Object.assign(Object.assign({}, _preview), {
       rootClassName: mergedRootClassName
     });