@opentiny/vue-renderless 3.11.0 → 3.11.1

package/color-picker/alpha-select/index.js

@@ -1,8 +1,6 @@
 import "../../chunk-G2ADBYYC.js";
 const calcLeftByAlpha = (wrapper, thumb, alpha) => {
-  return Math.round(
-    alpha * (wrapper.offsetWidth - thumb.offsetWidth / 2) / 100
-  );
+  return Math.round(alpha * (wrapper.offsetWidth - thumb.offsetWidth / 2) / 100);
 };
 const updateThumb = (alpha, thumb, wrapper) => {
   thumb.style.left = `${calcLeftByAlpha(wrapper, thumb, alpha)}px`;
@@ -13,9 +11,7 @@ const onDrag = (event, bar, thumb, alpha) => {
   let left = clientX - rect.left;
   left = Math.max(thumb.value.offsetWidth / 2, left);
   left = Math.min(left, rect.width - thumb.value.offsetWidth / 2);
-  alpha.value = Math.round(
-    (left - thumb.value.offsetWidth / 2) / (rect.width - thumb.value.offsetWidth) * 100
-  );
+  alpha.value = Math.round((left - thumb.value.offsetWidth / 2) / (rect.width - thumb.value.offsetWidth) * 100);
 };
 export {
   calcLeftByAlpha,

package/color-picker/alpha-select/vue.js

@@ -14,13 +14,16 @@ const renderless = (props, context, { emit }) => {
   const alphaWrapper = context.ref();
   const alphaThumb = context.ref();
   const alpha = context.ref(color.get("a"));
-  context.watch(() => props.color, (hex2) => {
-    color.reset(hex2);
-    const [rr2, gg2, bb2] = color.getRGB();
-    r.value = rr2;
-    g.value = gg2;
-    b.value = bb2;
-  });
+  context.watch(
+    () => props.color,
+    (hex2) => {
+      color.reset(hex2);
+      const [rr2, gg2, bb2] = color.getRGB();
+      r.value = rr2;
+      g.value = gg2;
+      b.value = bb2;
+    }
+  );
   context.watch(alpha, (newAlpha) => {
     updateThumb(newAlpha, alphaThumb.value, alphaWrapper.value);
     emit("alpha-update", alpha.value);
@@ -34,7 +37,6 @@ const renderless = (props, context, { emit }) => {
   });
   const api2 = {
     state,
-    color: props.color,
     slider,
     alphaWrapper,
     alphaThumb

package/color-picker/color-select/index.js

@@ -18,9 +18,7 @@ const updatePosition = (event, rect, cursor) => {
 const calcSaturation = (x, width) => x / width;
 const calcBrightness = (y, height) => 100 - y / height * 100;
 const getThumbTop = (wrapper, thumb, hue) => {
-  return Math.round(
-    hue * (wrapper.offsetHeight - thumb.offsetHeight / 2) / 360
-  );
+  return Math.round(hue * (wrapper.offsetHeight - thumb.offsetHeight / 2) / 360);
 };
 const resetCursor = (s, v, wrapper, cursor, thumb, color, h) => {
   const { width, height } = wrapper.value.getBoundingClientRect();
@@ -53,9 +51,7 @@ const updateThumb = (bar, thumb, h, emit) => {
     top = Math.min(top, rect.height - thumb.value.offsetHeight / 2);
     top = Math.max(thumb.value.offsetHeight / 2, top);
     thumb.value.style.top = `${top}px`;
-    h.value = Math.round(
-      (top - thumb.value.offsetHeight / 2) / (rect.height - thumb.value.offsetHeight) * 360
-    );
+    h.value = Math.round((top - thumb.value.offsetHeight / 2) / (rect.height - thumb.value.offsetHeight) * 360);
     emit("hue-update", h.value);
   };
 };

package/color-picker/color-select/vue.js

@@ -1,12 +1,7 @@
 import "../../chunk-G2ADBYYC.js";
 import { draggable } from "../utils/use-drag";
 import Color from "../utils/color";
-import {
-  getThumbTop,
-  resetCursor,
-  updateThumb,
-  updateCursor
-} from "./index";
+import { getThumbTop, resetCursor, updateThumb, updateCursor } from "./index";
 const api = ["state", "cursor", "wrapper", "bar", "thumb"];
 const renderless = (props, context, { emit }) => {
   const cursor = context.ref();
@@ -22,10 +17,13 @@ const renderless = (props, context, { emit }) => {
     background
   });
   const api2 = { state, cursor, wrapper, bar, thumb };
-  context.watch(() => props.color, (newColor) => {
-    color.reset(newColor);
-    resetCursor(color.get("s"), color.get("v"), wrapper, cursor, thumb, color, h);
-  });
+  context.watch(
+    () => props.color,
+    (newColor) => {
+      color.reset(newColor);
+      resetCursor(color.get("s"), color.get("v"), wrapper, cursor, thumb, color, h);
+    }
+  );
   context.onMounted(() => {
     const update = {
       thumb: updateThumb(bar, thumb, h, emit),
@@ -33,15 +31,7 @@ const renderless = (props, context, { emit }) => {
     };
     const thumbTop = getThumbTop(wrapper.value, thumb.value, h.value);
     thumb.value.style.top = `${thumbTop}px`;
-    resetCursor(
-      color.get("s"),
-      color.get("v"),
-      wrapper,
-      cursor,
-      thumb,
-      color,
-      h
-    );
+    resetCursor(color.get("s"), color.get("v"), wrapper, cursor, thumb, color, h);
     draggable(wrapper.value, {
       drag(event) {
         update.cursor(color, event);

package/color-picker/vue.js

@@ -52,8 +52,7 @@ const renderless = (props, context, { emit }) => {
     onConfirm: onConfirm(hex, triggerBg, res, emit, isShow),
     onCancel: onCancel(res, triggerBg, emit, isShow, hex, color),
     onAlphaUpdate: update,
-    cursor,
-    alpha: props.alpha
+    cursor
   };
   return api2;
 };

package/color-select-panel/alpha-select/index.js

@@ -1,8 +1,6 @@
 import "../../chunk-G2ADBYYC.js";
 const calcLeftByAlpha = (wrapper, thumb, alpha) => {
-  return Math.round(
-    alpha * (wrapper.offsetWidth - thumb.offsetWidth / 2) / 100
-  );
+  return Math.round(alpha * (wrapper.offsetWidth - thumb.offsetWidth / 2) / 100);
 };
 const updateThumb = (alpha, thumb, wrapper) => {
   thumb.style.left = `${calcLeftByAlpha(wrapper, thumb, alpha)}px`;
@@ -13,9 +11,7 @@ const onDrag = (event, bar, thumb, alpha) => {
   let left = clientX - rect.left;
   left = Math.max(thumb.value.offsetWidth / 2, left);
   left = Math.min(left, rect.width - thumb.value.offsetWidth / 2);
-  alpha.value = Math.round(
-    (left - thumb.value.offsetWidth / 2) / (rect.width - thumb.value.offsetWidth) * 100
-  );
+  alpha.value = Math.round((left - thumb.value.offsetWidth / 2) / (rect.width - thumb.value.offsetWidth) * 100);
 };
 export {
   calcLeftByAlpha,

package/color-select-panel/alpha-select/vue.js

@@ -14,14 +14,17 @@ const renderless = (props, context, { emit }) => {
   const alphaWrapper = context.ref();
   const alphaThumb = context.ref();
   const alpha = context.ref(color.get("a"));
-  context.watch(() => props.color, (hex2) => {
-    color.reset(hex2);
-    const [rr2, gg2, bb2] = color.getRGB();
-    r.value = rr2;
-    g.value = gg2;
-    b.value = bb2;
-    alpha.value = color.get("a");
-  });
+  context.watch(
+    () => props.color,
+    (hex2) => {
+      color.reset(hex2);
+      const [rr2, gg2, bb2] = color.getRGB();
+      r.value = rr2;
+      g.value = gg2;
+      b.value = bb2;
+      alpha.value = color.get("a");
+    }
+  );
   context.watch(alpha, (newAlpha) => {
     updateThumb(newAlpha, alphaThumb.value, alphaWrapper.value);
     emit("alpha-update", alpha.value);
@@ -35,7 +38,6 @@ const renderless = (props, context, { emit }) => {
   });
   const api2 = {
     state,
-    color: props.color,
     slider,
     alphaWrapper,
     alphaThumb

package/color-select-panel/hue-select/index.js

@@ -18,9 +18,7 @@ const updatePosition = (event, rect, cursor) => {
 const calcSaturation = (x, width) => x / width;
 const calcBrightness = (y, height) => 100 - y / height * 100;
 const getThumbTop = (wrapper, thumb, hue) => {
-  return Math.round(
-    hue * (wrapper.offsetHeight - thumb.offsetHeight / 2) / 360
-  );
+  return Math.round(hue * (wrapper.offsetHeight - thumb.offsetHeight / 2) / 360);
 };
 const resetCursor = (s, v, wrapper, cursor, thumb, color, h) => {
   const { width, height } = wrapper.value.getBoundingClientRect();
@@ -53,9 +51,7 @@ const updateThumb = (bar, thumb, h, emit) => {
     top = Math.min(top, rect.height - thumb.value.offsetHeight / 2);
     top = Math.max(thumb.value.offsetHeight / 2, top);
     thumb.value.style.top = `${top}px`;
-    h.value = Math.round(
-      (top - thumb.value.offsetHeight / 2) / (rect.height - thumb.value.offsetHeight) * 360
-    );
+    h.value = Math.round((top - thumb.value.offsetHeight / 2) / (rect.height - thumb.value.offsetHeight) * 360);
     emit("hue-update", h.value);
   };
 };

package/color-select-panel/hue-select/vue.js

@@ -1,12 +1,7 @@
 import "../../chunk-G2ADBYYC.js";
 import { draggable } from "../utils/use-drag";
 import Color from "../utils/color";
-import {
-  getThumbTop,
-  resetCursor,
-  updateThumb,
-  updateCursor
-} from "./index";
+import { getThumbTop, resetCursor, updateThumb, updateCursor } from "./index";
 const api = ["state", "cursor", "wrapper", "bar", "thumb"];
 const renderless = (props, context, { emit }) => {
   const cursor = context.ref();
@@ -22,10 +17,13 @@ const renderless = (props, context, { emit }) => {
     background
   });
   const api2 = { state, cursor, wrapper, bar, thumb };
-  context.watch(() => props.color, (newColor) => {
-    color.reset(newColor);
-    resetCursor(color.get("s"), color.get("v"), wrapper, cursor, thumb, color, h);
-  });
+  context.watch(
+    () => props.color,
+    (newColor) => {
+      color.reset(newColor);
+      resetCursor(color.get("s"), color.get("v"), wrapper, cursor, thumb, color, h);
+    }
+  );
   context.onMounted(() => {
     const update = {
       thumb: updateThumb(bar, thumb, h, emit),
@@ -33,15 +31,7 @@ const renderless = (props, context, { emit }) => {
     };
     const thumbTop = getThumbTop(wrapper.value, thumb.value, h.value);
     thumb.value.style.top = `${thumbTop}px`;
-    resetCursor(
-      color.get("s"),
-      color.get("v"),
-      wrapper,
-      cursor,
-      thumb,
-      color,
-      h
-    );
+    resetCursor(color.get("s"), color.get("v"), wrapper, cursor, thumb, color, h);
     draggable(wrapper.value, {
       drag(event) {
         update.cursor(color, event);

package/color-select-panel/index.js

@@ -4,7 +4,11 @@ const onConfirm = (hex, triggerBg, res, emit, stack, enableHistory) => {
     hex.value = res.value;
     triggerBg.value = res.value;
     if (enableHistory) {
-      const itemIdx = Math.max(stack.value.indexOf(res.value), stack.value.indexOf(res.value.toLowerCase()), stack.value.indexOf(res.value.toUpperCase()));
+      const itemIdx = Math.max(
+        stack.value.indexOf(res.value),
+        stack.value.indexOf(res.value.toLowerCase()),
+        stack.value.indexOf(res.value.toUpperCase())
+      );
       if (itemIdx !== -1) {
         stack.value.splice(itemIdx, 1);
       }

package/color-select-panel/vue.js

@@ -1,13 +1,6 @@
 import "../chunk-G2ADBYYC.js";
 import Color from "./utils/color";
-import {
-  onConfirm,
-  onCancel,
-  onHSVUpdate,
-  onAlphaUpdate,
-  handleHistoryClick,
-  handlePredefineClick
-} from ".";
+import { onConfirm, onCancel, onHSVUpdate, onAlphaUpdate, handleHistoryClick, handlePredefineClick } from ".";
 const api = [
   "state",
   "changeVisible",
@@ -19,8 +12,7 @@ const api = [
   "onCancel",
   "onAlphaUpdate",
   "onHistoryClick",
-  "onPredefineColorClick",
-  "alpha"
+  "onPredefineColorClick"
 ];
 const renderless = (props, context, { emit }) => {
   var _a, _b, _c, _d, _e, _f;
@@ -30,12 +22,8 @@ const renderless = (props, context, { emit }) => {
   const triggerBg = context.ref((_c = modelValue == null ? void 0 : modelValue.value) != null ? _c : "transparent");
   const isShow = context.ref((_d = visible == null ? void 0 : visible.value) != null ? _d : false);
   const cursor = context.ref();
-  const stack = context.ref(
-    [...(_e = history == null ? void 0 : history.value) != null ? _e : []]
-  );
-  const predefineStack = context.ref(
-    [...(_f = predefine == null ? void 0 : predefine.value) != null ? _f : []]
-  );
+  const stack = context.ref([...(_e = history == null ? void 0 : history.value) != null ? _e : []]);
+  const predefineStack = context.ref([...(_f = predefine == null ? void 0 : predefine.value) != null ? _f : []]);
   const enableHistory = history == null ? void 0 : history.value;
   const enablePredefineColor = predefine == null ? void 0 : predefine.value;
   const changeVisible = (state2) => {
@@ -54,12 +42,20 @@ const renderless = (props, context, { emit }) => {
     enableHistory,
     enablePredefineColor
   });
-  context.watch(predefine, (newPredefine) => {
-    predefineStack.value = [...newPredefine];
-  }, { deep: true });
-  context.watch(history, (newHistory) => {
-    stack.value = [...newHistory];
-  }, { deep: true });
+  context.watch(
+    predefine,
+    (newPredefine) => {
+      predefineStack.value = [...newPredefine];
+    },
+    { deep: true }
+  );
+  context.watch(
+    history,
+    (newHistory) => {
+      stack.value = [...newHistory];
+    },
+    { deep: true }
+  );
   context.watch(modelValue, (newValue) => {
     hex.value = newValue;
     res.value = newValue;
@@ -81,8 +77,7 @@ const renderless = (props, context, { emit }) => {
     onAlphaUpdate: update,
     onHistoryClick: handleHistoryClick(hex, res, color),
     onPredefineColorClick: handlePredefineClick(hex, res, color),
-    cursor,
-    alpha: props.alpha
+    cursor
   };
   return api2;
 };

package/image-viewer/index.js

@@ -345,8 +345,8 @@ const getImageWidth = ({ state, parent, props, vm, mode }) => () => {
     }
     state.imageList = vm.$refs.viewerItem;
   } else {
-    imageW = parent.$el.querySelector(".aui-mobile-image-viewer__canvas").offsetWidth;
-    state.imageList = parent.$el.querySelectorAll(".aui-mobile-image-viewer__item");
+    imageW = parent.$el.querySelector(".tiny-mobile-image-viewer__canvas").offsetWidth;
+    state.imageList = parent.$el.querySelectorAll(".tiny-mobile-image-viewer__item");
   }
   state.imageItemWidth = imageW;
   state.imageAllWidth = state.urlList.length * imageW;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.11.0",
+  "version": "3.11.1",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "homepage": "https://opentiny.design/tiny-vue",
   "keywords": [

package/types/checkbox.type.d.mts

@@ -18,10 +18,10 @@ declare const checkboxProps: {
         };
     };
     modelValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     };
     label: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: string;
     };
     indeterminate: BooleanConstructor;

package/types/collapse.type.d.mts

@@ -24,7 +24,7 @@ declare const collapseProps: {
     accordion: BooleanConstructor;
     beforeClose: FunctionConstructor;
     modelValue: {
-        type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | ArrayConstructor | NumberConstructor)[];
         default: () => never[];
     };
     tiny_mode: StringConstructor;

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-aa21a42e.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-004ecf93.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-004ecf93.d.ts → form.type-1e2e9272.d.ts}

@@ -126,7 +126,7 @@ declare const formItemProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    rules: (ArrayConstructor | ObjectConstructor)[];
+    rules: (ObjectConstructor | ArrayConstructor)[];
     showMessage: {
         type: BooleanConstructor;
         default: boolean;

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-004ecf93.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/milestone.type.d.mts

@@ -69,7 +69,7 @@ declare const milestoneProps: {
         type: StringConstructor;
         default: string;
     };
-    data: (ArrayConstructor | ObjectConstructor)[];
+    data: (ObjectConstructor | ArrayConstructor)[];
     space: NumberConstructor;
     start: {
         type: NumberConstructor;

package/types/popeditor.type.d.mts

@@ -60,7 +60,7 @@ declare const popeditorProps: {
         };
     };
     modelValue: {
-        type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | ArrayConstructor | NumberConstructor)[];
         default: string;
     };
     tabindex: {

package/types/popover.type.d.mts

@@ -67,7 +67,7 @@ declare const popoverProps: {
     maxHeight: {
         type: (StringConstructor | NumberConstructor)[];
     };
-    listData: (ArrayConstructor | ObjectConstructor)[];
+    listData: (ObjectConstructor | ArrayConstructor)[];
     genArrowByHtml: {
         type: BooleanConstructor;
         default: () => boolean;

package/types/progress.type.d.mts

@@ -92,7 +92,7 @@ declare const progressProps: {
         };
     };
     color: {
-        type: (ArrayConstructor | StringConstructor | FunctionConstructor)[];
+        type: (StringConstructor | FunctionConstructor | ArrayConstructor)[];
         default: string;
     };
     info: StringConstructor;

package/types/steps.type.d.mts

@@ -14,7 +14,7 @@ declare const stepsProps: {
         type: StringConstructor;
         default: string;
     };
-    data: (ArrayConstructor | ObjectConstructor)[];
+    data: (ObjectConstructor | ArrayConstructor)[];
     space: (StringConstructor | NumberConstructor)[];
     active: {
         type: NumberConstructor;

package/types/switch.type.d.mts

@@ -30,7 +30,7 @@ declare const switchProps: {
     };
     falseColor: StringConstructor;
     falseValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: boolean;
     };
     mini: {
@@ -38,7 +38,7 @@ declare const switchProps: {
         default: boolean;
     };
     modelValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: boolean;
     };
     size: (StringConstructor | NumberConstructor)[];
@@ -48,7 +48,7 @@ declare const switchProps: {
     };
     trueColor: StringConstructor;
     trueValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: boolean;
     };
     beforeChange: FunctionConstructor;

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

@@ -1,10 +1,10 @@
 import { ExtractPropTypes } from 'vue';
 import { ISharedRenderlessParamUtils, ISharedRenderlessFunctionParams } from './shared.type.mjs';
-import { I as IFileUploadVm, a as IFileUploadConstants } from './upload-list.type-aa21a42e.js';
+import { I as IFileUploadVm, a as IFileUploadConstants } from './upload-list.type-b934f279.js';
 
 declare const UploadDraggerProps: {
     disabled: BooleanConstructor;
-    customClass: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+    customClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
     tiny_template: (FunctionConstructor | ObjectConstructor)[];

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

@@ -316,7 +316,7 @@ declare const fileUploadProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    customClass: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+    customClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
     hwh5: ObjectConstructor;
     mode: {
         type: StringConstructor;
@@ -617,7 +617,7 @@ declare const uploadProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    customClass: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+    customClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
     handleTriggerClick: {
         type: FunctionConstructor;
         default: () => void;

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-aa21a42e.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-aa21a42e.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';