@regenbio/regenbio-components-react 1.4.20 → 1.4.21

package/.idea/modules.xml

@@ -2,7 +2,7 @@
 <project version="4">
   <component name="ProjectModuleManager">
     <modules>
-      <module fileurl="file://$PROJECT_DIR$/.idea/test-components.iml" filepath="$PROJECT_DIR$/.idea/test-components.iml" />
+      <module fileurl="file://$PROJECT_DIR$/.idea/regenbio-components-react.iml" filepath="$PROJECT_DIR$/.idea/regenbio-components-react.iml" />
     </modules>
   </component>
 </project>

package/build/components/DataEntry/Uploader/DraggableUploader/hook.d.ts

@@ -0,0 +1,25 @@
+import type { UploadFile } from "antd";
+import { DragEndEvent } from "@dnd-kit/core";
+import { RbDraggableUploaderExtraProps, RbDraggableUploaderProps, RbDraggableUploadListItemProps } from "./type";
+/**
+ * RB 拖动上传器Hook
+ * @param props 属性
+ */
+export declare const useDraggableUploader: (props: RbDraggableUploaderProps & RbDraggableUploaderExtraProps) => {
+    fileList: any;
+    sensor: import("@dnd-kit/core").SensorDescriptor<import("@dnd-kit/core").PointerSensorOptions>;
+    globalFunctions: any;
+    onDragEnd: ({ active, over }: DragEndEvent) => void;
+    onChange: (info: import("antd/es/upload").UploadChangeParam<UploadFile<any>>) => void;
+};
+/**
+ * RB 拖动列表项Hook
+ * @param props 属性
+ */
+export declare const useDraggableListItem: (props: RbDraggableUploadListItemProps) => {
+    setNodeRef: (node: HTMLElement | null) => void;
+    style: React.CSSProperties;
+    isDragging: boolean;
+    attributes: import("@dnd-kit/core").DraggableAttributes;
+    listeners: import("@dnd-kit/core/dist/hooks/utilities").SyntheticListenerMap;
+};

package/build/components/DataEntry/Uploader/DraggableUploader/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { RbDraggableUploaderProps } from "./type";
+/**
+ * RB 拖动上传器
+ *
+ * @param props
+ * @constructor
+ */
+declare const RbDraggableUploader: React.FC<RbDraggableUploaderProps>;
+export default RbDraggableUploader;

package/build/components/DataEntry/Uploader/DraggableUploader/type.d.ts

@@ -0,0 +1,92 @@
+import * as React from "react";
+import { LabelTooltipType } from "antd/es/form/FormItemLabel";
+import type { Rule } from "rc-field-form/lib/interface";
+import type { UploadFile } from "antd";
+/**
+ * 可拖动列表参数
+ */
+export type RbDraggableUploadListItemProps = {
+    /**
+     * 原节点
+     */
+    originNode: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    /**
+     * 文件
+     */
+    file: UploadFile<any>;
+};
+/**
+ * 扩展参数
+ */
+export type RbDraggableUploaderExtraProps = {
+    /**
+     * 值
+     */
+    value: {
+        name: string;
+        guid: string;
+    }[];
+    /**
+     * 值改变监听
+     * @param value 新值
+     */
+    onChange: (value: {
+        name: string;
+        guid: string;
+    }[]) => void;
+};
+/**
+ * 可拖动上传器参数
+ */
+export type RbDraggableUploaderProps = {
+    /**
+     * 展示字段名称
+     */
+    label: React.ReactNode;
+    /**
+     * 占位符
+     */
+    placeholder: React.ReactNode;
+    /**
+     * 气泡提示
+     */
+    tooltip?: LabelTooltipType;
+    /**
+     * 字段名称
+     */
+    name: string;
+    /**
+     * 规则
+     */
+    rules?: Rule[];
+    /**
+     * 请求头
+     */
+    headers?: {
+        /**
+         * 访问令牌
+         */
+        accessToken?: string;
+        /**
+         * 语言
+         */
+        locale?: string;
+        /**
+         * 客户端ID
+         */
+        clientId?: string;
+    };
+    /**
+     * 文件编码
+     */
+    fileCode: string;
+    /**
+     * 上传成功回调
+     */
+    afterSuccess?: () => void;
+    /**
+     * 上传失败回调
+     * @param msg 失败消息
+     */
+    afterFail?: (msg: string) => void;
+};

package/build/components/DataEntry/Uploader/SingleImageUploader/hook.d.ts

@@ -1,4 +1,5 @@
 import { RbSingleImageUploaderExtraProps, RbSingleImageUploaderProps } from "./type";
+import type { UploadFile } from "antd";
 /**
  * 单图片上传器Hook
  * @param props 属性
@@ -6,7 +7,10 @@ import { RbSingleImageUploaderExtraProps, RbSingleImageUploaderProps } from "./t
 declare const useSingleImageUploader: (props: RbSingleImageUploaderProps & RbSingleImageUploaderExtraProps) => {
     intl: any;
     globalFunctions: any;
-    value: any;
-    onFileChange: any;
+    loading: any;
+    imageUrl: any;
+    fileList: any;
+    handleRemove: () => boolean;
+    handleChange: (info: import("antd/es/upload").UploadChangeParam<UploadFile<any>>) => void;
 };
 export default useSingleImageUploader;

package/build/components/DataEntry/Uploader/SingleImageUploader/index.d.ts

@@ -1,8 +1,7 @@
-import React from "react";
+import React from 'react';
 import { RbSingleImageUploaderProps } from "./type";
 /**
  * RB 单图片上传器
- * 该层存在的意义在于捕获 Form 传递进来的 onChange 方法，让该组件能像原生组件一样运行
  *
  * @param props
  * @constructor

package/build/components/DataEntry/Uploader/SingleImageUploader/type.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import { NamePath } from "rc-field-form/es/interface";
 import type { Rule } from "rc-field-form/lib/interface";
+import { LabelTooltipType } from "antd/es/form/FormItemLabel";
 /**
  * 额外参数
  */
@@ -9,7 +10,7 @@ export type RbSingleImageUploaderExtraProps = {
      * 数据改变回调
      * @param value 数据
      */
-    onChange?: (value: any) => void;
+    onChange: (value: any) => void;
     /**
      * 值
      */
@@ -23,6 +24,14 @@ export type RbSingleImageUploaderProps = {
      * 纯净模式
      */
     purity?: boolean;
+    /**
+     * 占位符
+     */
+    placeholder?: React.ReactNode;
+    /**
+     * 气泡提示
+     */
+    tooltip?: LabelTooltipType;
     /**
      * 字段名称
      */

package/build/index.d.ts

@@ -27,6 +27,8 @@ import { RbMarkdownEditor, RbMarkdownConverter } from "./components/DataEntry/Ma
 import { RbMarkdownEditorProps } from "./components/DataEntry/MarkdownEditor/type";
 import RbSingleImageUploader from "./components/DataEntry/Uploader/SingleImageUploader";
 import { RbSingleImageUploaderProps } from "./components/DataEntry/Uploader/SingleImageUploader/type";
+import RbDraggableUploader from "./components/DataEntry/Uploader/DraggableUploader";
+import { RbDraggableUploaderProps } from "./components/DataEntry/Uploader/DraggableUploader/type";
 import { getRbInitialState, getRbAppLayout } from "./components/PageLayout/AppLayout";
 import { RbAppLayoutProps } from "./components/PageLayout/AppLayout/type";
 import { RbCurrentUser, RbCurrentTheme } from "./components/PageLayout/AppLayout/interface";
@@ -83,6 +85,8 @@ export { RbMarkdownConverter, RbMarkdownEditor };
 export type { RbMarkdownEditorProps };
 export { RbSingleImageUploader };
 export type { RbSingleImageUploaderProps };
+export { RbDraggableUploader };
+export type { RbDraggableUploaderProps };
 export { RbPageContainer };
 export type { RbPageContainerProps };
 export { RbRouteWrapper };
@@ -126,5 +130,6 @@ declare const _default: {
     RbAuthFrame: React.FC<RbAuthFrameProps>;
     RbBindFrame: React.FC<RbBindFrameProps>;
     RbGlobalContext: Context<RbGlobalStateType>;
+    RbDraggableUploader: React.FC<RbDraggableUploaderProps>;
 };
 export default _default;