@sheinx/base 3.0.0-alpha.2 → 3.0.0-alpha.20

package/cjs/tree-select/tree-select.type.d.ts

@@ -0,0 +1,309 @@
+import React from 'react';
+import { TreeClasses } from '@sheinx/shineout-style';
+import { KeygenResult, ObjectKey, UnMatchedData, ValueItem } from '@sheinx/hooks';
+import { SelectClasses, TreeSelectClasses, VirtualScrollClasses } from '@sheinx/shineout-style';
+import { TagClasses } from '../tag/tag.type';
+import { AbsoluteListProps } from '../absolute-list/absolute-list.type';
+import { CommonType } from '../common/type';
+import { InnerTitleClasses } from '../common/use-inner-title';
+import { BaseTipProps } from '../common/use-tip';
+import { PopoverClasses } from '../popover/popover.type';
+import { SpinClasses } from '../spin/spin.type';
+export declare type JssStyleType = {
+    virtualScroll?: () => VirtualScrollClasses;
+    tag?: () => TagClasses;
+    treeSelect?: () => TreeSelectClasses;
+    select?: () => SelectClasses;
+    tree?: () => TreeClasses;
+    innerTitle?: () => InnerTitleClasses;
+    popover?: () => PopoverClasses;
+    spin?: () => SpinClasses;
+};
+export declare type TreeModeType = 0 | 1 | 2 | 3 | 4;
+export declare type TreeSelectValueType = KeygenResult | KeygenResult[];
+export declare type ResultItem<DataItem> = DataItem | UnMatchedData;
+export interface ComponentRef<DataItem, Value> {
+    /**
+     * @en Get the data corresponding to the value
+     * @cn 获取 value 对应的 data
+     */
+    getDataByValues: (values: Value) => Value extends any[] ? ResultItem<DataItem>[] : ResultItem<DataItem>;
+}
+export interface TreeSelectProps<DataItem, Value> extends Pick<CommonType, 'className' | 'style' | 'size' | 'status' | 'innerTitle'>, Pick<AbsoluteListProps, 'absolute' | 'zIndex'>, BaseTipProps {
+    /**
+     * @en custom empty copy
+     * @cn 自定义 empty 文案
+     */
+    emptyText?: string;
+    /**
+     * @en When it is true, a default [Spin](/components/Spin) component will be displayed, a custom loading icon can be passed in to replace.
+     * @cn 数据加载中，为true时会展示一个默认的 [Spin](/components/Spin) 组件，可以传入一个自定义的Spin代替
+     * @override boolean | ReactNode
+     * @default false
+     */
+    loading?: boolean | React.ReactNode;
+    jssStyle?: JssStyleType;
+    /**
+     * @en placeholder when value is empty
+     * @cn value 为空时的占位符
+     */
+    placeholder?: string;
+    /**
+     * @en when compressed is True,the comptessedBound can limit the numbers of multiple selected item's label
+     * @cn 开启多选后，指定允许展示标签数量，超过后将折叠
+     */
+    compressedBound?: number;
+    /**
+     * @en Compressed popover classname
+     * @cn 多选合并展示弹出框的类名
+     */
+    compressedClassName?: string;
+    /**
+     * @en If clearable is true, show clear value icon
+     * @cn 是否可清除值
+     * @default false
+     */
+    clearable?: boolean;
+    /**
+     * @private 内部属性
+     */
+    filterText?: string;
+    /**
+     * @en ender unmatched value
+     * @cn 渲染未匹配值的方式
+     */
+    renderUnmatched?: (data: ValueItem<Value>) => React.ReactNode;
+    /**
+     * @en data source
+     * @cn 数据源
+     * @default []
+     */
+    data?: DataItem[];
+    /**
+     * @en Auxiliary method for generating key. When it is a function, use the return value of this function. When it is a string, use the data value corresponding to this string. For example, "id" is the same thing as (d) => d.id
+     * @cn 生成 key 的辅助方法, 为函数时，使用此函数返回值, 为 string 时，使用这个 string 对应的数据值。如 "id"，相当于 (d) => d.id
+     */
+    keygen: ObjectKey<DataItem> | ((data: DataItem, parentKey: KeygenResult) => string | number);
+    /**
+     * @en Some methods of getting components Currently only support getDataByValue
+     * @cn 获取组件的一些方法 目前只支持 getDataByValues
+     */
+    getComponentRef?: ((ref: ComponentRef<DataItem, Value>) => void) | {
+        current?: ComponentRef<DataItem, Value>;
+    };
+    /**
+     * @en When the onFilter is not empty, you can filter data by input. If the onFilter returns a function, use this function as a front-end filter. If return undefined, you can do your own backend filtering
+     * @cn onFilter 不为空时，可以输入过滤数据。 onFilter 如果返回一个函数，使用这个函数做前端过滤。 如果不返回，可以自行做后端过滤
+     */
+    onFilter?: (text: string) => void;
+    /**
+     * @en Placeholder content when there is no data
+     * @cn 无数据时的占位内容
+     */
+    empty?: React.ReactNode;
+    /**
+     * @en if it is true, it will be multiple selection
+     * @cn 是否是多选
+     * @default false
+     */
+    multiple?: boolean;
+    /**
+     * @en callback function of blur event
+     * @cn blur 事件回调函数
+     */
+    onBlur?: (e?: any) => void;
+    /**
+     * @en callback function of focus event
+     * @cn focus 事件回调函数
+     */
+    onFocus?: (e?: any) => void;
+    /**
+     * @en When it is true, all nodes disable the selection; when it is a function, it determines whether it is disabled according to the return result of the function.
+     * @cn 为 true 时，所有节点禁用选择，为函数时，根据函数返回结果确定是否禁用
+     * @default false
+     */
+    disabled?: ((data: DataItem) => boolean) | boolean;
+    /**
+     * @en The content displayed in the result after selecting, if not set, use renderItem. not show while return null, result is current selected
+     * @cn 选中后在结果中显示的内容，默认和 renderItem 相同
+     * @default renderItem
+     */
+    renderResult?: (data: DataItem) => React.ReactNode;
+    /**
+     * @en mode 0: Returns only the fully selected node including the parent node. 1: Returns all selected nodes and semi-selected nodes. 2: Return only the selected child nodes. 3: If the parent node is full selected, only return the parent node. 4: What you choose is what you get.
+     * @cn 选中值模式，未设置值为单选 0: 只返回完全选中的节点，包含父节点 1: 返回全部选中的节点和半选中的父节点 2: 只返回选中的子节点 3: 如果父节点选中，只返回父节点 4: 所选即所得
+     * @default 1
+     */
+    mode?: TreeModeType;
+    /**
+     * @en The height of list
+     * @cn 列表高度
+     * @default 300
+     */
+    height?: number;
+    /**
+     * @en option collapse callback
+     * @cn 下拉列表展开/收起回调
+     */
+    onCollapse?: (collapse: boolean) => void;
+    /**
+     * @en Whether to show the descendant nodes of the hit node after filtering
+     * @cn 筛选后是否展示命中节点的后代节点
+     * @default false
+     */
+    showHitDescendants?: boolean;
+    /**
+     * @en Popup Position
+     * @cn 弹出位置
+     */
+    position?: 'auto' | 'bottom-left' | 'top-left';
+    /**
+     * @en Expand option list while enter press
+     * @cn 回车触发下拉框展开的时候调用
+     */
+    onEnterExpand?: (e: React.KeyboardEvent<HTMLDivElement>) => boolean;
+    /**
+     * @en value is your picker now
+     * @cn 参数 为 当前选中值
+     */
+    onChange?: (value: Value, selected?: DataItem | UnMatchedData, path?: (string | number)[]) => void;
+    /**
+     * @en onChange additional parameters (current is the data of the clicked node, data is the currently selected data, checked is whether it is selected or canceled in the multi-select state)
+     * @cn onChange 额外参数 (current 为点击的节点的数据， data 为当前选中的数据， checked 为多选状态下是选中还是取消)
+     */
+    onChangeAddition?: (params: {
+        current?: ResultItem<DataItem>[] | ResultItem<DataItem>;
+        checked?: 0 | 1 | 2;
+        data?: ResultItem<DataItem>[] | ResultItem<DataItem> | null;
+    }) => void;
+    /**
+     * @en In the Form, the value will be taken over by the form and the value will be invalid.
+     * @cn 选中的 key （受控），多选时必须为array
+     */
+    value?: Value;
+    /**
+     * @en Initial value
+     * @cn 默认值  和 value 类型相同
+     */
+    defaultValue?: Value;
+    /**
+     * @en Merges selected values; the repeat value will not appear in the Popover when it is'no-repeat'.
+     * @cn 将选中值合并，只在多选模式下有效；为 'no-repeat' 时弹出框中不重复展示值
+     * @default false
+     */
+    compressed?: boolean | 'no-repeat';
+    /**
+     * @en Set visible of datepicker popup
+     * @cn 控制浮层显隐
+     */
+    open?: boolean;
+    /**
+     * @en Whether show line
+     * @cn 是否显示连接线
+     * @default false
+     */
+    line?: boolean;
+    /**
+     * @en Input width
+     * @cn 输入框宽度
+     */
+    width?: number | string;
+    /**
+     * @en Only display border bottom
+     * @cn 是否只展示下边框
+     * @default false
+     */
+    underline?: boolean;
+    /**
+     * @en Whether to display border
+     * @cn 是否展示边框
+     * @default false
+     */
+    border?: boolean;
+    /**
+     * @en Whether to display arrow
+     * @cn 是否展示箭头
+     * @default true
+     */
+    showArrow?: boolean;
+    /**
+     * @en specify the name of the subdata
+     * @cn 指定子数据的属性名
+     * @default 'children'
+     */
+    childrenKey?: ObjectKey<DataItem>;
+    /**
+     * @en Selected value while click under onCreate or onFilter
+     * @cn onCreate 或 onFilter 在单选情况下单击值后是否选中值
+     * @default true
+     */
+    focusSelected?: boolean;
+    /**
+     * @en The className of the selected result content container
+     * @cn 选中结果内容容器的className
+     */
+    resultClassName?: ((value: DataItem) => string) | string;
+    /**
+     * @en Dynamically load nodes
+     * @cn 设置 loader 属性后，未定义 children 的节点视为动态加载节点，点击展开触发 loader事件，children 为 null 或者长度为 0 视为叶子节点
+     */
+    loader?: (key: KeygenResult, data: DataItem) => void;
+    /**
+     * @en The maximum length of the input string in the Select input box
+     * @cn Select 输入框输入字符串最大长度
+     */
+    maxLength?: number;
+    /**
+     * @en default expanded nodes
+     * @cn 默认展开的节点 key（非受控）
+     * @override (string | number)[]
+     */
+    defaultExpanded?: KeygenResult[];
+    /**
+     * @en Expand all node, only in can be use in treeData
+     * @cn 默认展开全部子节点, 仅树形数据下有效
+     * @default false
+     */
+    defaultExpandAll?: boolean;
+    /**
+     * @en Expand by click parent node
+     * @cn 点击父节点展开
+     * @default false
+     */
+    parentClickExpand?: boolean;
+    /**
+     * @en Expanded node
+     * @cn 展开的节点 key(受控)
+     * @override (string | number)[]
+     */
+    expanded?: KeygenResult[];
+    /**
+     * @en When trim is true, blank characters are automatically deleted when lose focus
+     * @cn trim 为 true 时，失去焦点时会自动删除空白字符
+     * @default false
+     */
+    trim?: boolean;
+    /**
+     * @en Render unmatch value
+     * @cn 是否展示data中不存在的值
+     * @default true
+     */
+    unmatch?: boolean;
+    /**
+     * @en When it is a string, return d[string]. When it is a function, return the result of the function
+     * @cn 为 string 时，返回 d[string]。 为 function 时，返回函数结果
+     * @default index
+     */
+    renderItem: ObjectKey<DataItem> | ((data: DataItem, expanded: boolean, active: boolean, id: KeygenResult) => React.ReactNode);
+    /**
+     * @en In the advanced filter mode, you can switch between the filter results and the original data for the current level by pressing the button
+     * @cn 高级筛选模式，可针对当前层级在筛选结果和原始数据间切换
+     */
+    onAdvancedFilter?: (text: string) => (data: DataItem) => boolean;
+    /**
+     * @en Expand event
+     * @cn 节点展开回调，参数为当前展开节点 key 数组
+     */
+    onExpand?: (value: KeygenResult[]) => void;
+}
+//# sourceMappingURL=tree-select.type.d.ts.map

package/cjs/tree-select/tree-select.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-select.type.d.ts","sourceRoot":"","sources":["tree-select.type.ts"],"names":[],"mappings":"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"}

package/cjs/tree-select/tree-select.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/upload/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["button.tsx"],"names":[],"mappings":";AAIA,OAAO,EAA8B,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAQ9E,QAAA,MAAM,YAAY,iDAwFjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["button.tsx"],"names":[],"mappings":";AAIA,OAAO,EAA8B,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAQ9E,QAAA,MAAM,YAAY,iDAsFjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/upload/button.js

@@ -38,7 +38,6 @@ var UploadButton = function UploadButton(props) {
     customResult: undefined,
     drop: false,
     multiple: false,
-    gapProps: undefined,
     leftHandler: false,
     onPreview: undefined,
     renderContent: undefined,
@@ -60,7 +59,6 @@ var UploadButton = function UploadButton(props) {
     return props.onHttpError ? props.onHttpError(xhr, file) : undefined;
   });
   var onSuccess = (0, _hooks.usePersistFn)(function (value, file, data) {
-    console.log('success');
     setProcess(-1);
     return props.onSuccess ? props.onSuccess(value, file, data) : value;
   });
@@ -80,7 +78,6 @@ var UploadButton = function UploadButton(props) {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
           jssStyle: props.jssStyle,
           size: 10,
-          name: "ring",
           color: color
         })
       }), typeof loading === 'string' ? loading : placeholder]

package/cjs/upload/button.type.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { UploadProps } from './upload.type';
 import { ButtonProps } from '../button/button.type';
-export declare type ButtonUploadInnerPropsType = Pick<UploadProps<any>, 'listType' | 'imageStyle' | 'canDelete' | 'showUploadList' | 'customResult' | 'drop' | 'multiple' | 'gapProps' | 'leftHandler' | 'onPreview' | 'renderContent' | 'recoverAble'>;
+export declare type ButtonUploadInnerPropsType = Pick<UploadProps<any>, 'listType' | 'imageStyle' | 'canDelete' | 'showUploadList' | 'customResult' | 'drop' | 'multiple' | 'leftHandler' | 'onPreview' | 'renderContent' | 'recoverAble'>;
 export interface UploadButtonProps<T> extends Omit<UploadProps<T>, keyof ButtonUploadInnerPropsType>, Pick<ButtonProps, 'size' | 'type'> {
     /**
      * @cn 上传中按钮的内容，如果是字符串默认会有spin loading

package/cjs/upload/button.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.type.d.ts","sourceRoot":"","sources":["button.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,oBAAY,0BAA0B,GAAG,IAAI,CAC3C,WAAW,CAAC,GAAG,CAAC,EACd,UAAU,GACV,YAAY,GACZ,WAAW,GACX,gBAAgB,GAChB,cAAc,GACd,MAAM,GACN,UAAU,GACV,UAAU,GACV,aAAa,GACb,WAAW,GACX,eAAe,GACf,aAAa,CAChB,CAAC;AAEF,MAAM,WAAW,iBAAiB,CAAC,CAAC,CAClC,SAAQ,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,MAAM,0BAA0B,CAAC,EAC5D,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC;IACpC;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B"}
+{"version":3,"file":"button.type.d.ts","sourceRoot":"","sources":["button.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,oBAAY,0BAA0B,GAAG,IAAI,CAC3C,WAAW,CAAC,GAAG,CAAC,EACd,UAAU,GACV,YAAY,GACZ,WAAW,GACX,gBAAgB,GAChB,cAAc,GACd,MAAM,GACN,UAAU,GACV,aAAa,GACb,WAAW,GACX,eAAe,GACf,aAAa,CAChB,CAAC;AAEF,MAAM,WAAW,iBAAiB,CAAC,CAAC,CAClC,SAAQ,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,MAAM,0BAA0B,CAAC,EAC5D,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC;IACpC;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B"}

package/cjs/upload/image.type.d.ts

@@ -1,13 +1,13 @@
 import { UploadProps } from './upload.type';
 export interface UploadImageProps<T> extends Omit<UploadProps<T>, 'listType'> {
     /**
-     * @cn上传图片容器宽度
+     * @cn 上传图片容器宽度
      * @en Upload image container width
      * @default 80
      */
     width?: number;
     /**
-     * @cn上传图片容器高度
+     * @cn 上传图片容器高度
      * @en Upload image container height
      * @default 80
      */

package/cjs/upload/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/cjs/upload/result.d.ts

@@ -6,7 +6,7 @@ interface ResultProps {
     removeAble: boolean;
     name: React.ReactNode;
     message?: React.ReactNode | undefined;
-    status: 'error' | 'success' | 'uploading' | 'deleted';
+    status: 3 | 2 | 1 | -1;
     process?: number;
     jssStyle?: UploadProps<any>['jssStyle'];
     confirm?: PopoverConfirmProps | string;

package/cjs/upload/result.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAGhD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAkB,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAGjE,UAAU,WAAW;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACtC,MAAM,EAAE,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;IACtD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC;IACxC,OAAO,CAAC,EAAE,mBAAmB,GAAG,MAAM,CAAC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,QAAQ,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,WAAW,CAAC,CAAC;IAC1C,MAAM,EAAE,GAAG,EAAE,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AACD,QAAA,MAAM,MAAM,UAAW,WAAW,gBAgKjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAGhD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAkB,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAGjE,UAAU,WAAW;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IAEtC,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC;IACxC,OAAO,CAAC,EAAE,mBAAmB,GAAG,MAAM,CAAC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,QAAQ,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,WAAW,CAAC,CAAC;IAC1C,MAAM,EAAE,GAAG,EAAE,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AACD,QAAA,MAAM,MAAM,UAAW,WAAW,gBAqKjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/cjs/upload/result.js

@@ -61,22 +61,24 @@ var Result = function Result(props) {
           className: uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.resultTextFooter,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: (0, _classnames.default)(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.icon, uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.resultStatusIcon),
-            children: [status === 'uploading' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
+            children: [status === 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
               jssStyle: props.jssStyle,
               size: 10,
               name: 'ring'
-            }), status === 'success' && _icons.default.PcCheckCircleFill, status === 'error' && _icons.default.PcWarningCircleFill]
-          }), status === 'uploading' && props.process !== -1 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            }), status === 2 && _icons.default.PcCheckCircleFill, status === 3 && _icons.default.PcWarningCircleFill]
+          }), status === 1 && props.process !== -1 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             children: [Math.min(99, Math.floor(props.process || 0)), "%"]
           })]
         })]
       }), props.removeAble && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: (0, _classnames.default)(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.resultClose, uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.icon, uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.iconHover),
         onClick: confirmProps ? undefined : props.onRemove,
-        children: [confirmProps && /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.PopoverConfirm, _objectSpread(_objectSpread({}, confirmProps), {}, {
+        children: [confirmProps && /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.PopoverConfirm, _objectSpread(_objectSpread({
+          position: "top"
+        }, confirmProps), {}, {
           onOk: props.onRemove,
           jssStyle: props.jssStyle
-        })), status === 'deleted' ? _icons.default.Return : _icons.default.Delete]
+        })), status === -1 ? _icons.default.Return : _icons.default.Delete]
       })]
     });
   };
@@ -84,9 +86,9 @@ var Result = function Result(props) {
     var topBtn = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classnames.default)(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.icon, uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.imageResultTopBtn, uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.customImageBtn),
       onClick: props.onRemove,
-      children: status === 'deleted' ? _icons.default.UndeleteOpaque : _icons.default.CloseOpaqueMultic1
+      children: status === -1 ? _icons.default.UndeleteOpaque : _icons.default.CloseOpaqueMultic1
     });
-    var errorTip = status === 'error' && message && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    var errorTip = status === -1 && message && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.imageResultTip,
       children: message
     });
@@ -107,15 +109,15 @@ var Result = function Result(props) {
         width: "auto",
         height: 0
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: (0, _classnames.default)(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.imageResultMask, (isConfirm || status === 'uploading') && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.imageResultMaskShow)),
+        className: (0, _classnames.default)(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.imageResultMask, (isConfirm || status === 1) && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.imageResultMaskShow)),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.imageResultMaskOperator,
-          children: [status === 'uploading' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
+          children: [status === 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
             size: 'null',
             jssStyle: props.jssStyle,
             name: 'ring',
             className: uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.imageResultLoading
-          }), (status === 'success' || status === 'deleted') && src && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          }), (status === 2 || status === -1) && src && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: (0, _classnames.default)(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.icon),
             onClick: function onClick() {
               if (props.onPreview) {
@@ -127,7 +129,7 @@ var Result = function Result(props) {
               }
             },
             children: _icons.default.Preview
-          }), status === 'success' && props.removeAble && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          }), status === 2 && props.removeAble && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: (0, _classnames.default)(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.icon),
             onClick: confirmProps ? undefined : props.onRemove,
             children: [confirmProps && /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.PopoverConfirm, _objectSpread(_objectSpread({
@@ -137,15 +139,15 @@ var Result = function Result(props) {
               jssStyle: props.jssStyle
             })), _icons.default.Delete]
           })]
-        }), status === 'uploading' && props.process !== -1 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        }), status === 1 && props.process !== -1 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.imageResultMaskInfo,
           children: [Math.min(99, Math.floor(props.process || 0)), "%"]
         })]
-      }), status !== 'success' && props.removeAble && topBtn, errorTip]
+      }), status !== 2 && props.removeAble && topBtn, errorTip]
     });
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _classnames.default)(listType === 'image' ? uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.imageResult : uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.result, status === 'error' && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.resultError), status === 'success' && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.resultSuccess), status === 'uploading' && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.resultUploading), status === 'deleted' && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.resultDeleted)),
+    className: (0, _classnames.default)(listType === 'image' ? uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.imageResult : uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.result, status === 3 && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.resultError), status === 2 && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.resultSuccess), status === 1 && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.resultUploading), status === -1 && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.resultDeleted)),
     style: listType === 'image' ? props.imageStyle : undefined,
     children: listType === 'image' ? renderImage() : renderText()
   });

package/cjs/upload/upload.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { UploadProps } from './upload.type';
-declare const Upload: <T>(props: UploadProps<T>) => JSX.Element;
+declare const Upload: <T>(props0: UploadProps<T>) => JSX.Element;
 export default Upload;
 //# sourceMappingURL=upload.d.ts.map

package/cjs/upload/upload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["upload.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAS5C,QAAA,MAAM,MAAM,2CAiPX,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["upload.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAU5C,QAAA,MAAM,MAAM,4CAoPX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/cjs/upload/upload.js

@@ -27,13 +27,15 @@ var _useInputClick2 = require("./useInputClick");
 var _config = require("../config");
 var _icons = _interopRequireDefault(require("../icons"));
 var _immer = require("immer");
+var _useWithFormConfig = _interopRequireDefault(require("../common/use-with-form-config"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var Upload = function Upload(props) {
+var Upload = function Upload(props0) {
   var _props$jssStyle, _props$jssStyle$uploa, _props$imageStyle, _props$imageStyle2;
+  var props = (0, _useWithFormConfig.default)(props0);
   var _props$canDelete = props.canDelete,
     canDelete = _props$canDelete === void 0 ? true : _props$canDelete,
     _props$showUploadList = props.showUploadList,
@@ -180,7 +182,7 @@ var Upload = function Upload(props) {
         children: /*#__PURE__*/(0, _react.createElement)(_result.default, _objectSpread(_objectSpread({}, commonResultProps), {}, {
           values: value,
           index: index,
-          status: 'success',
+          status: 2,
           name: !isImage && renderResult(v),
           src: isImage ? renderResult(v) : '',
           removeAble: !props.disabled && (_hooks.util.isFunc(canDelete) ? canDelete(v, index) : canDelete),
@@ -200,7 +202,7 @@ var Upload = function Upload(props) {
       return /*#__PURE__*/(0, _react.createElement)(_result.default, _objectSpread(_objectSpread({}, commonResultProps), {}, {
         values: recycleValues,
         index: index,
-        status: 'deleted',
+        status: -1,
         onRemove: function onRemove() {
           func.recoverValue(index);
         },
@@ -216,7 +218,7 @@ var Upload = function Upload(props) {
   var shouldRenderLeft = listType !== 'image' || leftHandler;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     style: props.style,
-    className: (0, _classnames.default)(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapper, isImage && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperImage), props.disabled && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperDisabled), props.className),
+    className: (0, _classnames.default)(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapper, isImage && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperImage), drop && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperDrop), props.disabled && (uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.wrapperDisabled), props.className),
     children: CustomResult ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [shouldRenderLeft && renderHandler(), /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomResult, {
         value: value,

package/cjs/upload/upload.type.d.ts

@@ -3,13 +3,14 @@ import { CommonType } from '../common/type';
 import { UseUploadProps } from '@sheinx/hooks';
 import { SpinClasses } from '../spin/spin.type';
 import { PopoverConfirmProps } from '../popover';
-import { PopoverClasses } from '../popover/popover.type';
-import { ImageClasses } from '../image/image.type';
+import { PopoverJssStyle } from '../popover/popover.type';
+import { ImageJssStyleType } from '../image/image.type';
 export type { UploadOptions } from '@sheinx/hooks';
 export interface UploadClasses {
     wrapper: string;
     wrapperImage: string;
     wrapperDisabled: string;
+    wrapperDrop: string;
     dropItem: string;
     handler: string;
     icon: string;
@@ -68,6 +69,10 @@ interface UploadImageProps<T> {
         preview: () => void;
     }) => void;
 }
+export interface UploadJssStyleType extends ImageJssStyleType, PopoverJssStyle {
+    upload?: () => UploadClasses;
+    spin?: () => SpinClasses;
+}
 /**
  * @title Upload
  */
@@ -76,12 +81,7 @@ export interface UploadProps<T> extends Omit<UseUploadProps<T>, 'onChange' | 'va
      * @en Component style class
      * @cn 组件样式类
      */
-    jssStyle?: {
-        upload?: () => UploadClasses;
-        spin?: () => SpinClasses;
-        popover?: () => PopoverClasses;
-        image?: () => ImageClasses;
-    };
+    jssStyle?: UploadJssStyleType;
     /**
      * @en show upload list
      * @cn 是否展示上传列表

package/cjs/upload/upload.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"upload.type.d.ts","sourceRoot":"","sources":["upload.type.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"upload.type.d.ts","sourceRoot":"","sources":["upload.type.ts"],"names":[],"mappings":"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"}

package/cjs/virtual-scroll/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/cjs/virtual-scroll/scroll.d.ts

@@ -16,6 +16,7 @@ interface scrollProps {
     className?: string;
     style?: React.CSSProperties;
     scrollerStyle?: React.CSSProperties;
+    onMouseMove?: () => void;
 }
 declare const Scroll: (props: scrollProps) => JSX.Element;
 export default Scroll;