vxe-pc-ui 3.14.26 → 3.14.28

package/packages/upload/src/upload.ts

@@ -66,6 +66,51 @@ function hideDropTip ($xeUpload: VxeUploadConstructor) {
   }
 }
 
+const handleClearFile = ($xeUpload: VxeUploadConstructor, evnt: Event | null) => {
+  const reactData = $xeUpload.reactData
+
+  const { fileList } = reactData
+  const urlProp = $xeUpload.computeUrlProp
+  const rest: Promise<{
+    url: string
+    status: boolean
+  }>[] = []
+  XEUtils.lastEach(fileList, (item, index) => {
+    rest.push(
+      $xeUpload.removeFileEvent(evnt, item, index).then(status => {
+        return { url: item[urlProp], status }
+      })
+    )
+  })
+  return Promise.all(rest)
+}
+
+function handleRemoveFile ($xeUpload: VxeUploadConstructor, evnt: Event | null, urlOrItem: string | VxeUploadDefines.FileObjItem | string[] | VxeUploadDefines.FileObjItem[] | null) {
+  const reactData = $xeUpload.reactData
+
+  const { fileList } = reactData
+  const urlProp = $xeUpload.computeUrlProp
+  const urls = (XEUtils.isArray(urlOrItem) ? urlOrItem : [urlOrItem])
+  const rest: Promise<{
+    url: string
+    status: boolean
+  }>[] = []
+  urls.forEach((obj: any) => {
+    if (obj) {
+      const url = XEUtils.isString(obj) ? obj : obj[urlProp]
+      const index = XEUtils.findIndexOf(fileList, fileItem => fileItem[urlProp] === url)
+      if (index > -1) {
+        rest.push(
+          $xeUpload.removeFileEvent(evnt, fileList[index], index).then(status => {
+            return { url: url, status }
+          })
+        )
+      }
+    }
+  })
+  return Promise.all(rest)
+}
+
 function createReactData (): UploadReactData {
   return {
     isDragUploadStatus: false,
@@ -528,6 +573,16 @@ export default /* define-vxe-component start */ defineVxeComponent({
       const $xeUpload = this
       return $xeUpload.handleChoose(null)
     },
+    clear () {
+      const $xeUpload = this
+
+      return handleClearFile($xeUpload, null)
+    },
+    clearByEvent (evnt: Event) {
+      const $xeUpload = this
+
+      return handleClearFile($xeUpload, evnt)
+    },
     getPendingFiles () {
       const $xeUpload = this
       const reactData = $xeUpload.reactData
@@ -611,6 +666,16 @@ export default /* define-vxe-component start */ defineVxeComponent({
       }
       return $xeUpload.$nextTick()
     },
+    remove (urlOrItem: string | string[] | VxeUploadDefines.FileObjItem | VxeUploadDefines.FileObjItem[] | null) {
+      const $xeUpload = this
+
+      return handleRemoveFile($xeUpload, null, urlOrItem)
+    },
+    removeByEvent (evnt: Event, urlOrItem: string | string[] | VxeUploadDefines.FileObjItem | VxeUploadDefines.FileObjItem[] | null) {
+      const $xeUpload = this
+
+      return handleRemoveFile($xeUpload, evnt, urlOrItem)
+    },
     getFieldKey  (item: VxeUploadDefines.FileObjItem) {
       const $xeUpload = this
 
@@ -1040,7 +1105,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
         // 错误文件类型
       })
     },
-    handleRemoveEvent  (evnt: MouseEvent, item: VxeUploadDefines.FileObjItem, index: number) {
+    handleRemoveEvent  (evnt: Event | null, item: VxeUploadDefines.FileObjItem, index: number) {
       const $xeUpload = this
       const reactData = $xeUpload.reactData
       const $xeForm = $xeUpload.$xeForm
@@ -1051,17 +1116,19 @@ export default /* define-vxe-component start */ defineVxeComponent({
       $xeUpload.handleChange(fileList)
       // 自动更新校验状态
       if ($xeForm && formItemInfo) {
-        $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, fileList)
+        $xeForm.triggerItemEvent(evnt || { type: 'remove' }, formItemInfo.itemConfig.field, fileList)
+      }
+      if (evnt) {
+        $xeUpload.dispatchEvent('remove', { option: item }, evnt)
       }
-      $xeUpload.dispatchEvent('remove', { option: item }, evnt)
     },
-    removeFileEvent  (evnt: MouseEvent, item: VxeUploadDefines.FileObjItem, index: number) {
+    removeFileEvent  (evnt: Event | null, item: VxeUploadDefines.FileObjItem, index: number) {
       const $xeUpload = this
       const props = $xeUpload
 
       const beforeRemoveFn = props.beforeRemoveMethod || getConfig().upload.beforeRemoveMethod
       const removeFn = props.removeMethod || getConfig().upload.removeMethod
-      Promise.resolve(
+      return Promise.resolve(
         beforeRemoveFn
           ? beforeRemoveFn({
             $upload: $xeUpload,
@@ -1085,6 +1152,7 @@ export default /* define-vxe-component start */ defineVxeComponent({
         } else {
           $xeUpload.dispatchEvent('remove-fail', { option: item }, evnt)
         }
+        return status
       })
     },
     handleDownloadEvent  (evnt: MouseEvent, item: VxeUploadDefines.FileObjItem) {

package/styles/components/date-panel.scss

@@ -187,6 +187,7 @@
   flex-direction: row;
 }
 .vxe-date-panel--view-item {
+  position: relative;
   padding: 0.2em;
   &.is--prev,
   &.is--next {
@@ -246,6 +247,9 @@
       }
     }
   }
+  &.is--range-selected {
+    background-color: var(--vxe-ui-font-primary-tinge-color);
+  }
   &.is--range-disabled {
     .vxe-date-panel--view-item-inner {
       color: var(--vxe-ui-input-disabled-color);

package/styles/components/form.scss

@@ -139,7 +139,7 @@
     pointer-events: auto;
   }
   .vxe-form-item--valid-error-theme-beautify {
-    padding: 0.2em 0.6em 0.25em 0.6em;
+    padding: 0.15em 0.6em 0.2em 0.6em;
     color: #fff;
     background-color: var(--vxe-ui-status-error-color);
     .vxe-form-item--valid-error-msg {
@@ -211,7 +211,7 @@
   box-shadow: 2px 2px 4px -2px rgba(0,0,0,.5);
 }
 .vxe-form-item--valid-error-icon-theme-beautify {
-  padding: 0.2em 0.6em 0.25em 0.6em;
+  padding: 0.15em 0.6em 0.2em 0.6em;
   color: #fff;
   background-color: var(--vxe-ui-status-error-color);
   .vxe-form-item--valid-error-msg {

package/styles/components/radio.scss

@@ -2,7 +2,7 @@
 
 /*radio-group*/
 .vxe-radio-group {
-  display: inline-block;
+  display: inline-flex;
   vertical-align: middle;
   line-height: 1;
   font-size: 0;
@@ -15,7 +15,7 @@
 
 /*radio*/
 .vxe-radio {
-  display: inline-block;
+  display: inline-flex;
   vertical-align: middle;
   white-space: nowrap;
   line-height: 1;

package/types/components/date-panel.d.ts

@@ -19,6 +19,12 @@ export namespace VxeDatePanelPropTypes {
   export type Size = VxeComponentSizeType
   export type ModelValue = string | number | Date | null
   export type ClassName = string
+  export type CellClassName = string | ((params: {
+    $datePanel: VxeDatePanelConstructor
+    type: string
+    viewType: VxeDatePanelDefines.DatePanelType
+    date: Date
+  }) => string)
   export type Type = 'date' | 'time' | 'datetime' | 'week' | 'month' | 'quarter' | 'year'
   export type Multiple = boolean
   export type LimitCount = string | number
@@ -68,6 +74,7 @@ export interface VxeDatePanelProps {
   size?: VxeDatePanelPropTypes.Size
   value?: VxeDatePanelPropTypes.ModelValue
   className?: VxeDatePanelPropTypes.ClassName
+  cellClassName?: VxeDatePanelPropTypes.CellClassName
   type?: VxeDatePanelPropTypes.Type
   multiple?: VxeDatePanelPropTypes.Multiple
   limitCount?: VxeDatePanelPropTypes.LimitCount

package/types/components/form.d.ts

@@ -161,7 +161,7 @@ export interface FormPrivateComputed {
 }
 export interface VxeFormPrivateComputed extends FormPrivateComputed { }
 
-export interface FormReactData {
+export interface FormReactData<D = any> {
   collapseAll: boolean
   staticItems: any[]
   formItems: VxeFormDefines.ItemInfo[]
@@ -182,6 +182,8 @@ export interface FormInternalData {
       label?: any
     }
   }>
+  fullItemIdData: Record<string, VxeFormDefines.ItemCacheItem>
+  fullItemFieldData: Record<string, VxeFormDefines.ItemCacheItem>
 }
 
 export interface FormMethods<D = any> {
@@ -221,6 +223,18 @@ export interface FormMethods<D = any> {
    * 获取表单项列表
    */
   getItems(): VxeFormDefines.ItemInfo[]
+  /**
+   * 加载表单项
+   */
+  loadItems(items: VxeFormPropTypes.Items | VxeFormDefines.ItemInfo[]): Promise<any>
+  /**
+   * 隐藏指定项
+   */
+  hideItem(fieldOrItems?: VxeFormItemPropTypes.Field | VxeFormItemPropTypes.Field[] | VxeFormDefines.ItemInfo | VxeFormDefines.ItemInfo[] | null): Promise<void>
+  /**
+   * 显示指定项
+   */
+  showItem(fieldOrItems?: VxeFormItemPropTypes.Field | VxeFormItemPropTypes.Field[] | VxeFormDefines.ItemInfo | VxeFormDefines.ItemInfo[] | null): Promise<void>
   /**
    * 根据列的字段名获取表单项
    * @param field 字段名
@@ -228,7 +242,7 @@ export interface FormMethods<D = any> {
    */
   getItemByField(field: VxeFormItemPropTypes.Field): VxeFormDefines.ItemInfo | null
   /**
-   * 关闭 tooltip 提示
+   * 手动关闭 tooltip 提示
    */
   closeTooltip(): Promise<any>
   /**
@@ -288,6 +302,11 @@ export type VxeFormEmits = [
 ]
 
 export namespace VxeFormDefines {
+  export interface ItemCacheItem {
+    item: ItemInfo
+    index: number
+    items: ItemInfo[]
+  }
   export class ItemInfo {
     id: string
 

package/types/components/notice-bar.d.ts

@@ -85,10 +85,14 @@ export namespace VxeNoticeBarEvents {
 
 export namespace VxeNoticeBarSlotTypes {
   export interface DefaultSlotParams {}
+  export interface PrefixSlotParams {}
+  export interface SuffixSlotParams {}
 }
 
 export interface VxeNoticeBarSlots {
   default?: (params: VxeNoticeBarSlotTypes.DefaultSlotParams) => any
+  prefix?: (params: VxeNoticeBarSlotTypes.PrefixSlotParams) => any
+  suffix?: (params: VxeNoticeBarSlotTypes.SuffixSlotParams) => any
 }
 
 export const NoticeBar: typeof VxeNoticeBar

package/types/components/upload.d.ts

@@ -212,6 +212,7 @@ export interface VxeUploadProps {
 }
 
 export interface UploadPrivateComputed {
+  computeUrlProp: string
 }
 export interface VxeUploadPrivateComputed extends UploadPrivateComputed { }
 
@@ -251,6 +252,20 @@ export interface UploadMethods {
    * 用于 auto-upload 模式，手动调用上传附件；如果传 true，这包含未上传和上传失败的都会重新提交
    */
   submit(isFull?: boolean): Promise<void>
+  /**
+   * 清除所有文件
+   */
+  clear(): Promise<{
+    url: string
+    status: boolean
+  }[]>
+  /**
+   * 区别就是会触发对应的事件
+   */
+  clearByEvent(event: Event): Promise<{
+    url: string
+    status: boolean
+  }[]>
   /**
    * 获取更多弹窗的可视状态
    */
@@ -267,8 +282,28 @@ export interface UploadMethods {
    * 关闭更多弹窗
    */
   closeMore(): Promise<void>
+  /**
+   * 删除指定文件
+   */
+  remove(urlOrItem: string | VxeUploadDefines.FileObjItem | string[] | VxeUploadDefines.FileObjItem[] | null): Promise<{
+    url: string
+    status: boolean
+  }[]>
+  /**
+   * 区别就是会触发对应的事件
+   */
+  removeByEvent(event: Event, urlOrItem: string | VxeUploadDefines.FileObjItem | string[] | VxeUploadDefines.FileObjItem[] | null): Promise<{
+    url: string
+    status: boolean
+  }[]>
+}
+export interface VxeUploadMethods extends UploadMethods {
+  /**
+   * 内部方法
+   * @private
+   */
+  removeFileEvent(evnt: Event | null, item: VxeUploadDefines.FileObjItem, index: number): Promise<any>
 }
-export interface VxeUploadMethods extends UploadMethods { }
 
 export interface UploadPrivateMethods { }
 export interface VxeUploadPrivateMethods extends UploadPrivateMethods { }