@para-ui/core 3.0.45 → 3.0.46

package/ComboSelect/index.js

@@ -8,7 +8,7 @@ import SearchIcon from '@para-ui/icons/Search';
 import CloseIcon from '@para-ui/icons/Close';
 import CloseCircle from '@para-ui/icons/CloseCircle';
 import Table from '../Table/index.js';
-import { T as Tree } from '../_verture/index-da441266.js';
+import { T as Tree } from '../_verture/index-fbebe666.js';
 import { Button } from '../Button/index.js';
 import { D as Dropdown } from '../_verture/index-be4faaee.js';
 import { Popover } from '../Popover/index.js';

package/DynamicMultiBox/index.js

@@ -72,7 +72,7 @@ import '@para-ui/icons/Left';
 import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-da441266.js';
+import '../_verture/index-fbebe666.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';

package/Form/index.js

@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from '../_verture/slicedToArray-708dbb18.js';
 import { jsx } from 'react/jsx-runtime';
 import { DeepClone } from '@paraview/lib';
 import React__default from 'react';
-import { F as FormItem, v as validate } from '../_verture/index-f006937d.js';
+import { F as FormItem, v as validate } from '../_verture/index-b3e53188.js';
 import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import '../TextField/index.js';
 import '../_verture/typeof-498dd2b1.js';
@@ -68,7 +68,7 @@ import '@para-ui/icons/Left';
 import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-da441266.js';
+import '../_verture/index-fbebe666.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';

package/FormItem/index.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-f006937d.js';
+export { F as default } from '../_verture/index-b3e53188.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-66aa48a1.js';
@@ -68,7 +68,7 @@ import '@para-ui/icons/Left';
 import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-da441266.js';
+import '../_verture/index-fbebe666.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';

package/README.md

@@ -1,3 +1,8 @@
+## 版本: 3.0.46
+    para-ui/core@3.0.46 发布
+        【Upload】ImageUpload增加 readonly 属性，实现照片墙预览模式
+        【树形控件-Tree】添加headers入参
+
 ## 版本: 3.0.45
 
      para-ui/core@3.0.45 发布

package/Tree/index.js

@@ -1,5 +1,5 @@
-import { T as Tree } from '../_verture/index-da441266.js';
-export { T as default } from '../_verture/index-da441266.js';
+import { T as Tree } from '../_verture/index-fbebe666.js';
+export { T as default } from '../_verture/index-fbebe666.js';
 import '../_verture/toConsumableArray-57dd2e23.js';
 import '../_verture/slicedToArray-708dbb18.js';
 import '../_verture/defineProperty-62acccfc.js';

package/Tree/interface.d.ts

@@ -7,6 +7,7 @@ import { ReactNode } from "react";
 import { TreeProps as RcTreeProps } from 'rc-tree';
 import { DataNode, EventDataNode, Key } from "rc-tree/lib/interface";
 import { EmptyProps } from "../Empty";
+import { ParaRequestConfig as RequestConfig } from "@paraview/lib/http/interface";
 type HasAction = (nodeData: DataNode) => boolean;
 type ActionItem = boolean | {
     text: string;
@@ -100,6 +101,8 @@ export interface TreeProps extends Omit<RcTreeProps, 'prefixCls' | 'showLine' |
     url?: string;
     /** 请求上下文 */
     ctx?: string;
+    /** 请求头 */
+    headers?: RequestConfig['headers'];
     /** 请求参数 */
     params?: Object | null;
     /** 请求方法*/

package/Upload/ImageUpload/index.d.ts

@@ -9,6 +9,8 @@ export type ImageUploadProps = Omit<UploadProps, 'type'> & {
         /** 图片名称 */
         imageName?: string;
     };
+    /** 用于控制这个组件只回显图片 不能上传和删除 */
+    readonly?: boolean;
 };
 declare const ImageUpload: FunctionComponent<ImageUploadProps>;
 export default ImageUpload;

package/Upload/index.js

@@ -43,7 +43,7 @@ import '@para-ui/icons/CloseCircleF';
 import '@para-ui/icons/WarningCircle';
 import '@para-ui/icons/WarningCircleF';
 
-var css_248z$4 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/11 下午3:08\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-upload-list-text .upload-list-item {\n  margin-top: 8px;\n}\n.paraui-v3-upload-list-text .upload-list-item-info {\n  display: flex;\n  align-items: center;\n  padding: 0 8px;\n  line-height: 28px;\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n  border-radius: 4px;\n  transition: background-color 0.3s;\n}\n.paraui-v3-upload-list-text .upload-list-item-info .upload-list-text {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n}\n.paraui-v3-upload-list-text .upload-list-item-info .upload-list-text .upload-list-fileicon {\n  line-height: 0;\n  opacity: 1;\n  transition: opacity 0.3s;\n}\n.paraui-v3-upload-list-text .upload-list-item-info .upload-list-text .upload-list-fileicon svg {\n  color: inherit;\n  font-size: inherit;\n}\n.paraui-v3-upload-list-text .upload-list-item-info .upload-list-text-name {\n  margin-left: 10px;\n}\n.paraui-v3-upload-list-text .upload-list-item-info .upload-list-text .upload-list-actions {\n  position: absolute;\n  opacity: 0;\n  visibility: hidden;\n  line-height: 0;\n  transition: opacity 0.3s;\n  cursor: pointer;\n}\n.paraui-v3-upload-list-text .upload-list-item-info .upload-list-text .upload-list-actions svg {\n  color: rgb(235, 96, 84);\n  font-size: inherit;\n}\n.paraui-v3-upload-list-text .upload-list-item-info:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-upload-list-text .upload-list-item-info:hover .upload-list-text .upload-list-actions {\n  visibility: visible;\n  opacity: 1;\n}\n.paraui-v3-upload-list-text .upload-list-item-info:hover .upload-list-text .upload-list-fileicon-active {\n  opacity: 0;\n}\n.paraui-v3-upload-list-picture {\n  display: inline-flex;\n  align-items: center;\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item {\n  position: relative;\n  display: inline-block;\n  width: 100px;\n  height: 100px;\n  margin-right: 16px;\n  border-radius: 4px;\n  cursor: default;\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item::before {\n  content: \" \";\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: 0;\n  background-color: rgba(46, 55, 67, 0.7);\n  border-radius: 4px;\n  opacity: 0;\n  transition: 0.3s;\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item img {\n  width: 100%;\n  height: 100%;\n  border-radius: 4px;\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item .upload-list-picture-name {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  padding: 0 10px;\n  font-size: 12px;\n  line-height: 24px;\n  text-align: center;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  background-color: rgba(46, 55, 67, 0.7);\n  border-radius: 0 0 4px 4px;\n  color: rgb(255, 255, 255);\n  transition: 0.3s;\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item .upload-list-actions {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  opacity: 0;\n  line-height: 0;\n  cursor: pointer;\n  transition: 0.3s;\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item .upload-list-actions svg {\n  color: rgb(255, 255, 255);\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item:hover::before {\n  opacity: 1;\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item:hover .upload-list-actions {\n  opacity: 1;\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item:hover .upload-list-picture-name {\n  opacity: 0;\n}";
+var css_248z$4 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/11 下午3:08\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-upload-list-text .upload-list-item {\n  margin-top: 8px;\n}\n.paraui-v3-upload-list-text .upload-list-item-info {\n  display: flex;\n  align-items: center;\n  padding: 0 8px;\n  line-height: 28px;\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n  border-radius: 4px;\n  transition: background-color 0.3s;\n}\n.paraui-v3-upload-list-text .upload-list-item-info .upload-list-text {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n}\n.paraui-v3-upload-list-text .upload-list-item-info .upload-list-text .upload-list-fileicon {\n  line-height: 0;\n  opacity: 1;\n  transition: opacity 0.3s;\n}\n.paraui-v3-upload-list-text .upload-list-item-info .upload-list-text .upload-list-fileicon svg {\n  color: inherit;\n  font-size: inherit;\n}\n.paraui-v3-upload-list-text .upload-list-item-info .upload-list-text-name {\n  margin-left: 10px;\n}\n.paraui-v3-upload-list-text .upload-list-item-info .upload-list-text .upload-list-actions {\n  position: absolute;\n  opacity: 0;\n  visibility: hidden;\n  line-height: 0;\n  transition: opacity 0.3s;\n  cursor: pointer;\n}\n.paraui-v3-upload-list-text .upload-list-item-info .upload-list-text .upload-list-actions svg {\n  color: rgb(235, 96, 84);\n  font-size: inherit;\n}\n.paraui-v3-upload-list-text .upload-list-item-info:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-upload-list-text .upload-list-item-info:hover .upload-list-text .upload-list-actions {\n  visibility: visible;\n  opacity: 1;\n}\n.paraui-v3-upload-list-text .upload-list-item-info:hover .upload-list-text .upload-list-fileicon-active {\n  opacity: 0;\n}\n.paraui-v3-upload-list-picture {\n  display: inline-flex;\n  align-items: center;\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item {\n  position: relative;\n  display: inline-block;\n  width: 100px;\n  height: 100px;\n  margin-right: 16px;\n  border-radius: 4px;\n  cursor: default;\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item::before {\n  content: \" \";\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: 0;\n  background-color: rgba(46, 55, 67, 0.7);\n  border-radius: 4px;\n  opacity: 0;\n  transition: 0.3s;\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item img {\n  width: 100%;\n  height: 100%;\n  border-radius: 4px;\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item .upload-list-picture-name {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  padding: 0 10px;\n  font-size: 12px;\n  line-height: 24px;\n  text-align: center;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  background-color: rgba(46, 55, 67, 0.7);\n  border-radius: 0 0 4px 4px;\n  color: rgb(255, 255, 255);\n  transition: 0.3s;\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item .upload-list-actions {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  opacity: 0;\n  line-height: 0;\n  cursor: pointer;\n  transition: 0.3s;\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item .upload-list-actions svg {\n  color: rgb(255, 255, 255);\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item:hover:not(.upload-list-picture-item-readonly)::before {\n  opacity: 1;\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item:hover:not(.upload-list-picture-item-readonly) .upload-list-actions {\n  opacity: 1;\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item:hover:not(.upload-list-picture-item-readonly) .upload-list-picture-name {\n  opacity: 0;\n}";
 styleInject(css_248z$4);
 
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
@@ -59,7 +59,8 @@ var UploadList = function UploadList(props) {
     _props$showRemoveIcon = props.showRemoveIcon,
     showRemoveIcon = _props$showRemoveIcon === void 0 ? true : _props$showRemoveIcon,
     removeIcon = props.removeIcon,
-    itemRender = props.itemRender;
+    itemRender = props.itemRender,
+    readonly = props.readonly;
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     uploadList = _useState2[0],
@@ -71,7 +72,7 @@ var UploadList = function UploadList(props) {
   };
   //渲染列表actions
   var renderActions = function renderActions(file) {
-    return showRemoveIcon && jsx("span", Object.assign({
+    return showRemoveIcon && !readonly && jsx("span", Object.assign({
       className: 'upload-list-actions',
       onClick: function onClick(evt) {
         return handleRemove(file, evt);
@@ -120,7 +121,7 @@ var UploadList = function UploadList(props) {
         //自定义渲染
         return itemRender(file, uploadList);
       return jsxs("div", Object.assign({
-        className: 'upload-list-picture-item'
+        className: "upload-list-picture-item ".concat(readonly ? 'upload-list-picture-item-readonly' : '')
       }, {
         children: [jsx("img", {
           src: file.dataUrl || file.url,
@@ -302,7 +303,8 @@ var ImageUpload = function ImageUpload(props) {
     _props$showLoading = props.showLoading,
     loading = _props$showLoading === void 0 ? true : _props$showLoading,
     defaultImage = props.defaultImage,
-    restProps = __rest(props, ["className", "style", "onStart", "onSuccess", "onError", "onProgress", "onRemove", "beforeUpload", "onChange", "defaultFileList", "fileList", "showUploadList", "maxCount", "children", "itemRender", "showUploadError", "stash", "uploading", "showLoading", "defaultImage"]);
+    readonly = props.readonly,
+    restProps = __rest(props, ["className", "style", "onStart", "onSuccess", "onError", "onProgress", "onRemove", "beforeUpload", "onChange", "defaultFileList", "fileList", "showUploadList", "maxCount", "children", "itemRender", "showUploadError", "stash", "uploading", "showLoading", "defaultImage", "readonly"]);
   var intl = useFormatMessage('Upload', localeJson);
   var _useState = useState(defaultFileList),
     _useState2 = _slicedToArray(_useState, 2),
@@ -546,6 +548,7 @@ var ImageUpload = function ImageUpload(props) {
   var renderUploadList = function renderUploadList() {
     return showUploadList && jsx(UploadList, {
       listType: 'picture-card',
+      readonly: readonly,
       items: uploadFileList,
       showRemoveIcon: showRemoveIcon,
       removeIcon: removeIcon,
@@ -590,6 +593,7 @@ var ImageUpload = function ImageUpload(props) {
   };
   //渲染上传控件
   var renderUploadSelector = function renderUploadSelector() {
+    if (readonly) return null;
     return jsxs("div", Object.assign({
       className: clsx('upload-image-select', showLoading && 'upload-image-select-loading')
     }, {

package/Upload/interface.d.ts

@@ -131,4 +131,6 @@ export interface UploadListProps<T = any> {
     removeIcon?: React.ReactNode | ((file: UploadFile) => React.ReactNode);
     /**自定义上传列表项*/
     itemRender?: ItemRender<T>;
+    /**用于控制这个组件只回显图片 不能上传和删除*/
+    readonly?: boolean;
 }

package/_verture/{index-da441266.js → index-fbebe666.js}

@@ -567,6 +567,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     params = _props$params === void 0 ? null : _props$params,
     _props$method = props.method,
     method = _props$method === void 0 ? 'GET' : _props$method,
+    headers = props.headers,
     requestCallback = props.requestCallback,
     refresh = props.refresh,
     _props$replaceFields = props.replaceFields,
@@ -879,22 +880,23 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
               ctx: ctx,
               method: m
             }, m === 'GET' ? 'params' : 'data', tParams || {});
-            _context.next = 8;
+            if (headers) opts.headers = headers;
+            _context.next = 9;
             return Request(opts);
-          case 8:
+          case 9:
             _yield$Request = _context.sent;
             data = _yield$Request.data;
             err = _yield$Request.err;
             //分页数据格式 {list,page,size,total}，否则 []
             showLoading && setLoading(false);
             if (!err) {
-              _context.next = 14;
+              _context.next = 15;
               break;
             }
             return _context.abrupt("return", pagination ? {} : []);
-          case 14:
-            return _context.abrupt("return", pagination ? data.data || {} : data.data || []);
           case 15:
+            return _context.abrupt("return", pagination ? data.data || {} : data.data || []);
+          case 16:
           case "end":
             return _context.stop();
         }

package/index.js

@@ -22,7 +22,7 @@ export { D as Dropdown } from './_verture/index-be4faaee.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-f006937d.js';
+export { F as FormItem } from './_verture/index-b3e53188.js';
 export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-d01400f6.js';
 export { default as GlobalContext, changeConfirmLocale, getConfirmLocale } from './GlobalContext/index.js';
 export { default as Help } from './Help/index.js';
@@ -69,7 +69,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-da441266.js';
+export { T as Tree } from './_verture/index-fbebe666.js';
 export { default as Upload } from './Upload/index.js';
 import './_verture/slicedToArray-708dbb18.js';
 import 'react/jsx-runtime';

package/package.json

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