yuang-framework-ui-pc 1.1.44 → 1.1.46

package/es/style/nprogress.scss

@@ -0,0 +1,85 @@
+@use './util.scss' as *;
+
+/* Make clicks pass-through */
+#nprogress {
+  pointer-events: none;
+  transition: none !important;
+}
+
+#nprogress .bar {
+  background: elVar('color-primary');
+
+  position: fixed;
+  z-index: 1031;
+  top: 0;
+  left: 0;
+
+  width: 100%;
+  height: 2px;
+}
+
+/* Fancy blur effect */
+#nprogress .peg {
+  display: block;
+  position: absolute;
+  right: 0;
+  width: 100px;
+  height: 100%;
+  box-shadow: (0 0 10px elVar('color-primary'), 0 0 5px elVar('color-primary'));
+  opacity: 1;
+
+  -webkit-transform: rotate(3deg) translate(0px, -4px);
+  -ms-transform: rotate(3deg) translate(0px, -4px);
+  transform: rotate(3deg) translate(0px, -4px);
+}
+
+/* Remove these to get rid of the spinner */
+#nprogress .spinner {
+  display: block;
+  position: fixed;
+  z-index: 1031;
+  top: 15px;
+  right: 15px;
+}
+
+#nprogress .spinner-icon {
+  width: 18px;
+  height: 18px;
+  box-sizing: border-box;
+
+  border: solid 2px transparent;
+  border-top-color: elVar('color-primary');
+  border-left-color: elVar('color-primary');
+  border-radius: 50%;
+
+  -webkit-animation: nprogress-spinner 400ms linear infinite;
+  animation: nprogress-spinner 400ms linear infinite;
+}
+
+.nprogress-custom-parent {
+  overflow: hidden;
+  position: relative;
+}
+
+.nprogress-custom-parent #nprogress .spinner,
+.nprogress-custom-parent #nprogress .bar {
+  position: absolute;
+}
+
+@-webkit-keyframes nprogress-spinner {
+  0% {
+    -webkit-transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+  }
+}
+
+@keyframes nprogress-spinner {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}

package/es/style/plus.scss

@@ -0,0 +1,48 @@
+@use '../ele-admin-layout/style/index.scss' as adminLayout;
+@use '../ele-alert/style/index.scss' as alert;
+@use '../ele-avatar-group/style/index.scss' as avatarGroup;
+@use '../ele-backtop/style/index.scss' as backtop;
+@use '../ele-basic-select/style/index.scss' as basicSelect;
+@use '../ele-bottom-bar/style/index.scss' as bottomBar;
+@use '../ele-breadcrumb/style/index.scss' as breadcrumb;
+@use '../ele-copyable/style/index.scss' as copyable;
+@use '../ele-card/style/index.scss' as card;
+@use '../ele-check-card/style/index.scss' as checkCard;
+@use '../ele-cropper/style/index.scss' as cropper;
+@use '../ele-dashboard/style/index.scss' as dashboard;
+@use '../ele-data-table/style/index.scss' as dataTable;
+@use '../ele-dot/style/index.scss' as dot;
+@use '../ele-drawer/style/index.scss' as drawer;
+@use '../ele-dropdown/style/index.scss' as dropdown;
+@use '../ele-edit-tag/style/index.scss' as editTag;
+@use '../ele-ellipsis/style/index.scss' as ellipsis;
+@use '../ele-file-list/style/index.scss' as fileList;
+@use '../ele-icon-select/style/index.scss' as iconSelect;
+@use '../ele-image-viewer/style/index.scss' as imageViewer;
+@use '../ele-loading/style/index.scss' as loading;
+@use '../ele-map-picker/style/index.scss' as mapPicker;
+@use '../ele-menus/style/index.scss' as menus;
+@use '../ele-dialog/style/index.scss' as dialog;
+@use '../ele-page/style/index.scss' as page;
+@use '../ele-pagination/style/index.scss' as pagination;
+@use '../ele-popconfirm/style/index.scss' as popconfirm;
+@use '../ele-printer/style/index.scss' as printer;
+@use '../ele-pro-layout/style/index.scss' as proLayout;
+@use '../ele-pro-table/style/index.scss' as proTable;
+@use '../ele-segmented/style/index.scss' as segmented;
+@use '../ele-split-panel/style/index.scss' as splitPanel;
+@use '../ele-steps/style/index.scss' as steps;
+@use '../ele-tabs/style/index.scss' as tabs;
+@use '../ele-table/style/index.scss' as table;
+@use '../ele-table-select/style/index.scss' as tableSelect;
+@use '../ele-text/style/index.scss' as text;
+@use '../ele-tool/style/index.scss' as tool;
+@use '../ele-toolbar/style/index.scss' as toolbar;
+@use '../ele-tooltip/style/index.scss' as tooltip;
+@use '../ele-tour/style/index.scss' as tour;
+@use '../ele-tree-select/style/index.scss' as treeSelect;
+@use '../ele-upload-list/style/index.scss' as uploadList;
+@use '../ele-virtual-table/style/index.scss' as virtualTable;
+
+
+@use '../yu-framework-slider-captcha-dialog/style/index.scss' as sliderCaptchaDialog;

package/es/style/themes/dark.scss

@@ -0,0 +1,82 @@
+/** 暗黑主题 */
+@use 'sass:map';
+@use '../util.scss' as *;
+
+$ele-dark: () !default;
+$ele-dark: map.deep-merge(
+  (
+    'scrollbar': (
+      'color': #484848,
+      'hover-color': #5b5b5b
+    ),
+    'header': (
+      'shadow': 0 1px 4px rgba(0, 0, 0, 0.6),
+      'tool-hover-bg': rgba(255, 255, 255, 0.05),
+      'dark-tool-hover-bg': rgba(255, 255, 255, 0.05),
+      'dark-bg': #1f1f1f,
+      'dark-shadow': 0 1px 4px rgba(0, 0, 0, 0.6),
+      'ghost-bg': hsla(0, 0%, 32%, 0.4)
+    ),
+    'logo': (
+      'shadow': 0 3px 4px rgba(0, 0, 0, 0.6),
+      'dark-shadow': 0 3px 4px rgba(0, 0, 0, 0.6)
+    ),
+    'sidebar': (
+      'dark-bg': #1f1f1f,
+      'shadow': 0 4px 4px rgba(0, 0, 0, 0.6),
+      'dark-shadow': 0 4px 4px rgba(0, 0, 0, 0.6)
+    ),
+    'menu-thumb': (
+      'color': #484848,
+      'hover-color': #5b5b5b
+    ),
+    'menu-dark-thumb': (
+      'color': #626262,
+      'hover-color': #5b5b5b
+    ),
+    'menu': (
+      'child-bg': rgba(255, 255, 255, 0.04)
+    ),
+    'menu-dark': (
+      'bg': #1f1f1f,
+      'child-bg': #141414
+    ),
+    'menu-colorful': (
+      'dot-color': #5a5a5a,
+      'dot-hover-color': #8b8b8b
+    ),
+    'segmented': (
+      'bg': elVar('bg-color', 'page'),
+      'hover-bg': rgba(255, 255, 255, 0.05)
+    ),
+    'tab': (
+      'scroll-left-shadow': inset 10px 0 10px -10px rgba(0, 0, 0, 0.88),
+      'scroll-right-shadow': inset -10px 0 10px -10px rgba(0, 0, 0, 0.88),
+      'simple-hover-bg': rgba(255, 255, 255, 0.05),
+      'indicator-dot-color': #5a5a5a,
+      'indicator-dot-hover-color': #8b8b8b,
+      'button-bg': hsla(0, 0%, 100%, 0.03),
+      'button-hover-bg': hsla(0, 0%, 100%, 0.04)
+    ),
+    'table': (
+      'icon-hover-bg': rgba(255, 255, 255, 0.12),
+      'fixed-left-shadow': inset 10px 0 10px -10px rgba(0, 0, 0, 0.88),
+      'fixed-right-shadow': inset -10px 0 10px -10px rgba(0, 0, 0, 0.88)
+    ),
+    'tool': (
+      'hover-bg': rgba(255, 255, 255, 0.05)
+    ),
+    'popper': (
+      'arrow-shadow': 0 0 8px 0 rgba(0, 0, 0, 0.28)
+    ),
+    'tooltip': (
+      'bg': '#383838',
+      'shadow': 0 0 8px 0 rgba(0, 0, 0, 0.28),
+      'arrow-shadow': 0 0 8px 0 rgba(0, 0, 0, 0.28)
+    ),
+    'tag': (
+      'info-bg': elVar('color-info', 'light-8')
+    )
+  ),
+  $ele-dark
+);

package/es/style/themes/rounded-css-var.scss

@@ -0,0 +1,6 @@
+/** 圆角主题 css 变量 */
+@use './rounded.scss' as *;
+@use './theme-util.scss' as *;
+$rounded-selector: 'html.rounded' !default;
+
+@include set-theme-var($rounded-selector, $ele-rounded);

package/es/style/themes/theme-util.scss

@@ -0,0 +1,74 @@
+@use '../../ele-admin-layout/style/css-var.scss' as *;
+@use '../../ele-alert/style/css-var.scss' as *;
+@use '../../ele-backtop/style/css-var.scss' as *;
+@use '../../ele-app/style/css-var.scss' as *;
+@use '../../ele-basic-select/style/css-var.scss' as *;
+@use '../../ele-bottom-bar/style/css-var.scss' as *;
+@use '../../ele-card/style/css-var.scss' as *;
+@use '../../ele-check-card/style/css-var.scss' as *;
+@use '../../ele-data-table/style/css-var.scss' as *;
+@use '../../ele-drawer/style/css-var.scss' as *;
+@use '../../ele-dropdown/style/css-var.scss' as *;
+@use '../../ele-file-list/style/css-var.scss' as *;
+@use '../../ele-icon-select/style/css-var.scss' as *;
+@use '../../ele-image-viewer/style/css-var.scss' as *;
+@use '../../ele-loading/style/css-var.scss' as *;
+@use '../../ele-map-picker/style/css-var.scss' as *;
+@use '../../ele-menus/style/css-var.scss' as *;
+@use '../../ele-dialog/style/css-var.scss' as *;
+@use '../../ele-page/style/css-var.scss' as *;
+@use '../../ele-pagination/style/css-var.scss' as *;
+@use '../../ele-popconfirm/style/css-var.scss' as *;
+@use '../../ele-pro-table/style/css-var.scss' as *;
+@use '../../ele-segmented/style/css-var.scss' as *;
+@use '../../ele-steps/style/css-var.scss' as *;
+@use '../../ele-table/style/css-var.scss' as *;
+@use '../../ele-table-select/style/css-var.scss' as *;
+@use '../../ele-tabs/style/css-var.scss' as *;
+@use '../../ele-text/style/css-var.scss' as *;
+@use '../../ele-tool/style/css-var.scss' as *;
+@use '../../ele-toolbar/style/css-var.scss' as *;
+@use '../../ele-tooltip/style/css-var.scss' as *;
+@use '../../ele-tree-select/style/css-var.scss' as *;
+@use '../../ele-upload-list/style/css-var.scss' as *;
+@use '../../ele-virtual-table/style/css-var.scss' as *;
+
+/* 生成主题的 css 变量 */
+@mixin set-theme-var($selector, $var) {
+  #{$selector} {
+    @include set-layout-var($var);
+    @include set-alert-var($var);
+    @include set-backtop-var($var);
+    @include set-app-var($var);
+    @include set-basic-select-var($var);
+    @include set-bottom-bar-var($var);
+    @include set-card-var($var);
+    @include set-check-card-var($var);
+    @include set-data-table-var($var);
+    @include set-drawer-var($var);
+    @include set-dropdown-var($var);
+    @include set-file-var($var);
+    @include set-icon-var($var);
+    @include set-image-viewer-var($var);
+    @include set-loading-var($var);
+    @include set-map-var($var);
+    @include set-menus-var($var);
+    @include set-dialog-var($var);
+    @include set-page-var($var);
+    @include set-pagination-var($var);
+    @include set-popconfirm-var($var);
+    @include set-pro-table-var($var);
+    @include set-segmented-var($var);
+    @include set-step-var($var);
+    @include set-table-var($var);
+    @include set-table-select-var($var);
+    @include set-tab-var($var);
+    @include set-text-var($var);
+    @include set-tool-var($var);
+    @include set-toolbar-var($var);
+    @include set-tooltip-var($var);
+    @include set-tree-select-var($var);
+    @include set-upload-list-var($var);
+    @include set-virtual-table-var($var);
+  }
+}

package/es/style/util.scss

@@ -0,0 +1,59 @@
+@use 'element-plus/theme-chalk/src/mixins/function.scss' as el;
+@use 'sass:map';
+
+/* 生成 css 变量名 */
+@function eleJoinVar($list) {
+  $name: '--ele';
+  @each $item in $list {
+    @if $item != '' {
+      $name: $name + '-' + $item;
+    }
+  }
+  @return $name;
+}
+
+/* 获取 css 变量值 */
+@function eleVar($arg1, $arg2: '', $arg3: '') {
+  $args: $arg1, $arg2;
+  @if $arg3 != '' {
+    @return var(#{eleJoinVar($args)}, $arg3);
+  } @else {
+    @return var(#{eleJoinVar($args)});
+  }
+}
+
+/* 获取 css 变量名 */
+@function eleVarName($args...) {
+  @return eleJoinVar($args);
+}
+
+/* 生成 css 变量 */
+@mixin set-ele-var-value($name, $attribute, $value) {
+  #{eleVarName($name, $attribute)}: #{$value};
+}
+
+/* 生成组件 css 变量 */
+@mixin set-ele-var($name, $variables) {
+  & {
+    @if map.has-key($variables, $name) {
+      @each $attribute, $value in map.get($variables, $name) {
+        @include set-ele-var-value($name, $attribute, $value);
+      }
+    }
+  }
+}
+
+/* 获取 element 的 css 变量值 */
+@function elVar($args...) {
+  @return el.getCssVar($args...);
+}
+
+/* 获取 element 的 css 变量值带默认值 */
+@function elVarDefault($args, $default) {
+  @return el.getCssVarWithDefault($args, $default);
+}
+
+/* 获取 element 的 css 变量名 */
+@function elVarName($args...) {
+  @return el.getCssVarName($args...);
+}

package/es/yu-framework-attachment-file-upload/CommonUpload/index.d.ts

@@ -0,0 +1,161 @@
+import { CSSProperties } from 'vue';
+import { ElProgressProps, ElImageProps } from '../../ele-app/el';
+import { EleImageViewerProps } from '../../ele-app/plus';
+import { UploadItem, ListType, BeforeUploadClick, BeforeItemEdit, UploadLocale } from '../../ele-upload-list/types';
+
+declare function __VLS_template(): Partial<Record<string, (_: any) => any>>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<UploadItem[]>;
+    drag: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+    readonly: {
+        type: import('vue').PropType<boolean>;
+    };
+    sortable: {
+        type: import('vue').PropType<boolean | Record<string | number | symbol, any>>;
+        default: () => {
+            forceFallback: boolean;
+        };
+    };
+    multiple: {
+        type: import('vue').PropType<boolean>;
+    };
+    preview: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    accept: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    tools: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    beforeUploadClick: {
+        type: import('vue').PropType<BeforeUploadClick>;
+    };
+    locale: {
+        type: import('vue').PropType<Partial<UploadLocale>>;
+    };
+    imageProps: {
+        type: import('vue').PropType<ElImageProps>;
+    };
+    progressProps: {
+        type: import('vue').PropType<ElProgressProps>;
+    };
+    listType: {
+        type: import('vue').PropType<ListType>;
+    };
+    limit: {
+        type: import('vue').PropType<number>;
+    };
+    itemStyle: {
+        type: import('vue').PropType<CSSProperties>;
+    };
+    buttonStyle: {
+        type: import('vue').PropType<CSSProperties>;
+    };
+    previewProps: {
+        type: import('vue').PropType<EleImageViewerProps>;
+    };
+    beforeItemEdit: {
+        type: import('vue').PropType<BeforeItemEdit>;
+    };
+    fileLimit: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    itemClick: (item: UploadItem) => void;
+    preview: (item: UploadItem) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<UploadItem[]>;
+    drag: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+    readonly: {
+        type: import('vue').PropType<boolean>;
+    };
+    sortable: {
+        type: import('vue').PropType<boolean | Record<string | number | symbol, any>>;
+        default: () => {
+            forceFallback: boolean;
+        };
+    };
+    multiple: {
+        type: import('vue').PropType<boolean>;
+    };
+    preview: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    accept: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    tools: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    beforeUploadClick: {
+        type: import('vue').PropType<BeforeUploadClick>;
+    };
+    locale: {
+        type: import('vue').PropType<Partial<UploadLocale>>;
+    };
+    imageProps: {
+        type: import('vue').PropType<ElImageProps>;
+    };
+    progressProps: {
+        type: import('vue').PropType<ElProgressProps>;
+    };
+    listType: {
+        type: import('vue').PropType<ListType>;
+    };
+    limit: {
+        type: import('vue').PropType<number>;
+    };
+    itemStyle: {
+        type: import('vue').PropType<CSSProperties>;
+    };
+    buttonStyle: {
+        type: import('vue').PropType<CSSProperties>;
+    };
+    previewProps: {
+        type: import('vue').PropType<EleImageViewerProps>;
+    };
+    beforeItemEdit: {
+        type: import('vue').PropType<BeforeItemEdit>;
+    };
+    fileLimit: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+}>> & Readonly<{
+    onItemClick?: ((item: UploadItem) => any) | undefined;
+    onPreview?: ((item: UploadItem) => any) | undefined;
+}>, {
+    drag: boolean;
+    sortable: boolean | Record<keyof any, any>;
+    preview: boolean;
+    accept: string;
+    tools: boolean;
+    fileLimit: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/yu-framework-attachment-file-upload/CommonUpload/index.js

@@ -0,0 +1,173 @@
+import { defineComponent, mergeModels, useModel, resolveComponent, createBlock, openBlock, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { EleMessage } from "../../utils/message";
+import { ElMessageBox } from "element-plus/es";
+import { http } from "yuang-framework-ui-common/lib/config/httpConfig";
+import { getShortUuid } from "yuang-framework-ui-common/lib/utils/uuidUtils";
+import { application } from "yuang-framework-ui-common/lib/config/applicationConfig";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "CommonUpload" },
+  __name: "index",
+  props: /* @__PURE__ */ mergeModels({
+    fileLimit: { default: 100 },
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    preview: { type: Boolean, default: true },
+    limit: {},
+    multiple: { type: Boolean },
+    drag: { type: Boolean, default: true },
+    accept: { default: "" },
+    itemStyle: {},
+    buttonStyle: {},
+    sortable: { type: [Boolean, Object], default: () => ({ forceFallback: true }) },
+    imageProps: {},
+    progressProps: {},
+    previewProps: {},
+    tools: { type: Boolean, default: true },
+    listType: {},
+    beforeUploadClick: {},
+    beforeItemEdit: {},
+    locale: {}
+  }, {
+    "modelValue": {
+      type: Array,
+      default: () => []
+    },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["itemClick", "preview"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const images = useModel(__props, "modelValue");
+    const checkFile = (file) => {
+      if (!file) {
+        return;
+      }
+      if (props.accept === "image/*") {
+        if (!file.type.startsWith("image")) {
+          EleMessage.error("只能选择图片");
+          return;
+        }
+      } else if (props.accept === ".xls,.xlsx") {
+        if (![
+          "application/vnd.ms-excel",
+          "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+        ].includes(file.type)) {
+          EleMessage.error("只能选择 excel 文件");
+          return;
+        }
+      }
+      if (props.fileLimit && file.size / 1024 / 1024 > props.fileLimit) {
+        EleMessage.error(`大小不能超过 ${props.fileLimit}MB`);
+        return;
+      }
+      return true;
+    };
+    const handleItemUpload = (uploadItem, retry) => {
+      if (!uploadItem.file || !checkFile(uploadItem.file)) {
+        return;
+      }
+      if (!retry) {
+        images.value.push({ ...uploadItem });
+      }
+      const item = images.value.find((t) => t.key === uploadItem.key);
+      if (!item) {
+        return;
+      }
+      item.status = "uploading";
+      item.progress = 0;
+      debugger;
+      let formData = new FormData();
+      formData.append("code", getShortUuid());
+      formData.append("multipartFile", uploadItem.file, uploadItem.file.name);
+      http({
+        url: `/framework-api/core/framework-attachment/uploadAttachment`,
+        method: "post",
+        headers: {
+          "Content-Type": "multipart/form-data"
+        },
+        data: formData
+      }).then((res) => {
+        EleMessage.success(res.data.message);
+        item.progress = 100;
+        item.status = "done";
+        item.url = res.data.data.fullUrl;
+      }).catch((e) => {
+        item.status = "exception";
+        EleMessage.error(e.message);
+      });
+    };
+    const handleItemEditUpload = ({ item, newItem }) => {
+      if (!checkFile(newItem.file)) {
+        return;
+      }
+      const oldItem = images.value.find((t) => t.key === item.key);
+      if (oldItem) {
+        oldItem.url = void 0;
+        oldItem.name = newItem.name;
+        oldItem.file = newItem.file;
+        oldItem.progress = 0;
+        oldItem.status = void 0;
+        handleItemUpload(oldItem, true);
+      }
+    };
+    const handleItemRemove = (uploadItem) => {
+      let id = uploadItem.id;
+      ElMessageBox.confirm("确定要删除吗?", "系统提示", { type: "warning", draggable: true }).then(() => {
+        http.get(`${application.gatewayServerBaseUrl}/framework-api/core/framework-attachment/deleteInfo`, { params: { id } }).then((res) => {
+          EleMessage.success(res.data.message);
+          images.value.splice(images.value.indexOf(uploadItem), 1);
+        });
+      });
+    };
+    const handleItemClick = (item) => {
+      emit("itemClick", item);
+    };
+    const handleItemPreview = (item) => {
+      emit("preview", item);
+    };
+    return (_ctx, _cache) => {
+      const _component_EleUploadList = resolveComponent("EleUploadList");
+      return openBlock(), createBlock(_component_EleUploadList, {
+        modelValue: images.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => images.value = $event),
+        readonly: _ctx.readonly,
+        disabled: _ctx.disabled,
+        preview: _ctx.preview,
+        limit: _ctx.limit,
+        multiple: _ctx.multiple,
+        drag: _ctx.drag,
+        accept: _ctx.accept,
+        itemStyle: _ctx.itemStyle,
+        buttonStyle: _ctx.buttonStyle,
+        sortable: _ctx.sortable,
+        imageProps: _ctx.imageProps,
+        progressProps: _ctx.progressProps,
+        previewProps: _ctx.previewProps,
+        tools: _ctx.tools,
+        listType: _ctx.listType,
+        beforeUploadClick: _ctx.beforeUploadClick,
+        beforeItemEdit: _ctx.beforeItemEdit,
+        locale: _ctx.locale,
+        onUpload: handleItemUpload,
+        onRetry: _cache[1] || (_cache[1] = (item) => handleItemUpload(item, true)),
+        onRemove: handleItemRemove,
+        onEditUpload: handleItemEditUpload,
+        onItemClick: handleItemClick,
+        onPreview: handleItemPreview
+      }, createSlots({ _: 2 }, [
+        renderList(Object.keys(_ctx.$slots), (name) => {
+          return {
+            name,
+            fn: withCtx((slotProps) => [
+              renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+            ])
+          };
+        })
+      ]), 1032, ["modelValue", "readonly", "disabled", "preview", "limit", "multiple", "drag", "accept", "itemStyle", "buttonStyle", "sortable", "imageProps", "progressProps", "previewProps", "tools", "listType", "beforeUploadClick", "beforeItemEdit", "locale"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};