yc-design-vue 2.2.1 → 2.2.3

package/es/Tabs/hooks/useContext.js

@@ -44,7 +44,7 @@ function useTabsContext() {
       }
       return _direction.value;
     });
-    provide(TABS_CONTEXT_KEY, {
+    const context = {
       computedActiveKey,
       editable,
       direction,
@@ -58,15 +58,11 @@ function useTabsContext() {
       titleRefs,
       tabRefs,
       emits
-    });
+    };
+    provide(TABS_CONTEXT_KEY, context);
     return {
-      computedActiveKey,
-      size,
-      direction,
-      position,
-      autoSwitch,
-      titleRefs,
-      tabRefs
+      ...context,
+      autoSwitch
     };
   };
   const inject$1 = () => {

package/es/Tag/index.vue.js

@@ -13,9 +13,9 @@ import { useControlValue } from "../_shared/utils/hooks.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
 import Spin from "../Spin/index.js";
-import _sfc_main$1 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
-/* empty css                                                */
+import _sfc_main$1 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
+/* empty css                                               */
 /* empty css                                   */
 const _hoisted_1 = {
   key: 0,

package/es/Textarea/index.vue.js

@@ -1,8 +1,8 @@
 import { defineComponent, toRefs, ref, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createElementVNode, createBlock, toDisplayString, normalizeStyle, withCtx, createTextVNode } from "vue";
 import useTextareaHeight from "./hooks/useTextareaHeight.js";
 import useLimitedInput from "../Input/hooks/useLimitedInput.js";
-import _sfc_main$2 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
+import _sfc_main$2 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
 import _sfc_main$1 from "../_shared/components/PreventFocus/index.vue.js";
 import "../node_modules/b-tween/dist/b-tween.es.js";
 import "../node_modules/dayjs/dayjs.min.js";
@@ -14,7 +14,7 @@ import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                                */
+/* empty css                                               */
 /* empty css                                   */
 const _hoisted_1 = ["value", "disabled", "readonly", "placeholder"];
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/es/TimePicker/TimePicker.vue.js

@@ -12,9 +12,9 @@ import { isArray } from "../_shared/utils/is.js";
 import "../_shared/utils/locale.js";
 import { isValidTimeRange } from "../_shared/utils/time.js";
 import useTimePickerContext from "./hooks/useContext.js";
-import _sfc_main$1 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
-/* empty css                                                */
+import _sfc_main$1 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
+/* empty css                                               */
 /* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconTime.vue.js";
 import _sfc_main$3 from "./TimePickerPanel.vue.js";
@@ -172,7 +172,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 value: unref(isArray)(unref(computedValue)) ? unref(computedValue)[0] : unref(computedValue),
                 placeholder: unref(isArray)(unref(placeholder)) ? unref(placeholder)[0] : unref(placeholder),
                 disabled: unref(disabled),
-                readonly: unref(readonly),
+                readonly: unref(readonly) || true,
                 ref: (el) => unref(inputRefs)[0] = el,
                 class: "yc-picker-start-time"
               }, null, 8, _hoisted_2)

package/es/TimePicker/hooks/useContext.d.ts

@@ -26,17 +26,27 @@ type TimePickerCell = {
 };
 export default function useTimePickerContext(): {
     provide: (props: RecordType, emits: TimePickerEmits) => {
-        computedValue: import('vue').WritableComputedRef<TimePickerValue, TimePickerValue>;
-        computedVisible: import('vue').WritableComputedRef<boolean, boolean>;
         showClearBtn: import('vue').ComputedRef<boolean | "" | 0>;
-        curValue: Ref<number[], number[]>;
         readonly: Ref<boolean, boolean>;
         disabled: Ref<boolean, boolean>;
-        type: Ref<TimePickerType, TimePickerType>;
-        curIndex: Ref<number, number>;
-        inputRefs: Ref<HTMLInputElement[], HTMLInputElement[]>;
-        format: Ref<string, string>;
         placeholder: import('vue').ComputedRef<string | string[]>;
+        type: Ref<TimePickerType>;
+        format: Ref<string>;
+        computedValue: Ref<TimePickerValue>;
+        computedVisible: Ref<boolean>;
+        curIndex: Ref<number>;
+        curValue: Ref<number[]>;
+        timeColumn: Ref<TimeUnit[]>;
+        timeColumnCells: Ref<{
+            unit: TimeUnit;
+            cells: TimePickerCell[];
+        }[]>;
+        inputRefs: Ref<HTMLInputElement[]>;
+        disableConfirm: Ref<boolean>;
+        hideDisabledOptions: Ref<boolean>;
+        disabledHours: DisabledHours;
+        disabledMinutes: DisabledMinutes;
+        disabledSeconds: DisabledSeconds;
     };
     inject: () => TimePickerContext;
 };

package/es/TimePicker/hooks/useContext.js

@@ -87,7 +87,7 @@ function useTimePickerContext() {
       );
     });
     const inputRefs = ref([]);
-    provide(TIME_PICKER_CONTEXT_KEY, {
+    const context = {
       computedValue,
       computedVisible,
       timeColumn,
@@ -102,18 +102,13 @@ function useTimePickerContext() {
       disabledHours,
       disabledMinutes,
       disabledSeconds
-    });
+    };
+    provide(TIME_PICKER_CONTEXT_KEY, context);
     return {
-      computedValue,
-      computedVisible,
+      ...context,
       showClearBtn,
-      curValue,
       readonly,
       disabled,
-      type,
-      curIndex,
-      inputRefs,
-      format,
       placeholder
     };
   };

package/es/Timeline/hooks/useContext.d.ts

@@ -9,11 +9,13 @@ type TimelineContext = {
 };
 export default function useTimelineContext(): {
     provide: (props: RecordType) => {
-        direction: Ref<Direction, Direction>;
-        mode: import('vue').ComputedRef<TimelineMode>;
         timelineItems: import('vue').ComputedRef<(import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
             [key: string]: any;
         }> | RecordType)[]>;
+        direction: Ref<Direction, Direction>;
+        mode: import('vue').ComputedRef<TimelineMode>;
+        labelPosition: Ref<TimelineLabelPosition, TimelineLabelPosition>;
+        reverse: Ref<boolean, boolean>;
     };
     inject: () => TimelineContext;
 };

package/es/Timeline/hooks/useContext.js

@@ -43,17 +43,14 @@ function useTimelineContext() {
       );
       return pending.value ? [...nodes, pendingNodes.value] : nodes;
     });
-    provide(TIMELINE_CONTEXT_KEY, {
+    const context = {
       direction,
       mode,
       labelPosition,
       reverse
-    });
-    return {
-      direction,
-      mode,
-      timelineItems
     };
+    provide(TIMELINE_CONTEXT_KEY, context);
+    return { ...context, timelineItems };
   };
   const inject$1 = () => {
     return inject(TIMELINE_CONTEXT_KEY, {

package/es/Transfer/Transfer.vue.js

@@ -10,8 +10,8 @@ import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
-/* empty css                                                */
+/* empty css                                          */
+/* empty css                                               */
 /* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconArrowRight.vue.js";
 import _sfc_main$1 from "./TransferPanel.vue.js";

package/es/Transfer/TransferPanel.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, toRefs, ref, computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, renderSlot, unref, normalizeProps, guardReactiveProps, createBlock, withCtx, createTextVNode, toDisplayString, Fragment, createVNode, mergeProps, renderList, normalizeClass } from "vue";
-import _sfc_main$1 from "../_shared/components/IconButton/index.vue2.js";
-/* empty css                                         */
+import _sfc_main$1 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
 import "../node_modules/b-tween/dist/b-tween.es.js";
 import "../node_modules/dayjs/dayjs.min.js";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
@@ -11,7 +11,7 @@ import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                                */
+/* empty css                                               */
 /* empty css                                   */
 import _sfc_main$4 from "../_shared/icons/IconClose.vue.js";
 import _sfc_main$2 from "../_shared/icons/IconDelete.vue2.js";

package/es/Transfer/hooks/useContext.d.ts

@@ -20,12 +20,7 @@ type TransferContext = {
     emits: TransferEmits;
 };
 export default function useTransferContext(): {
-    provide: (props: RecordType, emits: TransferEmits) => {
-        computedValue: import('vue').WritableComputedRef<TransferItemValue[], TransferItemValue[]>;
-        computedSelected: import('vue').WritableComputedRef<TransferItemValue[], TransferItemValue[]>;
-        targetChecked: import('vue').ComputedRef<TransferItemValue[]>;
-        sourceChecked: import('vue').ComputedRef<TransferItemValue[]>;
-    };
+    provide: (props: RecordType, emits: TransferEmits) => TransferContext;
     inject: () => TransferContext;
 };
 export {};

package/es/Transfer/hooks/useContext.js

@@ -73,7 +73,7 @@ function useTransferContext() {
         return computedValueMap.value.has(item);
       });
     });
-    provide(TRANSFER_CONTEXT_KEY, {
+    const context = {
       computedValue,
       computedSelected,
       targetChecked,
@@ -89,13 +89,9 @@ function useTransferContext() {
       disabled,
       title,
       emits
-    });
-    return {
-      computedValue,
-      computedSelected,
-      targetChecked,
-      sourceChecked
     };
+    provide(TRANSFER_CONTEXT_KEY, context);
+    return context;
   };
   const inject$1 = () => {
     return inject(TRANSFER_CONTEXT_KEY, {

package/es/Trigger/index.vue.js

@@ -13,9 +13,9 @@ import "../_shared/utils/time.js";
 import { findFirstLegitChild } from "../_shared/utils/vue-utils.js";
 import useTriggerVisible from "./hooks/useTriggerVisible.js";
 import useTriggerPosition from "./hooks/useTriggerPosition.js";
-/* empty css                                         */
+/* empty css                                          */
 import _sfc_main$1 from "../_shared/components/PreventFocus/index.vue.js";
-/* empty css                                                */
+/* empty css                                               */
 /* empty css                                   */
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/es/Typography/TypographyBase.vue.js

@@ -11,8 +11,8 @@ import { innerText, sleep } from "../_shared/utils/dom.js";
 import { useControlValue } from "../_shared/utils/hooks.js";
 import { useI18n } from "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
-/* empty css                                                */
+/* empty css                                          */
+/* empty css                                               */
 /* empty css                                   */
 import _sfc_main$3 from "../_shared/icons/IconCopy.vue2.js";
 import _sfc_main$1 from "../_shared/icons/IconEdit.vue2.js";

package/es/Upload/Upload.vue.js

@@ -4,8 +4,10 @@ import _sfc_main$2 from "./UploadButton.vue.js";
 /* empty css                  */
 import _sfc_main$1 from "./UploadDrag.vue.js";
 /* empty css                */
-import UploadFileList from "./UploadFileList.vue.js";
-import UploadPictureCard from "./UploadPictureCard.vue.js";
+import _sfc_main$3 from "./UploadFileList.vue.js";
+/* empty css                    */
+import _sfc_main$4 from "./UploadPictureCard.vue.js";
+/* empty css                       */
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "Upload"
@@ -100,7 +102,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, null, 8, ["is-over-drop-zone"])) : (openBlock(), createBlock(_sfc_main$2, { key: 1 }))
             ]) : createCommentVNode("", true)
           ], 2)) : createCommentVNode("", true),
-          _ctx.showFileList && unref(computedFileList).length ? (openBlock(), createBlock(UploadFileList, { key: 1 }, createSlots({ _: 2 }, [
+          _ctx.showFileList && unref(computedFileList).length ? (openBlock(), createBlock(_sfc_main$3, { key: 1 }, createSlots({ _: 2 }, [
             $slots["extra-button"] ? {
               name: "extra-button",
               fn: withCtx((scope) => [
@@ -116,7 +118,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               key: "1"
             } : void 0
           ]), 1024)) : createCommentVNode("", true)
-        ], 64)) : (openBlock(), createBlock(UploadPictureCard, { key: 1 }))
+        ], 64)) : (openBlock(), createBlock(_sfc_main$4, { key: 1 }))
       ], 2);
     };
   }

package/es/Upload/UploadButton.vue.js

@@ -10,8 +10,8 @@ import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/dom.js";
 import { useI18n } from "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
-/* empty css                                                */
+/* empty css                                          */
+/* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconUpload.vue2.js";
 import Button from "../Button/index.js";

package/es/Upload/UploadDrag.vue.js

@@ -10,8 +10,8 @@ import "../node_modules/dayjs/plugin/isSameOrBefore.js";
 import "../_shared/utils/dom.js";
 import { useI18n } from "../_shared/utils/locale.js";
 import "../_shared/utils/time.js";
-/* empty css                                         */
-/* empty css                                                */
+/* empty css                                          */
+/* empty css                                               */
 /* empty css                                   */
 import _sfc_main$1 from "../_shared/icons/IconPlus.vue.js";
 const _hoisted_1 = { class: "yc-upload-drag-icon" };

package/es/Upload/UploadFileList.vue.js

@@ -1,7 +1,131 @@
-import _sfc_main from "./UploadFileList.vue2.js";
-/* empty css                    */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const UploadFileList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2b2e07dc"]]);
+import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, Fragment, renderList, renderSlot, createCommentVNode, createElementVNode, createBlock, resolveDynamicComponent, createVNode, withCtx } from "vue";
+import useUploadContext from "./hooks/useContext.js";
+import _sfc_main$1 from "../_shared/components/IconButton/index.vue.js";
+/* empty css                                          */
+import "../node_modules/b-tween/dist/b-tween.es.js";
+import "../node_modules/dayjs/dayjs.min.js";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import "../node_modules/dayjs/plugin/duration.js";
+import "../node_modules/dayjs/plugin/toObject.js";
+import "../node_modules/dayjs/plugin/isSameOrAfter.js";
+import "../node_modules/dayjs/plugin/isSameOrBefore.js";
+import "../_shared/utils/dom.js";
+import "../_shared/utils/locale.js";
+import "../_shared/utils/time.js";
+/* empty css                                               */
+/* empty css                                   */
+import _sfc_main$3 from "../_shared/icons/IconDelete.vue2.js";
+import _sfc_main$2 from "../_shared/icons/IconFile.vue2.js";
+const _hoisted_1 = { class: "yc-upload-list-item-content" };
+const _hoisted_2 = {
+  key: 0,
+  class: "yc-upload-list-item-thumbnail"
+};
+const _hoisted_3 = ["src", "alt", "loading"];
+const _hoisted_4 = { class: "yc-upload-list-item-name" };
+const _hoisted_5 = {
+  key: 0,
+  class: "yc-upload-list-item-file-icon"
+};
+const _hoisted_6 = { class: "yc-upload-list-item-name-text text-ellipsis" };
+const _hoisted_7 = ["href", "download"];
+const _hoisted_8 = {
+  key: 0,
+  class: "yc-upload-list-item-operation"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "UploadFileList",
+  setup(__props) {
+    const {
+      computedFileList,
+      showRemoveButton,
+      listType,
+      imageLoading,
+      showLink,
+      download,
+      customIcon,
+      slots,
+      handleDelFile
+    } = useUploadContext().inject();
+    const renderFileIcon = (fileItem) => {
+      var _a, _b;
+      if (slots["file-icon"]) {
+        return slots["file-icon"]({
+          fileItem
+        });
+      }
+      return ((_b = (_a = customIcon.value).fileIcon) == null ? void 0 : _b.call(_a, fileItem)) || _sfc_main$2;
+    };
+    const renderName = (fileItem) => {
+      if (slots["file-name"]) {
+        return slots["file-name"]({
+          fileItem
+        });
+      }
+      return () => {
+        var _a, _b;
+        return ((_b = (_a = customIcon.value).fileName) == null ? void 0 : _b.call(_a, fileItem)) || fileItem.name;
+      };
+    };
+    const renderDelIcon = () => {
+      return slots["remove-icon"] ?? (customIcon.value.removeIcon || _sfc_main$3);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["yc-upload-list", `yc-upload-list-type-${unref(listType)}`])
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(computedFileList), (item, i) => {
+          return openBlock(), createElementBlock("div", {
+            key: item.uid,
+            class: "yc-upload-list-item"
+          }, [
+            renderSlot(_ctx.$slots, "upload-item", {
+              fileItem: item,
+              index: i
+            }, () => [
+              createElementVNode("div", _hoisted_1, [
+                unref(listType) == "picture" ? (openBlock(), createElementBlock("span", _hoisted_2, [
+                  createElementVNode("img", {
+                    src: item.url,
+                    alt: item.name,
+                    loading: unref(imageLoading)
+                  }, null, 8, _hoisted_3)
+                ])) : createCommentVNode("", true),
+                createElementVNode("div", _hoisted_4, [
+                  unref(listType) == "text" ? (openBlock(), createElementBlock("span", _hoisted_5, [
+                    (openBlock(), createBlock(resolveDynamicComponent(renderFileIcon(item))))
+                  ])) : createCommentVNode("", true),
+                  createElementVNode("span", _hoisted_6, [
+                    unref(showLink) ? (openBlock(), createElementBlock("a", {
+                      key: 0,
+                      href: item.url,
+                      download: unref(download) ? item.name : void 0,
+                      class: "yc-upload-list-item-name-link",
+                      target: "_blank"
+                    }, [
+                      (openBlock(), createBlock(resolveDynamicComponent(renderName(item))))
+                    ], 8, _hoisted_7)) : (openBlock(), createBlock(resolveDynamicComponent(renderName(item)), { key: 1 }))
+                  ])
+                ])
+              ])
+            ]),
+            _ctx.$slots["extra-button"] || unref(showRemoveButton) ? (openBlock(), createElementBlock("span", _hoisted_8, [
+              createVNode(unref(_sfc_main$1), {
+                onClick: ($event) => unref(handleDelFile)(item)
+              }, {
+                default: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(renderDelIcon())))
+                ]),
+                _: 1
+              }, 8, ["onClick"]),
+              renderSlot(_ctx.$slots, "extra-button", { fileItem: item })
+            ])) : createCommentVNode("", true)
+          ]);
+        }), 128))
+      ], 2);
+    };
+  }
+});
 export {
-  UploadFileList as default
+  _sfc_main as default
 };

package/es/Upload/UploadFileList.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./UploadFileList.vue.js";
+/* empty css                    */
+export {
+  _sfc_main as default
+};

package/es/Upload/UploadPictureCard.vue.js

@@ -1,7 +1,137 @@
-import _sfc_main from "./UploadPictureCard.vue2.js";
-/* empty css                       */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const UploadPictureCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2914d73a"]]);
+import { defineComponent, ref, createElementBlock, openBlock, normalizeClass, unref, createVNode, createCommentVNode, Fragment, renderList, createElementVNode, createBlock, resolveDynamicComponent, toDisplayString } from "vue";
+import useUpload from "./hooks/useUpload.js";
+import "../node_modules/b-tween/dist/b-tween.es.js";
+import "../node_modules/dayjs/dayjs.min.js";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import "../node_modules/dayjs/plugin/duration.js";
+import "../node_modules/dayjs/plugin/toObject.js";
+import "../node_modules/dayjs/plugin/isSameOrAfter.js";
+import "../node_modules/dayjs/plugin/isSameOrBefore.js";
+import "../_shared/utils/dom.js";
+import "../_shared/utils/locale.js";
+import "../_shared/utils/time.js";
+/* empty css                                          */
+/* empty css                                               */
+/* empty css                                   */
+import _sfc_main$3 from "../_shared/icons/IconDelete.vue2.js";
+import _sfc_main$4 from "../_shared/icons/IconEyeClose.vue.js";
+import _sfc_main$2 from "../_shared/icons/IconPlus.vue.js";
+import "../Image/index.js";
+import _sfc_main$1 from "../Image/ImagePreview.vue.js";
+/* empty css                         */
+const _hoisted_1 = ["src", "alt"];
+const _hoisted_2 = { class: "yc-upload-list-picture-mask" };
+const _hoisted_3 = { class: "yc-upload-list-picture-operation" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = { class: "yc-upload-picture-card-text" };
+const _hoisted_7 = {
+  key: 0,
+  class: "yc-upload-tip"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "UploadPictureCard",
+  setup(__props) {
+    const uploadRef = ref();
+    const visible = ref(false);
+    const url = ref("");
+    const {
+      computedFileList,
+      limit,
+      tip,
+      slots,
+      customIcon,
+      disabled,
+      imagePreview,
+      showPreviewButton,
+      showRemoveButton,
+      listType,
+      handleUpload,
+      handleDelFile,
+      emits
+    } = useUpload(uploadRef);
+    const renderDelIcon = () => {
+      return slots["remove-icon"] ?? (customIcon.value.removeIcon || _sfc_main$3);
+    };
+    const renderPreviewIcon = () => {
+      return slots["preview-icon"] ?? (customIcon.value.previewIcon || _sfc_main$4);
+    };
+    const handlePreview = (fileItem) => {
+      url.value = fileItem.url;
+      emits("preview", fileItem);
+      if (!imagePreview.value) return;
+      visible.value = true;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "yc-upload-list",
+          `yc-upload-list-type-${unref(listType)}`,
+          {
+            "yc-upload-list-disabled": unref(disabled)
+          }
+        ])
+      }, [
+        createVNode(unref(_sfc_main$1), {
+          visible: visible.value,
+          "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
+          src: url.value
+        }, null, 8, ["visible", "src"]),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(computedFileList), (item) => {
+          return openBlock(), createElementBlock("div", {
+            key: item.uid,
+            class: "yc-upload-list-picture"
+          }, [
+            createElementVNode("img", {
+              src: item.url,
+              alt: item.name
+            }, null, 8, _hoisted_1),
+            createElementVNode("div", _hoisted_2, [
+              createElementVNode("div", _hoisted_3, [
+                unref(showPreviewButton) ? (openBlock(), createElementBlock("span", {
+                  key: 0,
+                  class: normalizeClass(["yc-upload-icon", "yc-upload-icon-preview"]),
+                  onClick: ($event) => handlePreview(item)
+                }, [
+                  (openBlock(), createBlock(resolveDynamicComponent(renderPreviewIcon())))
+                ], 8, _hoisted_4)) : createCommentVNode("", true),
+                unref(showRemoveButton) ? (openBlock(), createElementBlock("span", {
+                  key: 1,
+                  class: normalizeClass(["yc-upload-icon", "yc-upload-icon-remove"]),
+                  onClick: ($event) => unref(handleDelFile)(item)
+                }, [
+                  (openBlock(), createBlock(resolveDynamicComponent(renderDelIcon())))
+                ], 8, _hoisted_5)) : createCommentVNode("", true)
+              ])
+            ])
+          ]);
+        }), 128)),
+        unref(limit) <= 0 || unref(computedFileList).length < unref(limit) ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          class: "yc-upload",
+          ref_key: "uploadRef",
+          ref: uploadRef,
+          onClick: _cache[1] || (_cache[1] = //@ts-ignore
+          (...args) => unref(handleUpload) && unref(handleUpload)(...args))
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass([
+              "yc-upload-picture-card",
+              {
+                "yc-upload-picture-card-disabled": unref(disabled)
+              }
+            ])
+          }, [
+            createElementVNode("div", _hoisted_6, [
+              createVNode(unref(_sfc_main$2))
+            ]),
+            unref(tip) ? (openBlock(), createElementBlock("div", _hoisted_7, toDisplayString(unref(tip)), 1)) : createCommentVNode("", true)
+          ], 2)
+        ], 512)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
 export {
-  UploadPictureCard as default
+  _sfc_main as default
 };

package/es/Upload/UploadPictureCard.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./UploadPictureCard.vue.js";
+/* empty css                       */
+export {
+  _sfc_main as default
+};

package/es/_shared/components/ExpandTransition/index.vue3.js

@@ -1,5 +1,5 @@
-import _sfc_main from "./index.vue.js";
-/* empty css           */
+import _sfc_main from "./index.vue2.js";
+/* empty css          */
 export {
   _sfc_main as default
 };