@para-ui/core 4.0.48 → 4.0.50

package/Tag/index.js

@@ -4,6 +4,9 @@ import { useState, useRef, useEffect } from 'react';
 import Close from '@para-ui/icons/Close';
 import EditOutline from '@para-ui/icons/EditOutline';
 import clsx from 'clsx';
+import { _ as _toConsumableArray } from '../_verture/toConsumableArray-c7a8028f.js';
+import { _ as _typeof } from '../_verture/typeof-adeedc13.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-75fa4188.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import AutoTips from '../AutoTips/index.js';
 import { t as tinycolor } from '../_verture/tinycolor-ece3542d.js';
@@ -21,102 +24,129 @@ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/1/12 上
 styleInject(css_248z);
 
 //tag group
-const TagGroup = props => {
-  const {
-    className,
-    size = 'large',
-    style,
-    defaultInputValue,
-    increased = false,
-    increasedTag,
-    inputClassName,
-    inputWidth,
-    marginBottom = '8px',
-    marginRight = '8px',
-    onChange
-  } = useGlobalProps(props, 'TagGroup');
-  const [inData, setInData] = useState([]); //数据源
-  const [inputValue, setInputValue] = useState(defaultInputValue !== null && defaultInputValue !== void 0 ? defaultInputValue : ''); //input value
-  const [inputVisible, setInputVisible] = useState(false); //input visible
-  const inputRef = useRef(); //input ref
-  const [increasedInputWidth, setIncreasedInputWidth] = useState(); //添加标签的最小宽
-  useEffect(() => {
+var TagGroup = function TagGroup(props) {
+  var _useGlobalProps = useGlobalProps(props, 'TagGroup'),
+    className = _useGlobalProps.className,
+    _useGlobalProps$size = _useGlobalProps.size,
+    size = _useGlobalProps$size === void 0 ? 'large' : _useGlobalProps$size,
+    style = _useGlobalProps.style,
+    defaultInputValue = _useGlobalProps.defaultInputValue,
+    _useGlobalProps$incre = _useGlobalProps.increased,
+    increased = _useGlobalProps$incre === void 0 ? false : _useGlobalProps$incre,
+    increasedTag = _useGlobalProps.increasedTag,
+    inputClassName = _useGlobalProps.inputClassName,
+    inputWidth = _useGlobalProps.inputWidth,
+    _useGlobalProps$margi = _useGlobalProps.marginBottom,
+    marginBottom = _useGlobalProps$margi === void 0 ? '8px' : _useGlobalProps$margi,
+    _useGlobalProps$margi2 = _useGlobalProps.marginRight,
+    marginRight = _useGlobalProps$margi2 === void 0 ? '8px' : _useGlobalProps$margi2,
+    onChange = _useGlobalProps.onChange;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    inData = _useState2[0],
+    setInData = _useState2[1]; //数据源
+  var _useState3 = useState(defaultInputValue !== null && defaultInputValue !== void 0 ? defaultInputValue : ''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    inputValue = _useState4[0],
+    setInputValue = _useState4[1]; //input value
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    inputVisible = _useState6[0],
+    setInputVisible = _useState6[1]; //input visible
+  var inputRef = useRef(); //input ref
+  var _useState7 = useState(),
+    _useState8 = _slicedToArray(_useState7, 2),
+    increasedInputWidth = _useState8[0],
+    setIncreasedInputWidth = _useState8[1]; //添加标签的最小宽
+  useEffect(function () {
     if (props.data) {
-      let tArr = props.data;
+      var tArr = props.data;
       //Item[]
-      const unObjType = tArr.some(v => ['string', 'number'].includes(typeof v));
+      var unObjType = tArr.some(function (v) {
+        return ['string', 'number'].includes(_typeof(v));
+      });
       if (unObjType) {
-        tArr = tArr.map(_ => ({
-          value: _,
-          label: _
-        }));
+        tArr = tArr.map(function (_) {
+          return {
+            value: _,
+            label: _
+          };
+        });
       }
-      setInData([...tArr]);
+      setInData(_toConsumableArray(tArr));
     }
   }, [props.data]);
   //tag value
-  const getTagGroupVal = data => {
-    return data.map(_ => _.value);
+  var getTagGroupVal = function getTagGroupVal(data) {
+    return data.map(function (_) {
+      return _.value;
+    });
   };
   //show input
-  const showInput = () => {
+  var showInput = function showInput() {
     setInputVisible(true);
-    setTimeout(() => {
+    setTimeout(function () {
       var _a;
       (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     });
   };
-  const handleTagEdit = (value, idx) => {
+  var handleTagEdit = function handleTagEdit(value, idx) {
     inData[idx].value = value;
-    setInData([...inData]);
+    setInData(_toConsumableArray(inData));
     onChange === null || onChange === void 0 ? void 0 : onChange(inData, getTagGroupVal(inData));
   };
   //input change
-  const handleInputChange = e => {
+  var handleInputChange = function handleInputChange(e) {
     setInputValue(e.target.value);
   };
   //input confirm
-  const handleInputConfirm = () => {
-    const val = inputValue.trim();
+  var handleInputConfirm = function handleInputConfirm() {
+    var val = inputValue.trim();
     if (val !== '') {
       inData.push({
         value: val,
         label: val,
         closable: true
       });
-      setInData([...inData]);
+      setInData(_toConsumableArray(inData));
       onChange === null || onChange === void 0 ? void 0 : onChange(inData, getTagGroupVal(inData));
     }
     setInputValue(defaultInputValue !== null && defaultInputValue !== void 0 ? defaultInputValue : '');
     setInputVisible(false);
   };
   //input enter
-  const handleInputEnter = e => {
+  var handleInputEnter = function handleInputEnter(e) {
     if (e.keyCode === 13 || e.which === 13) {
       handleInputConfirm();
     }
   };
   //handle close
-  const handleClose = item => e => {
-    const idx = inData.findIndex(_ => _.value === item.value);
-    if (idx > -1) {
-      inData.splice(idx, 1);
-      setInData([...inData]);
-    }
-    if (item.onClose) item.onClose(e);
-    onChange === null || onChange === void 0 ? void 0 : onChange(inData, getTagGroupVal(inData));
+  var handleClose = function handleClose(item) {
+    return function (e) {
+      var idx = inData.findIndex(function (_) {
+        return _.value === item.value;
+      });
+      if (idx > -1) {
+        inData.splice(idx, 1);
+        setInData(_toConsumableArray(inData));
+      }
+      if (item.onClose) item.onClose(e);
+      onChange === null || onChange === void 0 ? void 0 : onChange(inData, getTagGroupVal(inData));
+    };
   };
   //渲染Tag组
-  const renderTagGroup = () => {
+  var renderTagGroup = function renderTagGroup() {
     if (!(inData === null || inData === void 0 ? void 0 : inData.length)) return null;
-    return inData.map((item, idx) => {
+    return inData.map(function (item, idx) {
       return jsx(Tag, Object.assign({
         marginBottom: marginBottom,
         marginRight: marginRight
       }, item, {
         size: size,
         visible: true,
-        tagChange: value => handleTagEdit(value, idx),
+        tagChange: function tagChange(value) {
+          return handleTagEdit(value, idx);
+        },
         onClose: handleClose(item)
       }, {
         children: item.label
@@ -124,10 +154,10 @@ const TagGroup = props => {
     });
   };
   //动态增加tag
-  const renderNewInput = () => {
+  var renderNewInput = function renderNewInput() {
     var _a;
     if (inputVisible) {
-      const inputCls = clsx('tag-group-input', {
+      var inputCls = clsx('tag-group-input', {
         'tag-group-input-large': size === 'large'
       }, inputClassName);
       return jsx("input", {
@@ -144,17 +174,19 @@ const TagGroup = props => {
         onKeyDown: handleInputEnter
       });
     }
-    let icon = jsx(Plus, {});
-    let text = 'New Tag';
+    var icon = jsx(Plus, {});
+    var text = 'New Tag';
     if (increasedTag) {
       icon = increasedTag.icon || jsx(Plus, {});
       text = (_a = increasedTag.text) !== null && _a !== void 0 ? _a : 'New Tag';
     }
-    const newCls = clsx('tag-group-new', {
+    var newCls = clsx('tag-group-new', {
       'tag-group-new-icon': !text
     }, 'tag-group-add-btn');
     return jsx(Tag, Object.assign({
-      getWidth: width => setIncreasedInputWidth(width),
+      getWidth: function getWidth(width) {
+        return setIncreasedInputWidth(width);
+      },
       className: newCls,
       size: size,
       icon: icon,

package/TimePicker/index.js

@@ -24,10 +24,13 @@ import '@para-ui/icons/Forbid';
 import '../Tag/index.js';
 import '@para-ui/icons/Close';
 import '@para-ui/icons/EditOutline';
+import '../_verture/toConsumableArray-c7a8028f.js';
+import '../_verture/slicedToArray-75fa4188.js';
+import '../_verture/typeof-adeedc13.js';
 import '../_verture/tinycolor-ece3542d.js';
 import '../_verture/useGlobalProps-4ae1a007.js';
 import '@para-ui/icons/Plus';
-import '../_verture/defineProperty-f0e15205.js';
+import '../_verture/defineProperty-6f62bb2a.js';
 import 'rc-picker';
 import '@para-ui/icons/CloseCircleF';
 import '@para-ui/icons/Calendar';

package/Timeline/index.js

@@ -2,9 +2,10 @@ import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React__default from 'react';
 import clsx from 'clsx';
-import { a as _defineProperty } from '../_verture/defineProperty-f0e15205.js';
+import { _ as _defineProperty } from '../_verture/defineProperty-6f62bb2a.js';
 import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../_verture/typeof-adeedc13.js';
 
 //TimelineItem
 var TimelineItem = function TimelineItem(props) {

package/ToggleButton/index.js

@@ -2,7 +2,7 @@ import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx } from 'react/jsx-runtime';
 import { useRef } from 'react';
 import { Button } from '../Button/index.js';
-import { a as _defineProperty } from '../_verture/defineProperty-f0e15205.js';
+import { _ as _defineProperty } from '../_verture/defineProperty-6f62bb2a.js';
 import { UUID } from '@paraview/lib';
 import clsx from 'clsx';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
@@ -20,6 +20,7 @@ import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
 import '../_verture/useFormatMessage-1fc7c957.js';
 import '../_verture/index-ca413216.js';
+import '../_verture/typeof-adeedc13.js';
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/23 上午9:50\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-radio.paraui-v4-toggle-button-selected {\n  border-color: rgb(46, 101, 230);\n  color: rgb(255, 255, 255);\n  background-color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-radio.paraui-v4-toggle-button-selected:hover {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-radio:hover {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-radio[disabled] {\n  color: rgb(161, 168, 179);\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-radio[disabled]:hover {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-radio[disabled].paraui-v4-toggle-button-selected {\n  color: rgb(92, 101, 115);\n  background-color: rgb(247, 248, 250);\n  border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check::before {\n  content: \" \";\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  border: 8px solid rgb(212, 218, 227);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check::after {\n  content: \" \";\n  width: 8px;\n  height: 8px;\n  background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAM5JREFUOE/NkQENwjAURFcFIAEHgIM5YCgAHCABFBAUAA5wABI2CTgABeUd+V06BqFkCeEnl6X9d7d/vy7rWK6jPvu9gfe+z9QnsHDOlV9NgHhk4gpxrvjJBogL+DtwATkG12QDxEvIG3AzcRmW/5gAgsaR+1S54peht+c8s7vxc7+OAFHCIVhBWkfLUm6VliazRsUGAzoy6YEz0LaDeItYMVrVWCJ/nVuUmHhArPuX1XoFTI4wJ8au+NYb/ziBCJZdJqoiPFfyBO+I/2twBz0qQBFvrubpAAAAAElFTkSuQmCC\");\n  background-size: 8px 8px;\n  background-repeat: no-repeat;\n  position: absolute;\n  bottom: 1px;\n  right: 1px;\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check:hover {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check:hover::before {\n  border-color: rgb(87, 131, 235);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check.paraui-v4-toggle-button-selected {\n  border-color: rgb(46, 101, 230);\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check.paraui-v4-toggle-button-selected::before {\n  border-color: rgb(46, 101, 230);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check[disabled] {\n  color: rgb(161, 168, 179);\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check[disabled]::before {\n  border-color: rgb(212, 218, 227);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check[disabled]:hover {\n  color: rgb(161, 168, 179);\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check[disabled]:hover::before {\n  border-color: rgb(212, 218, 227);\n  border-top-color: transparent;\n  border-left-color: transparent;\n}\n.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check[disabled].paraui-v4-toggle-button-selected {\n  color: rgb(92, 101, 115);\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-toggle-button.toggle-button-icon.paraui-v4-toggle-button-selected {\n  border-color: rgb(46, 101, 230);\n  color: rgb(255, 255, 255);\n  background-color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.toggle-button-icon.paraui-v4-toggle-button-selected:hover {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.toggle-button-icon[disabled].paraui-v4-toggle-button-selected {\n  border-color: rgba(255, 255, 255, 0.5);\n}\n.paraui-v4-toggle-button.toggle-button-icon[disabled].paraui-v4-toggle-button-selected::before {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1;\n  content: \"\";\n  background-color: rgba(255, 255, 255, 0.5);\n}\n.paraui-v4-toggle-button.toggle-button-text.paraui-v4-button-text {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-toggle-button.toggle-button-text.paraui-v4-button-text:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.toggle-button-text.paraui-v4-button-text:hover[disabled] {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-toggle-button.toggle-button-text.paraui-v4-toggle-button-selected {\n  color: rgb(46, 101, 230);\n  border: 0;\n  font-weight: 700;\n}\n.paraui-v4-toggle-button.toggle-button-text.paraui-v4-toggle-button-selected:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-toggle-button.toggle-button-text.paraui-v4-toggle-button-selected[disabled] {\n  color: rgb(92, 101, 115);\n  background-color: transparent;\n  border: 0;\n}\n.paraui-v4-toggle-button.toggle-button-text.paraui-v4-toggle-button-selected[disabled]:hover {\n  background-color: transparent;\n}\n.paraui-v4-toggle-button.toggle-button-text.paraui-v4-toggle-button-selected:first-child:before {\n  display: none;\n}\n.paraui-v4-toggle-button.toggle-button-text.paraui-v4-toggle-button-selected::after {\n  display: none;\n}\n.paraui-v4-toggle-button.toggle-button-text[disabled] {\n  color: rgb(161, 168, 179);\n  background-color: transparent;\n  border: 0;\n}\n.paraui-v4-toggle-button.toggle-button-text[disabled]:hover {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-toggle-button-wrap {\n  display: inline-block;\n}\n.paraui-v4-toggle-button .toggle-button-text {\n  width: 100%;\n}\n.paraui-v4-toggle-button-disabled.paraui-v4-toggle-button {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-toggle-button-disabled.paraui-v4-toggle-button:hover {\n  color: rgb(92, 101, 115);\n}\n\n.paraui-v4-togglebutton-group {\n  display: flex;\n  flex-flow: row wrap;\n}\n.paraui-v4-togglebutton-group .toggle-button-item {\n  margin: 0 8px;\n}\n.paraui-v4-togglebutton-group-text .toggle-button-item .paraui-v4-toggle-button {\n  margin: 0;\n  padding: 0 16px;\n}\n.paraui-v4-togglebutton-group-text .toggle-button-item ~ .toggle-button-item .paraui-v4-toggle-button::before {\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  content: \"\";\n  width: 1px;\n  height: 14px;\n  background-color: rgb(212, 218, 227);\n}";
 styleInject(css_248z);

package/Tree/index.js

@@ -1,8 +1,9 @@
-import { T as Tree } from '../_verture/index-72981a9e.js';
-export { T as default } from '../_verture/index-72981a9e.js';
+import { T as Tree } from '../_verture/index-6647cbf6.js';
+export { T as default } from '../_verture/index-6647cbf6.js';
 import '../_verture/toConsumableArray-c7a8028f.js';
 import '../_verture/slicedToArray-75fa4188.js';
-import '../_verture/defineProperty-f0e15205.js';
+import '../_verture/defineProperty-6f62bb2a.js';
+import '../_verture/typeof-adeedc13.js';
 import '../_verture/index-8ac46bd9.js';
 import '../_verture/typeof-6ec38efd.js';
 import '../_verture/tslib.es6-55ed4bd2.js';

package/Upload/index.js

@@ -6,7 +6,7 @@ import clsx from 'clsx';
 import UploadIcon from '@para-ui/icons/UploadFile';
 import LoadingIcon from '@para-ui/icons/Loading';
 import { _ as _toConsumableArray } from '../_verture/toConsumableArray-c7a8028f.js';
-import { _ as _typeof } from '../_verture/defineProperty-f0e15205.js';
+import { _ as _typeof } from '../_verture/typeof-adeedc13.js';
 import { _ as _slicedToArray } from '../_verture/slicedToArray-75fa4188.js';
 import { r as regenerator } from '../_verture/index-8ac46bd9.js';
 import EditOutline from '@para-ui/icons/EditOutline';
@@ -36,8 +36,9 @@ import { Modal } from '../Modal/index.js';
 import '../_verture/typeof-6ec38efd.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
-import '../_verture/Portal-42560ff0.js';
+import '../_verture/Portal-f9bedb3a.js';
 import 'react-dom';
+import '../_verture/defineProperty-6f62bb2a.js';
 import 'rc-dialog';
 import 'rc-motion';
 import '@para-ui/icons/Sort';
@@ -1663,7 +1664,7 @@ var ImgCrop = /*#__PURE__*/forwardRef(function (props, ref) {
   });
 });
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/11 下午1:40\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-upload .component-upload {\n  position: relative;\n  display: inline-block;\n}\n.paraui-v4-upload-loading {\n  pointer-events: none;\n}\n.paraui-v4-upload-drag {\n  position: relative;\n}\n.paraui-v4-upload-drag-loading {\n  pointer-events: none;\n}\n.paraui-v4-upload-drag-hover .upload-drag-container {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-upload-drag .upload-drag-container {\n  display: inline-flex;\n  width: 100%;\n  height: 200px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  font-size: 14px;\n  line-height: 1;\n  border: 1px dashed rgb(212, 218, 227);\n  background-color: rgb(247, 248, 250);\n  border-radius: 4px;\n  cursor: pointer;\n  transition: 0.3s;\n}\n.paraui-v4-upload-drag .upload-drag-container:hover {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-upload-drag .upload-drag-container:hover .upload-drag-text {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-icon {\n  line-height: 0;\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-icon svg {\n  font-size: 48px;\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-icon .upload-drag-loading {\n  animation: uploadLoadingCircle 1s infinite linear;\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-text {\n  margin: 16px 0 10px 0;\n  color: rgb(29, 33, 38);\n  padding: 0 20px;\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-text-loading {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-text-filename {\n  margin-right: 5px;\n  color: rgb(29, 33, 38);\n  word-break: break-all;\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-hint {\n  color: rgb(92, 101, 115);\n  padding: 0 20px;\n  text-align: center;\n  white-space: pre-wrap;\n  line-height: 21px;\n}\n.paraui-v4-upload-drag .component-upload {\n  display: block;\n  max-width: 590px;\n}\n.paraui-v4-upload-drag .component-upload-disabled {\n  color: rgb(92, 101, 115);\n  cursor: not-allowed;\n}\n.paraui-v4-upload-drag .component-upload-disabled > div {\n  width: 100%;\n}\n.paraui-v4-upload-drag .component-upload-disabled .upload-drag-container {\n  cursor: not-allowed;\n}\n.paraui-v4-upload-drag .component-upload-disabled .upload-drag-container:hover {\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-upload-drag .component-upload-disabled .upload-drag-container .upload-drag-icon svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-upload-drag .component-upload-disabled .upload-drag-container .upload-drag-text {\n  color: rgb(92, 101, 115);\n}\n@keyframes uploadLoadingCircle {\n  100% {\n    transform: rotate(360deg);\n  }\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/11 下午1:40\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-upload .component-upload {\n  position: relative;\n  display: inline-block;\n}\n.paraui-v4-upload-loading {\n  pointer-events: none;\n}\n.paraui-v4-upload-drag {\n  position: relative;\n}\n.paraui-v4-upload-drag-loading {\n  pointer-events: none;\n}\n.paraui-v4-upload-drag-hover .upload-drag-container {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-upload-drag .upload-drag-container {\n  display: inline-flex;\n  width: 100%;\n  height: 200px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  font-size: 14px;\n  line-height: 1;\n  border: 1px dashed rgb(212, 218, 227);\n  background-color: rgb(247, 248, 250);\n  border-radius: 4px;\n  cursor: pointer;\n  transition: 0.3s;\n}\n.paraui-v4-upload-drag .upload-drag-container:hover {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-upload-drag .upload-drag-container:hover .upload-drag-text {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-icon {\n  line-height: 0;\n  margin-bottom: 16px;\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-icon svg {\n  font-size: 48px;\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-icon .upload-drag-loading {\n  animation: uploadLoadingCircle 1s infinite linear;\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-text {\n  margin: 0 0 10px 0;\n  color: rgb(29, 33, 38);\n  padding: 0 20px;\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-text-loading {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-text-filename {\n  margin-right: 5px;\n  color: rgb(29, 33, 38);\n  word-break: break-all;\n}\n.paraui-v4-upload-drag .upload-drag-container .upload-drag-hint {\n  color: rgb(92, 101, 115);\n  padding: 0 20px;\n  text-align: center;\n  white-space: pre-wrap;\n  line-height: 21px;\n}\n.paraui-v4-upload-drag .component-upload {\n  display: block;\n  max-width: 590px;\n}\n.paraui-v4-upload-drag .component-upload-disabled {\n  color: rgb(92, 101, 115);\n  cursor: not-allowed;\n}\n.paraui-v4-upload-drag .component-upload-disabled > div {\n  width: 100%;\n}\n.paraui-v4-upload-drag .component-upload-disabled .upload-drag-container {\n  cursor: not-allowed;\n}\n.paraui-v4-upload-drag .component-upload-disabled .upload-drag-container:hover {\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-upload-drag .component-upload-disabled .upload-drag-container .upload-drag-icon svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-upload-drag .component-upload-disabled .upload-drag-container .upload-drag-text {\n  color: rgb(92, 101, 115);\n}\n@keyframes uploadLoadingCircle {\n  100% {\n    transform: rotate(360deg);\n  }\n}";
 styleInject(css_248z);
 
 //upload
@@ -1698,9 +1699,10 @@ const InternalUpload = props => {
       actionRender,
       onPreview,
       removeErrorTip,
-      defaultFile
+      defaultFile,
+      height
     } = props,
-    restProps = __rest(props, ["type", "className", "style", "onStart", "onSuccess", "onError", "onProgress", "onRemove", "beforeUpload", "onChange", "onDrop", "defaultFileList", "fileList", "showUploadList", "maxCount", "children", "itemRender", "showUploadError", "size", "stash", "uploading", "showLoading", "loading", "dragArea", "disabledTooltip", "operateBtnProps", "actionRender", "onPreview", "removeErrorTip", "defaultFile"]);
+    restProps = __rest(props, ["type", "className", "style", "onStart", "onSuccess", "onError", "onProgress", "onRemove", "beforeUpload", "onChange", "onDrop", "defaultFileList", "fileList", "showUploadList", "maxCount", "children", "itemRender", "showUploadError", "size", "stash", "uploading", "showLoading", "loading", "dragArea", "disabledTooltip", "operateBtnProps", "actionRender", "onPreview", "removeErrorTip", "defaultFile", "height"]);
   const intl = useFormatMessage('Upload', localeJson);
   const [uploadFileList, setUploadFileList] = useState(composeDefaultFileList(defaultFileList, defaultFile)); //文件列表
   const [showLoading, setShowLoading] = useState(false); //upload loading
@@ -1909,6 +1911,9 @@ const InternalUpload = props => {
       areaText = text,
       areaDesc = hint
     } = dragArea !== null && dragArea !== void 0 ? dragArea : {};
+    console.log('areaIcon', areaIcon);
+    console.log('areaText', areaText);
+    console.log('areaDesc', areaDesc);
     if (showLoading) {
       areaIcon = jsx(LoadingIcon, {
         className: 'upload-drag-loading'
@@ -1927,15 +1932,15 @@ const InternalUpload = props => {
     }
     const dragNode = jsx(Fragment, {
       children: children ? children : jsxs(Fragment, {
-        children: [jsx("p", Object.assign({
+        children: [areaIcon && jsx("p", Object.assign({
           className: "upload-drag-icon"
         }, {
           children: areaIcon
-        })), jsx("p", Object.assign({
+        })), areaText && jsx("p", Object.assign({
           className: 'upload-drag-text'
         }, {
           children: areaText
-        })), !showLoading && jsx("p", Object.assign({
+        })), !showLoading && areaDesc && jsx("p", Object.assign({
           className: "upload-drag-hint"
         }, {
           children: areaDesc
@@ -1948,12 +1953,18 @@ const InternalUpload = props => {
       disabled: true
     }, {
       children: jsx("div", Object.assign({
+        style: {
+          height
+        },
         className: 'upload-drag-container'
       }, {
         children: dragNode
       }))
     }));
     return jsx("div", Object.assign({
+      style: {
+        height
+      },
       className: 'upload-drag-container'
     }, {
       children: dragNode

package/Upload/interface.d.ts

@@ -167,6 +167,8 @@ export interface UploadProps<T = any> {
     removeErrorTip?: boolean;
     /** 默认文件 */
     defaultFile?: UploadFile<T>;
+    /** 上传高度 */
+    height?: number | string;
 }
 interface IActions {
     onRemove: () => void;

package/Utils/Hooks/useResizeObserver.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    /** 监听元素 */
+    dom: Element;
+    /** 回调 */
+    cb: () => void;
+}
+declare const useResizeObserver: (props: Props) => void;
+export default useResizeObserver;

package/_verture/{Portal-42560ff0.js → Portal-f9bedb3a.js}

@@ -1,8 +1,9 @@
 import { _ as _slicedToArray } from './slicedToArray-75fa4188.js';
 import * as React from 'react';
 import { createPortal } from 'react-dom';
-import { a as _defineProperty, _ as _typeof } from './defineProperty-f0e15205.js';
+import { _ as _typeof } from './typeof-adeedc13.js';
 import { _ as _toConsumableArray } from './toConsumableArray-c7a8028f.js';
+import { _ as _defineProperty } from './defineProperty-6f62bb2a.js';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {

package/_verture/{defineProperty-f0e15205.js → defineProperty-6f62bb2a.js}

@@ -1,12 +1,4 @@
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
+import { _ as _typeof } from './typeof-adeedc13.js';
 
 function toPrimitive(t, r) {
   if ("object" != _typeof(t) || !t) return t;
@@ -39,4 +31,4 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-export { _typeof as _, _defineProperty as a, toPropertyKey as t };
+export { _defineProperty as _, toPropertyKey as t };

package/_verture/{index-72981a9e.js → index-6647cbf6.js}

@@ -1,5 +1,5 @@
 import { _ as _toConsumableArray } from './toConsumableArray-c7a8028f.js';
-import { _ as _typeof, a as _defineProperty } from './defineProperty-f0e15205.js';
+import { _ as _defineProperty } from './defineProperty-6f62bb2a.js';
 import { _ as _slicedToArray } from './slicedToArray-75fa4188.js';
 import { r as regenerator } from './index-8ac46bd9.js';
 import { _ as __rest, a as __awaiter } from './tslib.es6-55ed4bd2.js';
@@ -7,6 +7,7 @@ import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import React__default, { isValidElement, cloneElement, useRef, useState, useImperativeHandle, useEffect, useMemo } from 'react';
 import RcTree from 'rc-tree';
 import clsx from 'clsx';
+import { _ as _typeof } from './typeof-adeedc13.js';
 import LoadingOutlined from '@para-ui/icons/LoadingF';
 import FileOutlined from '@para-ui/icons/Document';
 import SolidArrowDown from '@para-ui/icons/DownTriangleF';

package/_verture/{index-063009f8.js → index-972707a5.js}

@@ -1,9 +1,10 @@
 import { _ as __rest } from './tslib.es6-55ed4bd2.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { c as clsx, _ as _objectSpread2, r as reactIs, s as supportRef, u as useComposeRef, w as warning, a as _extends, b as _objectWithoutProperties, d as wrapperRaf, e as useEvent$2, f as useLayoutEffect$3, g as composeRef, K as KeyCode, h as fillRef, P as Portal, i as warningOnce, j as useMergedState$2, k as canUseDom$1, l as useMemo$1, n as noteOnce } from './Portal-42560ff0.js';
+import { c as clsx, _ as _objectSpread2, r as reactIs, s as supportRef, u as useComposeRef, w as warning, a as _extends, b as _objectWithoutProperties, d as wrapperRaf, e as useEvent$2, f as useLayoutEffect$3, g as composeRef, K as KeyCode, h as fillRef, P as Portal, i as warningOnce, j as useMergedState$2, k as canUseDom$1, l as useMemo$1, n as noteOnce } from './Portal-f9bedb3a.js';
 import { _ as _toConsumableArray, a as _iterableToArray } from './toConsumableArray-c7a8028f.js';
-import { _ as _typeof$1, t as toPropertyKey, a as _defineProperty } from './defineProperty-f0e15205.js';
+import { t as toPropertyKey, _ as _defineProperty } from './defineProperty-6f62bb2a.js';
 import { _ as _slicedToArray, a as _arrayWithHoles, b as _unsupportedIterableToArray, c as _nonIterableRest } from './slicedToArray-75fa4188.js';
+import { _ as _typeof$1 } from './typeof-adeedc13.js';
 import * as React$4 from 'react';
 import React__default, { useState as useState$1, useMemo, useCallback, useRef, useEffect } from 'react';
 import ReactDOM, { unstable_batchedUpdates, flushSync } from 'react-dom';

package/_verture/typeof-adeedc13.js

@@ -0,0 +1,11 @@
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+
+export { _typeof as _ };

package/index.js

@@ -10,7 +10,7 @@ export { Button } from './Button/index.js';
 export { ButtonGroup } from './ButtonGroup/index.js';
 export { Card } from './Card/index.js';
 export { Carousel } from './Carousel/index.js';
-export { C as Cascader } from './_verture/index-063009f8.js';
+export { C as Cascader } from './_verture/index-972707a5.js';
 export { Checkbox } from './Checkbox/index.js';
 export { CheckboxGroup } from './CheckboxGroup/index.js';
 export { default as CodeEditor, CompletionItemKind } from './CodeEditor/index.js';
@@ -32,7 +32,7 @@ export { D as Dropdown } from './_verture/index-bde7aabe.js';
 export { default as DynamicMultiBox } from './DynamicMultiBox/index.js';
 export { default as Empty } from './Empty/index.js';
 export { default as Form } from './Form/index.js';
-export { F as FormItem } from './_verture/index-caffc0da.js';
+export { F as FormItem } from './_verture/index-bd0da612.js';
 export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-8a48c400.js';
 export { G as GlobalContext, c as changeConfirmLocale, g as getConfirmLocale } from './_verture/index-ca413216.js';
 export { default as Help } from './Help/index.js';
@@ -87,7 +87,7 @@ export { Title } from './Title/index.js';
 export { ToggleButton, ToggleButtonGroup } from './ToggleButton/index.js';
 export { Tooltip } from './Tooltip/index.js';
 export { SSortablejs, Transfer } from './Transfer/index.js';
-export { T as Tree } from './_verture/index-72981a9e.js';
+export { T as Tree } from './_verture/index-6647cbf6.js';
 export { default as Upload } from './Upload/index.js';
 export { default as Utils, getDateYYYYMMddHHMM, isObject, pixelReplacement } from './Utils/index.js';
 export { default as locale } from './locale/index.js';
@@ -114,10 +114,11 @@ import '@para-ui/icons/LoadingF';
 import 'react-slick';
 import '@para-ui/icons/RightCircleF';
 import '@para-ui/icons/LeftCircleF';
-import './_verture/Portal-42560ff0.js';
+import './_verture/Portal-f9bedb3a.js';
 import './_verture/slicedToArray-75fa4188.js';
-import './_verture/defineProperty-f0e15205.js';
+import './_verture/typeof-adeedc13.js';
 import './_verture/toConsumableArray-c7a8028f.js';
+import './_verture/defineProperty-6f62bb2a.js';
 import 'rc-motion';
 import './_verture/typeof-6ec38efd.js';
 import 'rc-tree/lib/utils/conductUtil';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@para-ui/core",
   "private": false,
-  "version": "4.0.48",
+  "version": "4.0.50",
   "main": "./index.js",
   "typings": "./index.d.ts",
   "description": "Powered by Para FED",