@opentiny/vue-renderless 3.11.0-alpha.0 → 3.11.1

package/tabbar-item/index.js

@@ -8,16 +8,17 @@ const getRouteActive = ({ props, route }) => () => {
     return pathMatched || nameMatched;
   }
 };
-const onClick = ({ api, emit, parent, props, router, state }) => () => {
-  parent.onChange(props.name || parent.index || state.index);
+const onClick = ({ api, emit, parent, props, router, state, dispatch }) => (event) => {
+  dispatch("Tabbar", "activeItem", props.name || parent.index || state.index);
   emit("click", event);
   api.routeTab(router);
 };
-const bindChildren = (parent) => () => {
-  if (!parent) {
+const bindChildren = ({ parent, vm, dispatch }) => () => {
+  if (!parent.$parent) {
     return;
   }
-  parent.state.children = parent.getChildrens();
+  dispatch("Tabbar", "updateItems", vm);
+  dispatch("Tabbar", "showIndex");
 };
 const routeTab = (props, state) => (router) => {
   const { to, replace } = props;
@@ -35,9 +36,13 @@ const routeTab = (props, state) => (router) => {
     replace ? location.replace(url) : location.href = url;
   }
 };
+const getTabbarItemsWidth = (state) => (tabbarWidth, tabbarNumber) => {
+  state.itemWidth = tabbarWidth / tabbarNumber + "px";
+};
 export {
   bindChildren,
   getRouteActive,
+  getTabbarItemsWidth,
   onClick,
   routeTab
 };

package/tabbar-item/vue.js

@@ -1,23 +1,28 @@
 import "../chunk-G2ADBYYC.js";
-import { getRouteActive, onClick, bindChildren, routeTab } from "./index";
-import { xss } from "../common/xss.js";
-const api = ["state", "onClick"];
-const renderless = (props, { computed, onMounted, reactive }, { parent, emit, nextTick, route, router }) => {
+import { getRouteActive, onClick, bindChildren, routeTab, getTabbarItemsWidth } from "./index";
+import { xss } from "../common";
+const api = ["state", "onClick", "getTabbarItemsWidth"];
+const renderless = (props, { computed, onMounted, reactive }, { parent, emit, nextTick, route, router, dispatch, vm }) => {
   const api2 = {};
   const state = reactive({
+    index: -1,
     active: false,
     info: computed(() => props.dot ? "" : !props.dot && props.badge),
     url: computed(() => xss.filterUrl(props.url)),
     routeActive: computed(() => api2.getRouteActive()),
-    renderActive: computed(() => parent.route ? state.routeActive : state.active),
-    renderColor: computed(() => parent[state.active ? "activeColor" : "inactiveColor"])
+    renderActive: computed(() => parent.$parent.route ? state.routeActive : state.active),
+    renderColor: computed(() => parent.$parent[state.active ? "activeColor" : "inactiveColor"]),
+    showVm: true,
+    itemWidth: null,
+    childrenNumber: 0
   });
   Object.assign(api2, {
     state,
-    bindChildren: bindChildren(parent),
+    bindChildren: bindChildren({ parent, dispatch, vm }),
     routeTab: routeTab(props, state),
     getRouteActive: getRouteActive({ props, route }),
-    onClick: onClick({ api: api2, emit, parent, props, router, state })
+    onClick: onClick({ api: api2, emit, parent, props, router, state, dispatch }),
+    getTabbarItemsWidth: getTabbarItemsWidth(state)
   });
   onMounted(() => nextTick(api2.bindChildren));
   return api2;

package/tag/index.js

@@ -8,7 +8,7 @@ const handleClose = ({ emit, props, state }) => (event) => {
   props.beforeDelete ? props.beforeDelete(close) : close();
 };
 const handleClick = ({ emit, props, parent, state }) => (event) => {
-  if (props.selectable || props.disabled)
+  if (!props.selectable || props.disabled)
     return;
   parent.$parent && parent.$parent.tagSelectable && event.stopPropagation();
   state.selected = !state.selected;

package/types/anchor.type.d.mts

@@ -18,6 +18,10 @@ declare const anchorProps: {
         type: StringConstructor;
         default: string;
     };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
 };
 
 /**

package/types/file-upload.type.d.mts

@@ -1,3 +1,3 @@
 import 'vue';
-export { C as IFileUploadAfterDownload, m as IFileUploadApi, D as IFileUploadBatchSegmentDownload, y as IFileUploadBatchSegmentUpload, a as IFileUploadConstants, w as IFileUploadDownloadFileInner, x as IFileUploadDownloadFileSingle, u as IFileUploadDownloadFileSingleInner, t as IFileUploadEdmDownload, s as IFileUploadFile, A as IFileUploadGetFormData, v as IFileUploadLargeDocumentDownload, r as IFileUploadModalVm, o as IFileUploadProps, p as IFileUploadRenderlessParamUtils, q as IFileUploadRenderlessParams, z as IFileUploadSegmentUploadInner, n as IFileUploadService, B as IFileUploadSetWriterFile, E as IFileUploadSliceDownloadChunk, l as IFileUploadState, F as IFileUploadStreamsaver, I as IFileUploadVm } from './upload-list.type-4dfd7aba.js';
+export { C as IFileUploadAfterDownload, m as IFileUploadApi, D as IFileUploadBatchSegmentDownload, y as IFileUploadBatchSegmentUpload, a as IFileUploadConstants, w as IFileUploadDownloadFileInner, x as IFileUploadDownloadFileSingle, u as IFileUploadDownloadFileSingleInner, t as IFileUploadEdmDownload, s as IFileUploadFile, A as IFileUploadGetFormData, v as IFileUploadLargeDocumentDownload, r as IFileUploadModalVm, o as IFileUploadProps, p as IFileUploadRenderlessParamUtils, q as IFileUploadRenderlessParams, z as IFileUploadSegmentUploadInner, n as IFileUploadService, B as IFileUploadSetWriterFile, E as IFileUploadSliceDownloadChunk, l as IFileUploadState, F as IFileUploadStreamsaver, I as IFileUploadVm } from './upload-list.type-b934f279.js';
 import './shared.type.mjs';

package/types/form-item.type.d.mts

@@ -1,3 +1,3 @@
 import 'vue';
-export { i as IFormItemApi, f as IFormItemConstants, I as IFormItemDisplayedValueParam, k as IFormItemInstance, c as IFormItemLabelStyle, g as IFormItemProps, j as IFormItemRenderlessParamUtils, h as IFormItemRenderlessParams, d as IFormItemRule, e as IFormItemState, b as IFormItemTrigger, a as IFormItemValidateStatus } from './form.type-7fc7c2ad.js';
+export { i as IFormItemApi, f as IFormItemConstants, I as IFormItemDisplayedValueParam, k as IFormItemInstance, c as IFormItemLabelStyle, g as IFormItemProps, j as IFormItemRenderlessParamUtils, h as IFormItemRenderlessParams, d as IFormItemRule, e as IFormItemState, b as IFormItemTrigger, a as IFormItemValidateStatus } from './form.type-1e2e9272.js';
 import './shared.type.mjs';

package/types/{form.type-7fc7c2ad.d.ts → form.type-1e2e9272.d.ts}

@@ -4,7 +4,11 @@ import { ISharedRenderlessFunctionParams, ISharedRenderlessParamUtils, ITinyVm }
 declare const formProps: {
     model: ObjectConstructor;
     rules: ObjectConstructor;
-    inlineMessage: BooleanConstructor;
+    inlineMessage: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    messageType: StringConstructor;
     statusIcon: BooleanConstructor;
     showMessage: {
         type: BooleanConstructor;
@@ -21,8 +25,8 @@ declare const formProps: {
         default: boolean;
     };
     hideRequiredAsterisk: {
-        type: (BooleanConstructor | null)[];
-        default: null;
+        type: BooleanConstructor;
+        default: undefined;
     };
     labelPosition: {
         type: StringConstructor;
@@ -55,6 +59,7 @@ declare const formProps: {
         default: string;
         validator(value: string): boolean;
     };
+    validateIcon: ObjectConstructor;
     manual: {
         type: BooleanConstructor;
         default: boolean;
@@ -97,7 +102,7 @@ declare const formItemProps: {
     };
     appendToBody: {
         type: BooleanConstructor;
-        default: boolean;
+        default: undefined;
     };
     error: {
         type: StringConstructor;
@@ -105,9 +110,10 @@ declare const formItemProps: {
     };
     for: StringConstructor;
     inlineMessage: {
-        type: (StringConstructor | BooleanConstructor)[];
-        default: string;
+        type: BooleanConstructor;
+        default: undefined;
     };
+    messageType: StringConstructor;
     label: StringConstructor;
     labelWidth: StringConstructor;
     manual: BooleanConstructor;
@@ -131,10 +137,7 @@ declare const formItemProps: {
     validatePosition: StringConstructor;
     validateStatus: StringConstructor;
     validateType: StringConstructor;
-    validateIcon: {
-        type: ObjectConstructor;
-        default: null;
-    };
+    validateIcon: ObjectConstructor;
     ellipsis: {
         type: BooleanConstructor;
         default: boolean;
@@ -166,6 +169,9 @@ declare const formItemProps: {
 declare const watchError: (state: IFormItemRenderlessParams['state']) => (value: string) => void;
 declare const watchValidateStatus: (state: IFormItemRenderlessParams['state']) => (value: IFormItemValidateStatus) => void;
 declare const computedGetValidateType: ({ props, state }: Pick<IFormItemRenderlessParams, 'props' | 'state'>) => () => string;
+declare const computedValidateIcon$1: ({ props, state }: Pick<IFormItemRenderlessParams, 'props' | 'state'>) => () => object | null;
+declare const computedIsErrorInline$1: ({ props, state }: Pick<IFormItemRenderlessParams, 'props' | 'state'>) => () => boolean;
+declare const computedIsErrorBlock$1: ({ props, state }: Pick<IFormItemRenderlessParams, 'props' | 'state'>) => () => boolean;
 declare const computedLabelStyle: ({ props, state }: Pick<IFormItemRenderlessParams, 'props' | 'state'>) => () => IFormItemLabelStyle;
 declare const computedValueStyle: ({ props, state }: Pick<IFormItemRenderlessParams, 'props' | 'state'>) => () => {
     width: string;
@@ -255,9 +261,11 @@ interface IFormItemState {
     labelSuffix: string;
     labelWidth: string;
     showMessage: boolean;
-    inlineMessage: boolean;
     sizeClass: string | undefined;
     getValidateType: string;
+    validateIcon: object | null;
+    isErrorInline: boolean;
+    isErrorBlock: boolean;
 }
 type IFormItemConstants = typeof $constants;
 type IFormItemProps = ExtractPropTypes<typeof formItemProps>;
@@ -281,6 +289,9 @@ interface IFormItemApi {
     computedForm: ReturnType<typeof computedForm>;
     computedFieldValue: ReturnType<typeof computedFieldValue>;
     computedGetValidateType: ReturnType<typeof computedGetValidateType>;
+    computedValidateIcon: ReturnType<typeof computedValidateIcon$1>;
+    computedIsErrorInline: ReturnType<typeof computedIsErrorInline$1>;
+    computedIsErrorBlock: ReturnType<typeof computedIsErrorBlock$1>;
     clearValidate: ReturnType<typeof clearValidate$1>;
     getRules: ReturnType<typeof getRules>;
     updateComputedLabelWidth: ReturnType<typeof updateComputedLabelWidth>;
@@ -317,6 +328,9 @@ type IFormItemInstance = ITinyVm<IFormItemConstants> & IFormItemProps & IFormIte
 declare const watchRules: ({ api, props, state }: Pick<IFormRenderlessParams, 'api' | 'props' | 'state'>) => (newRules?: {}, oldRules?: {}) => void;
 declare const computedAutoLabelWidth: ({ state }: Pick<IFormRenderlessParams, 'state'>) => () => string;
 declare const computedHideRequiredAsterisk: ({ props, designConfig }: Pick<IFormRenderlessParams, 'props' | 'designConfig'>) => () => boolean;
+declare const computedValidateIcon: ({ props, designConfig }: Pick<IFormRenderlessParams, 'props' | 'designConfig'>) => () => object | null;
+declare const computedIsErrorInline: ({ props, designConfig }: Pick<IFormRenderlessParams, 'props' | 'designConfig'>) => () => boolean;
+declare const computedIsErrorBlock: ({ props, designConfig }: Pick<IFormRenderlessParams, 'props' | 'designConfig'>) => () => boolean;
 declare const created: ({ parent, state }: Pick<IFormRenderlessParams, 'parent' | 'state'>) => () => void;
 declare const resetFields: ({ props, state }: Pick<IFormRenderlessParams, 'props' | 'state'>) => () => void;
 declare const updateTip: ({ props, state }: Pick<IFormRenderlessParams, 'props' | 'state'>) => () => void;
@@ -343,6 +357,9 @@ interface IFormState {
     isDisplayOnly: boolean;
     hasRequired: boolean;
     hideRequiredAsterisk: boolean;
+    validateIcon: object | null;
+    isErrorInline: boolean;
+    isErrorBlock: boolean;
 }
 type IFormProps = ExtractPropTypes<typeof formProps>;
 type IFormRenderlessParams = ISharedRenderlessFunctionParams<never> & {
@@ -356,6 +373,9 @@ interface IFormApi {
     updateTip: ReturnType<typeof updateTip>;
     computedAutoLabelWidth: ReturnType<typeof computedAutoLabelWidth>;
     computedHideRequiredAsterisk: ReturnType<typeof computedHideRequiredAsterisk>;
+    computedValidateIcon: ReturnType<typeof computedValidateIcon>;
+    computedIsErrorInline: ReturnType<typeof computedIsErrorInline>;
+    computedIsErrorBlock: ReturnType<typeof computedIsErrorBlock>;
     created: ReturnType<typeof created>;
     resetFields: ReturnType<typeof resetFields>;
     clearValidate: ReturnType<typeof clearValidate>;

package/types/form.type.d.mts

@@ -1,3 +1,3 @@
 import 'vue';
-export { p as IFormApi, r as IFormInstance, n as IFormProps, q as IFormRenderlessParamUtils, o as IFormRenderlessParams, l as IFormRules, m as IFormState } from './form.type-7fc7c2ad.js';
+export { p as IFormApi, r as IFormInstance, n as IFormProps, q as IFormRenderlessParamUtils, o as IFormRenderlessParams, l as IFormRules, m as IFormState } from './form.type-1e2e9272.js';
 import './shared.type.mjs';

package/types/image.type.d.mts

@@ -79,11 +79,25 @@ declare const imageProps: {
  *
  */
 
-declare const computedGetImageStyle: ({ props }: Pick<IImageRenderlessParams, 'props'>) => () => {
-    'object-fit': string;
+declare const computedGetImageStyle: ({ props, api }: Pick<IImageRenderlessParams, 'props' | 'api'>) => () => {
+    width?: undefined;
+    height?: undefined;
+} | {
+    width: string;
+    height: string;
+} | {
+    width: string;
+    height?: undefined;
 } | {
-    'object-fit'?: undefined;
+    height: string;
+    width?: undefined;
+} | {
+    'object-fit': string;
 };
+declare const computedGetAlignCenter: ({ props, constants }: {
+    props: any;
+    constants: any;
+}) => () => boolean;
 declare const computedGetPreview: (props: IImageProps) => () => boolean;
 declare const loadImage: ({ state, api, attrs, props }: Pick<IImageRenderlessParams, 'api' | 'state' | 'props' | 'attrs'>) => () => void;
 declare const handleLoad: ({ state, emit }: Pick<IImageRenderlessParams, 'emit' | 'state'>) => (event: Event, img: HTMLImageElement) => void;
@@ -93,7 +107,23 @@ declare const handleError: ({ state, emit }: Pick<IImageRenderlessParams, 'emit'
 declare const handleLazyLoad: ({ state, api, vm, nextTick }: Pick<IImageRenderlessParams, 'api' | 'state' | 'nextTick' | 'vm'>) => () => void;
 declare const addLazyLoadListener: ({ props, state, api, vm }: Pick<IImageRenderlessParams, 'api' | 'state' | 'props' | 'vm'>) => () => void;
 declare const removeLazyLoadListener: (state: IImageState) => () => void;
-declare const clickHandler: (state: IImageState) => () => boolean;
+/**
+ * simulate object-fit behavior to compatible with IE11 and other browsers which not support object-fit
+ */
+declare const getImageStyle: ({ state, vm, constants }: Pick<IImageRenderlessParams, 'state' | 'vm' | 'constants'>) => (fit: any) => {
+    width?: undefined;
+    height?: undefined;
+} | {
+    width: string;
+    height: string;
+} | {
+    width: string;
+    height?: undefined;
+} | {
+    height: string;
+    width?: undefined;
+};
+declare const clickHandler: (state: IImageState) => () => void;
 declare const closeViewer: (state: IImageState) => () => boolean;
 declare const mounted: ({ props, api }: Pick<IImageRenderlessParams, 'props' | 'api'>) => () => void;
 
@@ -112,6 +142,7 @@ interface IImageState {
     /** 判定previewSrcList不为空是，返回true。 名字更应该为： hasPreview */
     getPreview: boolean;
     getImageStyle: object;
+    getAlignCenter: object;
     _scrollContainer: HTMLElement | null;
     _lazyLoadHandler: ((...args: any[]) => void) | null;
 }
@@ -129,6 +160,8 @@ interface IImageApi {
     computedGetImageStyle: ReturnType<typeof computedGetImageStyle>;
     addLazyLoadListener: ReturnType<typeof addLazyLoadListener>;
     deleteHander: ReturnType<typeof deleteHander>;
+    computedGetAlignCenter: ReturnType<typeof computedGetAlignCenter>;
+    getImageStyle: ReturnType<typeof getImageStyle>;
 }
 /** image的混合上下文 */
 type IImageRenderlessParams = ISharedRenderlessFunctionParams<IImageConstants> & {

package/types/nav-menu.type.d.mts

@@ -64,10 +64,14 @@ interface INavMenuState {
     marginLeft: number;
     isShowMore: ComputedRef<boolean>;
     popClass: ComputedRef<boolean>;
-    subMenus: ComputedRef<Array<menuItemType>>;
+    subMenus: Array<menuItemType>;
     menuStyle: ComputedRef<boolean>;
     popStyle: ComputedRef<boolean>;
     afterEach: (() => void) | null;
+    tooltipVisible: boolean;
+    tooltipContent: string | null;
+    isSaaSTheme: boolean;
+    menuClass: string;
 }
 interface INavMenuApi {
     state: INavMenuState;
@@ -100,6 +104,8 @@ interface INavMenuApi {
     willHideSubMenu: () => void;
     hideSubMenu: () => void;
     showSubMenu: (list: Array<menuItemType>, { more, index }: whitchSubMenuType, event: MouseEvent) => void;
+    handleTitleMouseenter: ($event: MouseEvent) => void;
+    handleTitleMouseleave: () => void;
 }
 interface fieldsType {
     textField: string;

package/types/popover.type.d.mts

@@ -158,6 +158,7 @@ type IPopoverRenderlessParams = ISharedRenderlessFunctionParams<never> & {
     props: IPopoverProps;
     state: IPopoverState;
     api: IPopoverApi;
+    updatePopper: () => void;
 };
 
 export { IPopoverApi, IPopoverProps, IPopoverRenderlessParams, IPopoverState };

package/types/shared.type.d.mts

@@ -27,8 +27,8 @@ interface ISharedRenderlessParamUtils<CT = never> {
     i18n: any;
     /** 组件内国际化，常用函数 */
     t: (path: string, options?: any) => string;
-    /** 模式。
-     * @mark 取值为：pc  mobile  mobile-first */
+    /** 组件模式。
+     * @mark 等同于 vm.$mode, 取值为：pc  mobile  mobile-first */
     mode: 'pc' | 'mobile' | 'mobile-first';
     /** 是否为 mobile */
     isMobileMode: boolean;
@@ -49,7 +49,7 @@ interface ISharedRenderlessParamUtils<CT = never> {
     /** 第一次mount加载后的所有refs，不会更新！ ⭐要避免使用 */
     refs: Record<string, any>;
     /** 组件初化时的页面路由，不会更新！
-     * @mark ⭐要避免使用 */
+     * @mark ⭐要避免使用, 请使用vm.$refs */
     route: any;
     /** 当前的router实例。 从app的根上读取 */
     router: any;
@@ -70,7 +70,7 @@ interface ISharedRenderlessParamUtils<CT = never> {
     /** 向实例的subTree 遍历。
      * 1、handler 是函数： handler入参{level,vm,el,options,isLevel1}. 给每个子节点遍历调用函数。
      * 2、handler 是非函数： 直接通过 instance.subTree 来生成一个同等树状的vm数据。
-     * @mark ⭐全局有4个组件使用到 handler是函数 的用法 ，用于遍历子节点，将符合条件的信息收集到一个数组中。
+     * @mark ⭐全局有4个组件使用到`handler是函数`的用法 ，用于遍历子节点，将符合条件的信息收集到一个数组中。
      */
     childrenHandler: (handler?: (node: {
         level: number;
@@ -98,7 +98,7 @@ interface ISharedRenderlessParamUtils<CT = never> {
     defineParentInstanceProperties: (props: PropertyDescriptorMap & ThisType<any>) => void;
     /** 返回 context.emit */
     emit: (event: any, ...args: any[]) => void;
-    /** Tiny 适配器中，自行封装的一个 EventBus模型。每次调用返回一个新的模型对象。
+    /** Tiny 适配器中，自行封装的一个 EventBus模型的工厂函数。⭐每次调用才返回一个新的模型对象。
      * @mark vm中，会给instance添加一个$emitter=emitter() ,就是该函数返回的模型。 vm中的$on, $off,$once 都是该模型的方法。
      * @mark ⭐所以不要直接使用该函数。
      */

package/types/upload-dragger.type.d.mts

@@ -1,6 +1,6 @@
 import { ExtractPropTypes } from 'vue';
 import { ISharedRenderlessParamUtils, ISharedRenderlessFunctionParams } from './shared.type.mjs';
-import { I as IFileUploadVm, a as IFileUploadConstants } from './upload-list.type-4dfd7aba.js';
+import { I as IFileUploadVm, a as IFileUploadConstants } from './upload-list.type-b934f279.js';
 
 declare const UploadDraggerProps: {
     disabled: BooleanConstructor;

package/types/{upload-list.type-4dfd7aba.d.ts → upload-list.type-b934f279.d.ts}

@@ -335,6 +335,10 @@ declare const fileUploadProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    pasteUpload: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
     tiny_template: (FunctionConstructor | ObjectConstructor)[];
@@ -553,6 +557,7 @@ declare const uploadProps: {
     };
     autoUpload: BooleanConstructor;
     beforeUpload: FunctionConstructor;
+    pasteUpload: BooleanConstructor;
     data: ObjectConstructor;
     disabled: BooleanConstructor;
     drag: BooleanConstructor;
@@ -640,12 +645,13 @@ declare const uploadProps: {
 
 declare const isImage: (str: string) => boolean;
 declare const handleChange: (api: IUploadRenderlessParams['api']) => (event: Event) => void;
+declare const handlePaste: ({ api, props }: Pick<IUploadRenderlessParams, 'api' | 'props'>) => (event: ClipboardEvent) => void;
 declare const getFormData: ({ constants, state, props }: Pick<IUploadRenderlessParams, 'constants' | 'state' | 'props'>) => ({ formData, file, type }: {
     formData: IUploadFormData;
     file: IFileUploadFile;
     type: string;
 }) => void;
-declare const uploadFiles: ({ state, constants, Modal, props, t }: Pick<IUploadRenderlessParams, 'state' | 'constants' | 'props' | 't'> & IFileUploadModalVm) => (files: FileList) => void;
+declare const uploadFiles: ({ state, constants, Modal, props, t }: Pick<IUploadRenderlessParams, 'state' | 'constants' | 'props' | 't'> & IFileUploadModalVm) => (files: FileList | IFileUploadFile[]) => void;
 declare const upload: ({ api, props, refs }: Pick<IUploadRenderlessParams, 'api' | 'props' | 'refs'>) => (rawFile: File) => void;
 declare const abort: ({ state, props, constants }: Pick<IUploadRenderlessParams, 'state' | 'props' | 'constants'>) => (file: IFileUploadFile) => void;
 declare const post: ({ api, constants, props, state, service }: Pick<IUploadRenderlessParams, 'api' | 'constants' | 'props' | 'state' | 'service'>) => (rawFile: IFileUploadFile) => void;
@@ -681,6 +687,7 @@ interface IUploadApi {
     handleClick: ReturnType<typeof handleClick>;
     onBeforeDestroy: ReturnType<typeof onBeforeDestroy>;
     handleUpdate: ReturnType<typeof handleUpdate>;
+    handlePaste: ReturnType<typeof handlePaste>;
     uploadFiles: ReturnType<typeof uploadFiles>;
     post: ReturnType<typeof post>;
     handleChange: ReturnType<typeof handleChange>;

package/types/upload-list.type.d.mts

@@ -1,3 +1,3 @@
 import 'vue';
-export { H as IUploadListApi, J as IUploadListProps, K as IUploadListRenderlessParamUtils, L as IUploadListRenderlessParams, G as IUploadListState, M as IUploadListVideoParam } from './upload-list.type-4dfd7aba.js';
+export { H as IUploadListApi, J as IUploadListProps, K as IUploadListRenderlessParamUtils, L as IUploadListRenderlessParams, G as IUploadListState, M as IUploadListVideoParam } from './upload-list.type-b934f279.js';
 import './shared.type.mjs';

package/types/upload.type.d.mts

@@ -1,3 +1,3 @@
 import 'vue';
-export { d as IUploadApi, i as IUploadFormData, k as IUploadOptionsOfHwh5, j as IUploadOptionsOfPost, e as IUploadProps, h as IUploadRenderlessOtherParams, f as IUploadRenderlessParamUtils, g as IUploadRenderlessParams, c as IUploadState, b as IUploadStateHeader } from './upload-list.type-4dfd7aba.js';
+export { d as IUploadApi, i as IUploadFormData, k as IUploadOptionsOfHwh5, j as IUploadOptionsOfPost, e as IUploadProps, h as IUploadRenderlessOtherParams, f as IUploadRenderlessParamUtils, g as IUploadRenderlessParams, c as IUploadState, b as IUploadStateHeader } from './upload-list.type-b934f279.js';
 import './shared.type.mjs';

package/upload/index.js

@@ -8,6 +8,28 @@ const handleChange = (api) => (event) => {
   }
   api.uploadFiles(files);
 };
+const handlePaste = ({ api, props }) => (event) => {
+  var _a;
+  event.preventDefault();
+  if (!props.pasteUpload) {
+    return;
+  }
+  const items = (_a = event.clipboardData) == null ? void 0 : _a.items;
+  if (!items) {
+    return;
+  }
+  const files = [];
+  for (let i = 0; i < items.length; i++) {
+    const file = items[i].getAsFile();
+    if (file) {
+      files.push(file);
+    }
+  }
+  if (!files.length) {
+    return;
+  }
+  api.uploadFiles(files);
+};
 const getFormData = ({ constants, state, props }) => ({ formData, file, type }) => {
   const uploaderInner = state.uploader.$refs[constants.FILE_UPLOAD_INNER_TEMPLATE];
   if (uploaderInner.edm.upload) {
@@ -342,6 +364,7 @@ export {
   handleChange,
   handleClick,
   handleKeydown,
+  handlePaste,
   handleUpdate,
   isImage,
   mounted,

package/upload/vue.js

@@ -4,6 +4,7 @@ import {
   isImage,
   handleChange,
   uploadFiles,
+  handlePaste,
   upload,
   abort,
   post,
@@ -17,6 +18,7 @@ const api = [
   "state",
   "isImage",
   "handleChange",
+  "handlePaste",
   "uploadFiles",
   "upload",
   "abort",
@@ -60,6 +62,7 @@ const renderless = (props, { computed, inject, reactive, onMounted, onBeforeUnmo
     uploadFiles: uploadFiles({ constants, Modal, props, state, t }),
     post: post({ api: api2, constants, props, state, service }),
     handleChange: handleChange(api2),
+    handlePaste: handlePaste({ api: api2, props }),
     handleKeydown: handleKeydown(api2),
     upload: upload({ api: api2, props, refs }),
     mounted: mounted({ state, props, api: api2 })

package/user/index.js

@@ -428,8 +428,9 @@ const initUser = ({ api, props, state }) => (value) => {
     api.userChange(value);
   });
 };
-const handleBlur = ({ constants, dispatch, state }) => () => {
+const handleBlur = ({ constants, dispatch, state, emit }) => (e) => {
   dispatch(constants.COMPONENT_NAME.FormItem, constants.EVENT_NAME.FormBlur, state.user);
+  emit("blur", e);
 };
 const initService = ({ props, service }) => {
   const noopFnCreator = (propName) => () => {

package/user/vue.js

@@ -50,7 +50,7 @@ const renderless = (props, { reactive, watch, computed, provide }, { emit, nextT
     updateCache: updateCache({ props, state }),
     autoSelect: autoSelect({ props, state, nextTick }),
     updateOptions: updateOptions({ props, state, nextTick }),
-    handleBlur: handleBlur({ constants, dispatch, state }),
+    handleBlur: handleBlur({ constants, dispatch, state, emit }),
     filter: filter({ props, state }),
     suggestUser: suggestUser(api2),
     cacheUser: cacheUser({ api: api2, props, service: $service, state }),