@para-ui/core 4.0.29 → 4.0.31

package/Transfer/index.js

@@ -8,6 +8,7 @@ import ExpandLess from '@para-ui/icons/Up';
 import Down from '@para-ui/icons/Down';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-75fa4188.js';
 import { Search } from '../Search/index.js';
 import SearchIcon from '@para-ui/icons/Search';
 import AutoTips from '../AutoTips/index.js';
@@ -59,8 +60,8 @@ var zh = {
 };
 
 var localeJson = {
-  zh,
-  en
+  zh: zh,
+  en: en
 };
 
 var useClick = function useClick(callback, doubleCallback) {
@@ -88,32 +89,36 @@ var useClick = function useClick(callback, doubleCallback) {
   };
 };
 
-const Box = props => {
-  const {
-    title,
-    data,
-    onSearch,
-    onchange,
-    onMove,
-    queryAll,
-    inverse,
-    direction,
-    fluctuationPosition,
-    fluctuationOrther,
-    onEndSort,
-    multiple,
-    rightIcon,
-    style,
-    customKey
-  } = props;
-  const intl = useFormatMessage('Transfer', localeJson);
-  const [checkCount, setCheckCount] = useState([]);
-  const [disabledCount, setDisabledCount] = useState(0);
-  const ref = useRef();
-  useEffect(() => {
-    const arr = [];
-    let count = 0;
-    data.forEach((item, index) => {
+var Box = function Box(props) {
+  var title = props.title,
+    data = props.data,
+    onSearch = props.onSearch,
+    onchange = props.onchange,
+    onMove = props.onMove,
+    queryAll = props.queryAll,
+    inverse = props.inverse,
+    direction = props.direction,
+    fluctuationPosition = props.fluctuationPosition,
+    fluctuationOrther = props.fluctuationOrther,
+    onEndSort = props.onEndSort,
+    multiple = props.multiple,
+    rightIcon = props.rightIcon,
+    style = props.style,
+    customKey = props.customKey;
+  var intl = useFormatMessage('Transfer', localeJson);
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    checkCount = _useState2[0],
+    setCheckCount = _useState2[1];
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    disabledCount = _useState4[0],
+    setDisabledCount = _useState4[1];
+  var ref = useRef();
+  useEffect(function () {
+    var arr = [];
+    var count = 0;
+    data.forEach(function (item, index) {
       if (item.checked && !item.hide) {
         arr.push(index);
       }
@@ -124,29 +129,29 @@ const Box = props => {
     setDisabledCount(count);
     setCheckCount(arr);
   }, [data]);
-  useEffect(() => {
+  useEffect(function () {
     if (direction == 'right') {
       new Sortable(ref.current, {
         animation: 180,
         ghostClass: 'blue-background-class',
         dragClass: 'drag-item',
         easing: 'step-start',
-        onEnd: evt => {
+        onEnd: function onEnd(evt) {
           onEndSort === null || onEndSort === void 0 ? void 0 : onEndSort(evt.oldIndex, evt.newIndex);
         }
       });
     }
   }, []);
-  const handler = useClick((e, index, item) => {
+  var handler = useClick(function (e, index, item) {
     if (item.disabled) return;
     onchange(e, !item.checked, index, direction, multiple);
-  }, (e, index, item) => {
+  }, function (e, index, item) {
     if (item === null || item === void 0 ? void 0 : item.disabled) return;
     onchange(e, true, index, direction, false);
     onMove(direction === 'right' ? 'left' : 'right');
   });
-  const itemStyle = data => {
-    const stlye = {};
+  var itemStyle = function itemStyle(data) {
+    var stlye = {};
     if (data === null || data === void 0 ? void 0 : data.tagColor) {
       stlye.borderLeft = "4px solid ".concat(data.tagColor);
     }
@@ -171,15 +176,15 @@ const Box = props => {
       showBtn: false,
       rightIcon: jsx(SearchIcon, {}),
       rightIconExist: true,
-      onChange: val => {
+      onChange: function onChange(val) {
         onSearch(val, direction);
       },
-      onClickRightIcon: val => {
+      onClickRightIcon: function onClickRightIcon(val) {
         onSearch(val, direction);
       },
-      onEnter: event => {
+      onEnter: function onEnter(event) {
         var _a;
-        const val = ((_a = event.target) === null || _a === void 0 ? void 0 : _a.value) || '';
+        var val = ((_a = event.target) === null || _a === void 0 ? void 0 : _a.value) || '';
         onSearch(val, direction);
       },
       allowClear: false
@@ -187,11 +192,11 @@ const Box = props => {
       className: "context",
       ref: ref
     }, {
-      children: data.map((item, index) => {
+      children: data.map(function (item, index) {
         return jsxs("div", Object.assign({
           className: clsx('item', (item === null || item === void 0 ? void 0 : item.tagColor) && 'item-border', (item === null || item === void 0 ? void 0 : item.disabled) && 'item-disabled', (item === null || item === void 0 ? void 0 : item.checked) && 'item-checked', fluctuationPosition === index && 'item-fluctuation', fluctuationOrther === index && 'item-fluctuationOrther'),
           style: itemStyle(item),
-          onClick: e => {
+          onClick: function onClick(e) {
             handler(e, index, item);
           }
         }, {
@@ -223,7 +228,7 @@ const Box = props => {
         children: [jsx(Button, Object.assign({
           variant: "text",
           className: "".concat(checkCount.length === data.length - disabledCount && data.length > 0 ? 'btn-on' : ''),
-          onClick: () => {
+          onClick: function onClick() {
             queryAll(checkCount.length !== data.length - disabledCount, direction);
           }
         }, {
@@ -234,7 +239,7 @@ const Box = props => {
           variant: "text",
           className: "".concat(checkCount.length === 0 || checkCount.length === data.length - disabledCount ? 'btn-off' : ''),
           disabled: checkCount.length === 0 || checkCount.length === data.length - disabledCount,
-          onClick: () => {
+          onClick: function onClick() {
             inverse(direction);
           }
         }, {
@@ -250,7 +255,7 @@ const Box = props => {
     }))]
   }));
 };
-const Sortablejs = Sortable;
+var Sortablejs = Sortable;
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-transfer {\n  display: flex;\n  font-size: 14px;\n  user-select: none;\n}\n.paraui-v4-transfer .blue-background-class {\n  background-color: rgb(240, 245, 255);\n}\n.paraui-v4-transfer .drag-item {\n  background: rgb(255, 255, 255) !important;\n  box-shadow: rgba(212, 218, 227, 0.4);\n}\n.paraui-v4-transfer .box {\n  border-radius: 4px;\n  border: 1px solid rgb(212, 218, 227);\n  overflow: hidden;\n}\n.paraui-v4-transfer .box .box-header {\n  background: rgb(247, 248, 250);\n  color: rgb(29, 33, 38);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-left: 10px;\n  height: 36px;\n  border-bottom: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-transfer .box .count {\n  color: rgb(29, 33, 38);\n  letter-spacing: 1px;\n}\n.paraui-v4-transfer .box .context {\n  height: 400px;\n  overflow: auto;\n  margin-top: 4px;\n}\n.paraui-v4-transfer .box .context .item-fluctuation {\n  animation: flucturation 0.4s forwards;\n}\n.paraui-v4-transfer .box .context .item-fluctuationOrther {\n  animation: flucturationOrther 0.5s forwards;\n}\n.paraui-v4-transfer .box .context .item {\n  padding: 0px 10px;\n  height: 30px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.paraui-v4-transfer .box .context .item.item-checked:hover {\n  background-color: rgb(247, 248, 250) !important;\n}\n.paraui-v4-transfer .box .context .item.item-checked > .item-label {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-transfer .box .context .item > .item-label {\n  flex: 1;\n  overflow: hidden;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-transfer .box .context .item:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-transfer .box .context .item.item-disabled:hover {\n  background: inherit;\n  cursor: no-drop;\n}\n.paraui-v4-transfer .box .context .item.item-disabled > .item-label {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-transfer .box .context .item .handle {\n  margin-left: 8px;\n  display: flex;\n  align-content: center;\n}\n.paraui-v4-transfer .box .context .item .handle .handle-line {\n  height: 12px;\n  border-left: 1px solid rgb(212, 218, 227);\n  margin: auto 10px auto 0;\n}\n.paraui-v4-transfer .box .context .item .handle svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-transfer .box .context .item .handle:hover svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-transfer .box .context .item-border {\n  padding-left: 6px;\n}\n.paraui-v4-transfer .box .text-field-content {\n  border: none;\n  border-radius: 0;\n  border-bottom: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-transfer .box .footer {\n  display: flex;\n  align-items: center;\n  border-top: 1px solid rgb(212, 218, 227);\n  height: 36px;\n  justify-content: space-between;\n  padding: 0 10px;\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) button {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) button:hover {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) .btn-off {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) .btn-off:hover {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) > button {\n  padding: 0;\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) > button:nth-child(2) {\n  margin-left: 16px;\n}\n.paraui-v4-transfer .moveBtn {\n  display: flex;\n  height: 500px;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 20px;\n}\n.paraui-v4-transfer .moveBtn > button {\n  background-color: rgb(46, 101, 230);\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-transfer .moveBtn .btn-left {\n  margin-top: 16px;\n}\n\n@keyframes flucturation {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(36px);\n  }\n}\n@keyframes flucturationOrther {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(-36px);\n  }\n}";
 styleInject(css_248z);

package/Tree/index.js

@@ -1,11 +1,16 @@
-import { T as Tree } from '../_verture/index-e9405e35.js';
-export { T as default } from '../_verture/index-e9405e35.js';
+import { T as Tree } from '../_verture/index-567b5779.js';
+export { T as default } from '../_verture/index-567b5779.js';
+import '../_verture/toConsumableArray-c7a8028f.js';
+import '../_verture/slicedToArray-75fa4188.js';
+import '../_verture/defineProperty-6f62bb2a.js';
+import '../_verture/typeof-adeedc13.js';
+import '../_verture/index-94e24006.js';
+import '../_verture/typeof-4646b22c.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'rc-tree';
 import 'clsx';
-import '../_verture/typeof-adeedc13.js';
 import '@para-ui/icons/LoadingF';
 import '@para-ui/icons/Document';
 import '@para-ui/icons/DownTriangleF';
@@ -19,8 +24,6 @@ import '../_verture/constant-5317fc89.js';
 import '@para-ui/icons/Forbid';
 import '../_verture/style-inject.es-300983ab.js';
 import '@para-ui/icons/Help';
-import '../_verture/slicedToArray-a8206399.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import 'react-dom';
 import '@para-ui/icons/EditFile';
 import '@para-ui/icons/PlusCircle';

package/Upload/ImageUpload/index.d.ts

@@ -1,14 +1,9 @@
 import { FunctionComponent } from 'react';
-import { UploadProps } from '../interface';
+import { UploadProps, DefaultImage } from '../interface';
 import './index.scss';
 export type ImageUploadProps = Omit<UploadProps, 'type'> & {
     /** 默认图片 showUploadList为false时有效 */
-    defaultImage?: {
-        /** 图片地址 */
-        imageUrl: string;
-        /** 图片名称 */
-        imageName?: string;
-    };
+    defaultImage?: DefaultImage;
     /** 用于控制这个组件只回显图片 不能上传和删除 */
     readonly?: boolean;
 };