element-ps 2.0.17 → 2.0.18

package/es/components/tooltip-v2/src/tooltip2.mjs

@@ -1,27 +1,80 @@
-import '../../../utils/index.mjs';
-import { tooltipV2RootProps } from './root2.mjs';
+import { defineComponent, toRefs, reactive, openBlock, createBlock, normalizeProps, guardReactiveProps, unref, withCtx, createVNode, mergeProps, renderSlot, Teleport, Transition, createCommentVNode, createElementBlock, Fragment } from 'vue';
+import { pick } from 'lodash-unified';
+import { tooltipV2ArrowProps } from './arrow.mjs';
+import { tooltipV2ContentProps } from './content.mjs';
+import { tooltipV2RootProps } from './root.mjs';
+import { tooltipV2Props } from './tooltip.mjs';
 import { tooltipV2TriggerProps } from './trigger.mjs';
-import { tooltipV2ArrowProps } from './arrow2.mjs';
-import { tooltipV2ContentProps } from './content2.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
+import TooltipV2Root from './root2.mjs';
+import TooltipV2Arrow from './arrow2.mjs';
+import TooltipV2Content from './content2.mjs';
+import TooltipV2Trigger from './trigger2.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
-const tooltipV2Props = buildProps({
-  ...tooltipV2RootProps,
-  ...tooltipV2ArrowProps,
-  ...tooltipV2TriggerProps,
-  ...tooltipV2ContentProps,
-  alwaysOn: Boolean,
-  fullTransition: Boolean,
-  transitionProps: {
-    type: definePropType(Object),
-    default: null
-  },
-  teleported: Boolean,
-  to: {
-    type: definePropType(String),
-    default: "body"
+const __default__ = {
+  name: "PsTooltipV2"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: tooltipV2Props,
+  setup(__props) {
+    const props = __props;
+    const refedProps = toRefs(props);
+    const arrowProps = reactive(pick(refedProps, Object.keys(tooltipV2ArrowProps)));
+    const contentProps = reactive(pick(refedProps, Object.keys(tooltipV2ContentProps)));
+    const rootProps = reactive(pick(refedProps, Object.keys(tooltipV2RootProps)));
+    const triggerProps = reactive(pick(refedProps, Object.keys(tooltipV2TriggerProps)));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(TooltipV2Root, normalizeProps(guardReactiveProps(unref(rootProps))), {
+        default: withCtx(({ open }) => [
+          createVNode(TooltipV2Trigger, mergeProps(unref(triggerProps), { nowrap: "" }), {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "trigger")
+            ]),
+            _: 3
+          }, 16),
+          (openBlock(), createBlock(Teleport, {
+            to: _ctx.to,
+            disabled: !_ctx.teleported
+          }, [
+            _ctx.fullTransition ? (openBlock(), createBlock(Transition, normalizeProps(mergeProps({ key: 0 }, _ctx.transitionProps)), {
+              default: withCtx(() => [
+                _ctx.alwaysOn || open ? (openBlock(), createBlock(TooltipV2Content, normalizeProps(mergeProps({ key: 0 }, unref(contentProps))), {
+                  arrow: withCtx(({ style, side }) => [
+                    _ctx.showArrow ? (openBlock(), createBlock(TooltipV2Arrow, mergeProps({ key: 0 }, unref(arrowProps), {
+                      style,
+                      side
+                    }), null, 16, ["style", "side"])) : createCommentVNode("v-if", true)
+                  ]),
+                  default: withCtx(() => [
+                    renderSlot(_ctx.$slots, "default")
+                  ]),
+                  _: 3
+                }, 16)) : createCommentVNode("v-if", true)
+              ]),
+              _: 2
+            }, 1040)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              _ctx.alwaysOn || open ? (openBlock(), createBlock(TooltipV2Content, normalizeProps(mergeProps({ key: 0 }, unref(contentProps))), {
+                arrow: withCtx(({ style, side }) => [
+                  _ctx.showArrow ? (openBlock(), createBlock(TooltipV2Arrow, mergeProps({ key: 0 }, unref(arrowProps), {
+                    style,
+                    side
+                  }), null, 16, ["style", "side"])) : createCommentVNode("v-if", true)
+                ]),
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "default")
+                ]),
+                _: 3
+              }, 16)) : createCommentVNode("v-if", true)
+            ], 2112))
+          ], 8, ["to", "disabled"]))
+        ]),
+        _: 3
+      }, 16);
+    };
   }
 });
+var TooltipV2 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/tooltip-v2/src/tooltip.vue"]]);
 
-export { tooltipV2Props };
+export { TooltipV2 as default };
 //# sourceMappingURL=tooltip2.mjs.map

package/es/components/tooltip-v2/src/tooltip2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip2.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/tooltip.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils'\nimport { tooltipV2RootProps } from './root'\nimport { tooltipV2TriggerProps } from './trigger'\nimport { tooltipV2ArrowProps } from './arrow'\nimport { tooltipV2ContentProps } from './content'\n\nimport type { ExtractPropTypes, TeleportProps, TransitionProps } from 'vue'\n\nexport const tooltipV2Props = buildProps({\n  ...tooltipV2RootProps,\n  ...tooltipV2ArrowProps,\n  ...tooltipV2TriggerProps,\n  ...tooltipV2ContentProps,\n  alwaysOn: Boolean,\n  fullTransition: Boolean,\n  transitionProps: {\n    type: definePropType<TransitionProps | null>(Object),\n    default: null,\n  },\n  teleported: Boolean,\n  to: {\n    type: definePropType<TeleportProps['to']>(String),\n    default: 'body',\n  },\n} as const)\n\nexport type TooltipV2Props = ExtractPropTypes<typeof tooltipV2Props>\n"],"names":[],"mappings":";;;;;;;AAKY,MAAC,cAAc,GAAG,UAAU,CAAC;AACzC,EAAE,GAAG,kBAAkB;AACvB,EAAE,GAAG,mBAAmB;AACxB,EAAE,GAAG,qBAAqB;AAC1B,EAAE,GAAG,qBAAqB;AAC1B,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,cAAc,EAAE,OAAO;AACzB,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,EAAE,EAAE;AACN,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"tooltip2.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/tooltip.vue"],"sourcesContent":["<template>\n  <tooltip-v2-root v-bind=\"rootProps\">\n    <template #default=\"{ open }\">\n      <tooltip-v2-trigger v-bind=\"triggerProps\" nowrap>\n        <slot name=\"trigger\" />\n      </tooltip-v2-trigger>\n      <teleport :to=\"to\" :disabled=\"!teleported\">\n        <template v-if=\"fullTransition\">\n          <transition v-bind=\"transitionProps\">\n            <tooltip-v2-content v-if=\"alwaysOn || open\" v-bind=\"contentProps\">\n              <slot />\n              <template #arrow=\"{ style, side }\">\n                <tooltip-v2-arrow\n                  v-if=\"showArrow\"\n                  v-bind=\"arrowProps\"\n                  :style=\"style\"\n                  :side=\"side\"\n                />\n              </template>\n            </tooltip-v2-content>\n          </transition>\n        </template>\n        <template v-else>\n          <tooltip-v2-content v-if=\"alwaysOn || open\" v-bind=\"contentProps\">\n            <slot />\n            <template #arrow=\"{ style, side }\">\n              <tooltip-v2-arrow\n                v-if=\"showArrow\"\n                v-bind=\"arrowProps\"\n                :style=\"style\"\n                :side=\"side\"\n              />\n            </template>\n          </tooltip-v2-content>\n        </template>\n      </teleport>\n    </template>\n  </tooltip-v2-root>\n</template>\n\n<script setup lang=\"ts\">\nimport { reactive, toRefs } from 'vue'\nimport { pick } from 'lodash-unified'\nimport { tooltipV2ArrowProps } from './arrow'\nimport { tooltipV2ContentProps } from './content'\nimport { tooltipV2RootProps } from './root'\nimport { tooltipV2Props } from './tooltip'\nimport { tooltipV2TriggerProps } from './trigger'\nimport TooltipV2Root from './root.vue'\nimport TooltipV2Arrow from './arrow.vue'\nimport TooltipV2Content from './content.vue'\nimport TooltipV2Trigger from './trigger.vue'\n\ndefineOptions({\n  name: 'PsTooltipV2',\n})\n\nconst props = defineProps(tooltipV2Props)\n\nconst refedProps = toRefs(props)\n\nconst arrowProps = reactive(pick(refedProps, Object.keys(tooltipV2ArrowProps)))\n\nconst contentProps = reactive(\n  pick(refedProps, Object.keys(tooltipV2ContentProps))\n)\n\nconst rootProps = reactive(pick(refedProps, Object.keys(tooltipV2RootProps)))\n\nconst triggerProps = reactive(\n  pick(refedProps, Object.keys(tooltipV2TriggerProps))\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AA2DA,IAAA,MAAA,UAAA,GAAA,OAAA,KAAA,CAAA,CAAA;AAEA,IAAA,MAAA,UAAA,GAAA,SAAA,IAAA,CAAA,UAAA,EAAA,OAAA,IAAA,CAAA,mBAAA,CAAA,CAAA,CAAA,CAAA;AAEA,IAAA,MAAA,YAAA,GAAA,SACA,IAAA,CAAA,UAAA,EAAA,OAAA,IAAA,CAAA,qBAAA,CAAA,CACA,CAAA,CAAA;AAEA,IAAA,MAAA,SAAA,GAAA,SAAA,IAAA,CAAA,UAAA,EAAA,OAAA,IAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,CAAA;AAEA,IAAA,MAAA,YAAA,GAAA,SACA,IAAA,CAAA,UAAA,EAAA,OAAA,IAAA,CAAA,qBAAA,CAAA,CACA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/upload/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Upload from './src/upload2.mjs';
-export { genFileId, uploadBaseProps, uploadListTypes, uploadProps } from './src/upload.mjs';
+import Upload from './src/upload.mjs';
+export { genFileId, uploadBaseProps, uploadListTypes, uploadProps } from './src/upload2.mjs';
 export { uploadContentProps } from './src/upload-content2.mjs';
 export { uploadListEmits, uploadListProps } from './src/upload-list2.mjs';
 export { uploadDraggerEmits, uploadDraggerProps } from './src/upload-dragger.mjs';

package/es/components/upload/src/upload-content2.mjs

@@ -1,6 +1,6 @@
 import { NOOP } from '@vue/shared';
 import '../../../utils/index.mjs';
-import { uploadBaseProps } from './upload.mjs';
+import { uploadBaseProps } from './upload2.mjs';
 import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
 import { mutable } from '../../../utils/typescript.mjs';
 

package/es/components/upload/src/upload-list2.mjs

@@ -1,6 +1,6 @@
 import { NOOP } from '@vue/shared';
 import '../../../utils/index.mjs';
-import { uploadListTypes } from './upload.mjs';
+import { uploadListTypes } from './upload2.mjs';
 import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
 import { mutable } from '../../../utils/typescript.mjs';
 

package/es/components/upload/src/upload.mjs

@@ -1,111 +1,104 @@
-import { NOOP } from '@vue/shared';
-import '../../../utils/index.mjs';
-import { ajaxUpload } from './ajax.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
-import { mutable } from '../../../utils/typescript.mjs';
+import { defineComponent, useSlots, shallowRef, computed, onBeforeUnmount, provide, toRef, openBlock, createElementBlock, unref, createBlock, createSlots, withCtx, mergeProps, renderSlot, createCommentVNode } from 'vue';
+import '../../../tokens/index.mjs';
+import '../../../hooks/index.mjs';
+import UploadList from './upload-list.mjs';
+import UploadContent from './upload-content.mjs';
+import { useHandlers } from './use-handlers.mjs';
+import { uploadProps } from './upload2.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useDisabled } from '../../../hooks/use-common-props/index.mjs';
+import { uploadContextKey } from '../../../tokens/upload.mjs';
 
-const uploadListTypes = ["text", "picture", "picture-card"];
-let fileId = 1;
-const genFileId = () => Date.now() + fileId++;
-const uploadBaseProps = buildProps({
-  action: {
-    type: String,
-    default: "#"
-  },
-  headers: {
-    type: definePropType(Object)
-  },
-  method: {
-    type: String,
-    default: "post"
-  },
-  data: {
-    type: Object,
-    default: () => mutable({})
-  },
-  multiple: {
-    type: Boolean,
-    default: false
-  },
-  name: {
-    type: String,
-    default: "file"
-  },
-  drag: {
-    type: Boolean,
-    default: false
-  },
-  withCredentials: Boolean,
-  showFileList: {
-    type: Boolean,
-    default: true
-  },
-  accept: {
-    type: String,
-    default: ""
-  },
-  type: {
-    type: String,
-    default: "select"
-  },
-  fileList: {
-    type: definePropType(Array),
-    default: () => mutable([])
-  },
-  autoUpload: {
-    type: Boolean,
-    default: true
-  },
-  listType: {
-    type: String,
-    values: uploadListTypes,
-    default: "text"
-  },
-  httpRequest: {
-    type: definePropType(Function),
-    default: ajaxUpload
-  },
-  disabled: Boolean,
-  limit: Number
-});
-const uploadProps = buildProps({
-  ...uploadBaseProps,
-  beforeUpload: {
-    type: definePropType(Function),
-    default: NOOP
-  },
-  beforeRemove: {
-    type: definePropType(Function)
-  },
-  onRemove: {
-    type: definePropType(Function),
-    default: NOOP
-  },
-  onChange: {
-    type: definePropType(Function),
-    default: NOOP
-  },
-  onPreview: {
-    type: definePropType(Function),
-    default: NOOP
-  },
-  onSuccess: {
-    type: definePropType(Function),
-    default: NOOP
-  },
-  onProgress: {
-    type: definePropType(Function),
-    default: NOOP
-  },
-  onError: {
-    type: definePropType(Function),
-    default: NOOP
-  },
-  onExceed: {
-    type: definePropType(Function),
-    default: NOOP
+const __default__ = {
+  name: "PsUpload"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: uploadProps,
+  setup(__props) {
+    const props = __props;
+    const slots = useSlots();
+    const disabled = useDisabled();
+    const uploadRef = shallowRef();
+    const {
+      uploadFiles
+    } = useHandlers(props, uploadRef);
+    const isPictureCard = computed(() => props.listType === "picture-card");
+    const uploadContentProps = computed(() => ({
+      ...props
+    }));
+    onBeforeUnmount(() => {
+      uploadFiles.value.forEach(({ url }) => {
+        if (url == null ? void 0 : url.startsWith("blob:"))
+          URL.revokeObjectURL(url);
+      });
+    });
+    provide(uploadContextKey, {
+      accept: toRef(props, "accept")
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        unref(isPictureCard) && _ctx.showFileList ? (openBlock(), createBlock(UploadList, {
+          key: 0,
+          disabled: unref(disabled),
+          "list-type": _ctx.listType,
+          files: unref(uploadFiles),
+          "handle-preview": _ctx.onPreview
+        }, createSlots({
+          append: withCtx(() => [
+            _ctx.listType === "picture-card" ? (openBlock(), createBlock(UploadContent, mergeProps({
+              key: 0,
+              ref_key: "uploadRef",
+              ref: uploadRef
+            }, unref(uploadContentProps)), {
+              default: withCtx(() => [
+                unref(slots).trigger ? renderSlot(_ctx.$slots, "trigger", { key: 0 }) : createCommentVNode("v-if", true),
+                !unref(slots).trigger && unref(slots).default ? renderSlot(_ctx.$slots, "default", { key: 1 }) : createCommentVNode("v-if", true)
+              ]),
+              _: 3
+            }, 16)) : createCommentVNode("v-if", true)
+          ]),
+          _: 2
+        }, [
+          _ctx.$slots.file ? {
+            name: "default",
+            fn: withCtx(({ file }) => [
+              renderSlot(_ctx.$slots, "file", { file })
+            ])
+          } : void 0
+        ]), 1032, ["disabled", "list-type", "files", "handle-preview"])) : createCommentVNode("v-if", true),
+        _ctx.listType !== "picture-card" ? (openBlock(), createBlock(UploadContent, mergeProps({
+          key: 1,
+          ref_key: "uploadRef",
+          ref: uploadRef
+        }, unref(uploadContentProps)), {
+          default: withCtx(() => [
+            unref(slots).trigger ? renderSlot(_ctx.$slots, "trigger", { key: 0 }) : createCommentVNode("v-if", true),
+            !unref(slots).trigger && unref(slots).default ? renderSlot(_ctx.$slots, "default", { key: 1 }) : createCommentVNode("v-if", true)
+          ]),
+          _: 3
+        }, 16)) : createCommentVNode("v-if", true),
+        _ctx.$slots.trigger ? renderSlot(_ctx.$slots, "default", { key: 2 }) : createCommentVNode("v-if", true),
+        renderSlot(_ctx.$slots, "tip"),
+        !unref(isPictureCard) && _ctx.showFileList ? (openBlock(), createBlock(UploadList, {
+          key: 3,
+          disabled: unref(disabled),
+          "list-type": _ctx.listType,
+          files: unref(uploadFiles),
+          "handle-preview": _ctx.onPreview
+        }, createSlots({ _: 2 }, [
+          _ctx.$slots.file ? {
+            name: "default",
+            fn: withCtx(({ file }) => [
+              renderSlot(_ctx.$slots, "file", { file })
+            ])
+          } : void 0
+        ]), 1032, ["disabled", "list-type", "files", "handle-preview"])) : createCommentVNode("v-if", true)
+      ]);
+    };
   }
 });
+var Upload = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/upload/src/upload.vue"]]);
 
-export { genFileId, uploadBaseProps, uploadListTypes, uploadProps };
+export { Upload as default };
 //# sourceMappingURL=upload.mjs.map

package/es/components/upload/src/upload.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"upload.mjs","sources":["../../../../../../packages/components/upload/src/upload.ts"],"sourcesContent":["import { NOOP } from '@vue/shared'\nimport { buildProps, definePropType, mutable } from '@element-ps/utils'\nimport { ajaxUpload } from './ajax'\n\nimport type { UploadAjaxError } from './ajax'\nimport type { Awaitable } from '@element-ps/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Upload from './upload.vue'\n\nexport const uploadListTypes = ['text', 'picture', 'picture-card'] as const\n\nlet fileId = 1\nexport const genFileId = () => Date.now() + fileId++\n\nexport type UploadStatus = 'ready' | 'uploading' | 'success' | 'fail'\nexport interface UploadProgressEvent extends ProgressEvent {\n  percent: number\n}\n\nexport interface UploadRequestOptions {\n  action: string\n  method: string\n  data: Record<string, string | Blob | [string | Blob, string]>\n  filename: string\n  file: File\n  headers: Headers | Record<string, string | number | null | undefined>\n  onError: (evt: UploadAjaxError) => void\n  onProgress: (evt: UploadProgressEvent) => void\n  onSuccess: (response: any) => void\n  withCredentials: boolean\n}\nexport interface UploadFile {\n  name: string\n  percentage?: number\n  status: UploadStatus\n  size?: number\n  response?: unknown\n  uid: number\n  url?: string\n  raw?: UploadRawFile\n}\nexport type UploadUserFile = Omit<UploadFile, 'status' | 'uid'> &\n  Partial<Pick<UploadFile, 'status' | 'uid'>>\n\nexport type UploadFiles = UploadFile[]\nexport interface UploadRawFile extends File {\n  uid: number\n}\nexport type UploadRequestHandler = (\n  options: UploadRequestOptions\n) => XMLHttpRequest | Promise<unknown>\nexport interface UploadHooks {\n  beforeUpload: (\n    rawFile: UploadRawFile\n  ) => Awaitable<void | undefined | null | boolean | File | Blob>\n  beforeRemove: (\n    uploadFile: UploadFile,\n    uploadFiles: UploadFiles\n  ) => Awaitable<boolean>\n  onRemove: (uploadFile: UploadFile, uploadFiles: UploadFiles) => void\n  onChange: (uploadFile: UploadFile, uploadFiles: UploadFiles) => void\n  onPreview: (uploadFile: UploadFile) => void\n  onSuccess: (\n    response: any,\n    uploadFile: UploadFile,\n    uploadFiles: UploadFiles\n  ) => void\n  onProgress: (\n    evt: UploadProgressEvent,\n    uploadFile: UploadFile,\n    uploadFiles: UploadFiles\n  ) => void\n  onError: (\n    error: Error,\n    uploadFile: UploadFile,\n    uploadFiles: UploadFiles\n  ) => void\n  onExceed: (files: File[], uploadFiles: UploadUserFile[]) => void\n}\n\nexport const uploadBaseProps = buildProps({\n  action: {\n    type: String,\n    default: '#',\n  },\n  headers: {\n    type: definePropType<Headers | Record<string, any>>(Object),\n  },\n  method: {\n    type: String,\n    default: 'post',\n  },\n  data: {\n    type: Object,\n    default: () => mutable({} as const),\n  },\n  multiple: {\n    type: Boolean,\n    default: false,\n  },\n  name: {\n    type: String,\n    default: 'file',\n  },\n  drag: {\n    type: Boolean,\n    default: false,\n  },\n  withCredentials: Boolean,\n  showFileList: {\n    type: Boolean,\n    default: true,\n  },\n  accept: {\n    type: String,\n    default: '',\n  },\n  type: {\n    type: String,\n    default: 'select',\n  },\n  fileList: {\n    type: definePropType<UploadUserFile[]>(Array),\n    default: () => mutable([] as const),\n  },\n  autoUpload: {\n    type: Boolean,\n    default: true,\n  },\n  listType: {\n    type: String,\n    values: uploadListTypes,\n    default: 'text',\n  },\n  httpRequest: {\n    type: definePropType<UploadRequestHandler>(Function),\n    default: ajaxUpload,\n  },\n  disabled: Boolean,\n  limit: Number,\n} as const)\n\nexport const uploadProps = buildProps({\n  ...uploadBaseProps,\n  beforeUpload: {\n    type: definePropType<UploadHooks['beforeUpload']>(Function),\n    default: NOOP,\n  },\n  beforeRemove: {\n    type: definePropType<UploadHooks['beforeRemove']>(Function),\n  },\n  onRemove: {\n    type: definePropType<UploadHooks['onRemove']>(Function),\n    default: NOOP,\n  },\n  onChange: {\n    type: definePropType<UploadHooks['onChange']>(Function),\n    default: NOOP,\n  },\n  onPreview: {\n    type: definePropType<UploadHooks['onPreview']>(Function),\n    default: NOOP,\n  },\n  onSuccess: {\n    type: definePropType<UploadHooks['onSuccess']>(Function),\n    default: NOOP,\n  },\n  onProgress: {\n    type: definePropType<UploadHooks['onProgress']>(Function),\n    default: NOOP,\n  },\n  onError: {\n    type: definePropType<UploadHooks['onError']>(Function),\n    default: NOOP,\n  },\n  onExceed: {\n    type: definePropType<UploadHooks['onExceed']>(Function),\n    default: NOOP,\n  },\n} as const)\n\nexport type UploadProps = ExtractPropTypes<typeof uploadProps>\n\nexport type UploadInstance = InstanceType<typeof Upload>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"upload.mjs","sources":["../../../../../../packages/components/upload/src/upload.vue"],"sourcesContent":["<template>\n  <div>\n    <upload-list\n      v-if=\"isPictureCard && showFileList\"\n      :disabled=\"disabled\"\n      :list-type=\"listType\"\n      :files=\"uploadFiles\"\n      :handle-preview=\"onPreview\"\n    >\n      <template v-if=\"$slots.file\" #default=\"{ file }\">\n        <slot name=\"file\" :file=\"file\" />\n      </template>\n      <template #append>\n        <upload-content\n          v-if=\"listType === 'picture-card'\"\n          ref=\"uploadRef\"\n          v-bind=\"uploadContentProps\"\n        >\n          <slot v-if=\"slots.trigger\" name=\"trigger\" />\n          <slot v-if=\"!slots.trigger && slots.default\" />\n        </upload-content>\n      </template>\n    </upload-list>\n\n    <upload-content\n      v-if=\"listType !== 'picture-card'\"\n      ref=\"uploadRef\"\n      v-bind=\"uploadContentProps\"\n    >\n      <slot v-if=\"slots.trigger\" name=\"trigger\" />\n      <slot v-if=\"!slots.trigger && slots.default\" />\n    </upload-content>\n\n    <slot v-if=\"$slots.trigger\" />\n    <slot name=\"tip\" />\n    <upload-list\n      v-if=\"!isPictureCard && showFileList\"\n      :disabled=\"disabled\"\n      :list-type=\"listType\"\n      :files=\"uploadFiles\"\n      :handle-preview=\"onPreview\"\n    >\n      <template v-if=\"$slots.file\" #default=\"{ file }\">\n        <slot name=\"file\" :file=\"file\" />\n      </template>\n    </upload-list>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  onBeforeUnmount,\n  provide,\n  shallowRef,\n  toRef,\n  useSlots,\n} from 'vue'\nimport { uploadContextKey } from '@element-ps/tokens'\nimport { useDisabled } from '@element-ps/hooks'\nimport UploadList from './upload-list.vue'\nimport UploadContent from './upload-content.vue'\nimport { useHandlers } from './use-handlers'\nimport { uploadProps } from './upload'\nimport type {\n  UploadContentInstance,\n  UploadContentProps,\n} from './upload-content'\n\ndefineOptions({\n  name: 'PsUpload',\n})\n\nconst props = defineProps(uploadProps)\n\nconst slots = useSlots()\nconst disabled = useDisabled()\n\nconst uploadRef = shallowRef<UploadContentInstance>()\nconst {\n  uploadFiles,\n} = useHandlers(props, uploadRef)\n\nconst isPictureCard = computed(() => props.listType === 'picture-card')\n\n// did not use `defineComponent` for performance\nconst uploadContentProps = computed<UploadContentProps>(() => ({\n  ...props,\n}))\n\nonBeforeUnmount(() => {\n  uploadFiles.value.forEach(({ url }) => {\n    if (url?.startsWith('blob:')) URL.revokeObjectURL(url)\n  })\n})\n\nprovide(uploadContextKey, {\n  accept: toRef(props, 'accept'),\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AA2EA,IAAA,MAAA,QAAA,QAAA,EAAA,CAAA;AACA,IAAA,MAAA,WAAA,WAAA,EAAA,CAAA;AAEA,IAAA,MAAA,YAAA,UAAA,EAAA,CAAA;AACA,IAAA,MAAA;AAAA,MACA,WAAA;AAAA,KACA,GAAA,WAAA,CAAA,OAAA,SAAA,CAAA,CAAA;AAEA,IAAA,MAAA,aAAA,GAAA,QAAA,CAAA,MAAA,KAAA,CAAA,aAAA,cAAA,CAAA,CAAA;AAGA,IAAA,MAAA,kBAAA,GAAA,SAAA,OAAA;AAAA,MACA,GAAA,KAAA;AAAA,KACA,CAAA,CAAA,CAAA;AAEA,IAAA,eAAA,CAAA,MAAA;AACA,MAAA,WAAA,CAAA,KAAA,CAAA,OAAA,CAAA,CAAA,EAAA,GAAA,EAAA,KAAA;AACA,QAAA,IAAA,GAAA,gBAAA,CAAA,GAAA,GAAA,CAAA,UAAA,CAAA,OAAA,CAAA;AAAA,UAAA,GAAA,CAAA,gBAAA,GAAA,CAAA,CAAA;AAAA,OACA,CAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,OAAA,CAAA,gBAAA,EAAA;AAAA,MACA,MAAA,EAAA,KAAA,CAAA,KAAA,EAAA,QAAA,CAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/upload/src/upload2.mjs

@@ -1,104 +1,111 @@
-import { defineComponent, useSlots, shallowRef, computed, onBeforeUnmount, provide, toRef, openBlock, createElementBlock, unref, createBlock, createSlots, withCtx, mergeProps, renderSlot, createCommentVNode } from 'vue';
-import '../../../tokens/index.mjs';
-import '../../../hooks/index.mjs';
-import UploadList from './upload-list.mjs';
-import UploadContent from './upload-content.mjs';
-import { useHandlers } from './use-handlers.mjs';
-import { uploadProps } from './upload.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useDisabled } from '../../../hooks/use-common-props/index.mjs';
-import { uploadContextKey } from '../../../tokens/upload.mjs';
+import { NOOP } from '@vue/shared';
+import '../../../utils/index.mjs';
+import { ajaxUpload } from './ajax.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
+import { mutable } from '../../../utils/typescript.mjs';
 
-const __default__ = {
-  name: "PsUpload"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: uploadProps,
-  setup(__props) {
-    const props = __props;
-    const slots = useSlots();
-    const disabled = useDisabled();
-    const uploadRef = shallowRef();
-    const {
-      uploadFiles
-    } = useHandlers(props, uploadRef);
-    const isPictureCard = computed(() => props.listType === "picture-card");
-    const uploadContentProps = computed(() => ({
-      ...props
-    }));
-    onBeforeUnmount(() => {
-      uploadFiles.value.forEach(({ url }) => {
-        if (url == null ? void 0 : url.startsWith("blob:"))
-          URL.revokeObjectURL(url);
-      });
-    });
-    provide(uploadContextKey, {
-      accept: toRef(props, "accept")
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        unref(isPictureCard) && _ctx.showFileList ? (openBlock(), createBlock(UploadList, {
-          key: 0,
-          disabled: unref(disabled),
-          "list-type": _ctx.listType,
-          files: unref(uploadFiles),
-          "handle-preview": _ctx.onPreview
-        }, createSlots({
-          append: withCtx(() => [
-            _ctx.listType === "picture-card" ? (openBlock(), createBlock(UploadContent, mergeProps({
-              key: 0,
-              ref_key: "uploadRef",
-              ref: uploadRef
-            }, unref(uploadContentProps)), {
-              default: withCtx(() => [
-                unref(slots).trigger ? renderSlot(_ctx.$slots, "trigger", { key: 0 }) : createCommentVNode("v-if", true),
-                !unref(slots).trigger && unref(slots).default ? renderSlot(_ctx.$slots, "default", { key: 1 }) : createCommentVNode("v-if", true)
-              ]),
-              _: 3
-            }, 16)) : createCommentVNode("v-if", true)
-          ]),
-          _: 2
-        }, [
-          _ctx.$slots.file ? {
-            name: "default",
-            fn: withCtx(({ file }) => [
-              renderSlot(_ctx.$slots, "file", { file })
-            ])
-          } : void 0
-        ]), 1032, ["disabled", "list-type", "files", "handle-preview"])) : createCommentVNode("v-if", true),
-        _ctx.listType !== "picture-card" ? (openBlock(), createBlock(UploadContent, mergeProps({
-          key: 1,
-          ref_key: "uploadRef",
-          ref: uploadRef
-        }, unref(uploadContentProps)), {
-          default: withCtx(() => [
-            unref(slots).trigger ? renderSlot(_ctx.$slots, "trigger", { key: 0 }) : createCommentVNode("v-if", true),
-            !unref(slots).trigger && unref(slots).default ? renderSlot(_ctx.$slots, "default", { key: 1 }) : createCommentVNode("v-if", true)
-          ]),
-          _: 3
-        }, 16)) : createCommentVNode("v-if", true),
-        _ctx.$slots.trigger ? renderSlot(_ctx.$slots, "default", { key: 2 }) : createCommentVNode("v-if", true),
-        renderSlot(_ctx.$slots, "tip"),
-        !unref(isPictureCard) && _ctx.showFileList ? (openBlock(), createBlock(UploadList, {
-          key: 3,
-          disabled: unref(disabled),
-          "list-type": _ctx.listType,
-          files: unref(uploadFiles),
-          "handle-preview": _ctx.onPreview
-        }, createSlots({ _: 2 }, [
-          _ctx.$slots.file ? {
-            name: "default",
-            fn: withCtx(({ file }) => [
-              renderSlot(_ctx.$slots, "file", { file })
-            ])
-          } : void 0
-        ]), 1032, ["disabled", "list-type", "files", "handle-preview"])) : createCommentVNode("v-if", true)
-      ]);
-    };
+const uploadListTypes = ["text", "picture", "picture-card"];
+let fileId = 1;
+const genFileId = () => Date.now() + fileId++;
+const uploadBaseProps = buildProps({
+  action: {
+    type: String,
+    default: "#"
+  },
+  headers: {
+    type: definePropType(Object)
+  },
+  method: {
+    type: String,
+    default: "post"
+  },
+  data: {
+    type: Object,
+    default: () => mutable({})
+  },
+  multiple: {
+    type: Boolean,
+    default: false
+  },
+  name: {
+    type: String,
+    default: "file"
+  },
+  drag: {
+    type: Boolean,
+    default: false
+  },
+  withCredentials: Boolean,
+  showFileList: {
+    type: Boolean,
+    default: true
+  },
+  accept: {
+    type: String,
+    default: ""
+  },
+  type: {
+    type: String,
+    default: "select"
+  },
+  fileList: {
+    type: definePropType(Array),
+    default: () => mutable([])
+  },
+  autoUpload: {
+    type: Boolean,
+    default: true
+  },
+  listType: {
+    type: String,
+    values: uploadListTypes,
+    default: "text"
+  },
+  httpRequest: {
+    type: definePropType(Function),
+    default: ajaxUpload
+  },
+  disabled: Boolean,
+  limit: Number
+});
+const uploadProps = buildProps({
+  ...uploadBaseProps,
+  beforeUpload: {
+    type: definePropType(Function),
+    default: NOOP
+  },
+  beforeRemove: {
+    type: definePropType(Function)
+  },
+  onRemove: {
+    type: definePropType(Function),
+    default: NOOP
+  },
+  onChange: {
+    type: definePropType(Function),
+    default: NOOP
+  },
+  onPreview: {
+    type: definePropType(Function),
+    default: NOOP
+  },
+  onSuccess: {
+    type: definePropType(Function),
+    default: NOOP
+  },
+  onProgress: {
+    type: definePropType(Function),
+    default: NOOP
+  },
+  onError: {
+    type: definePropType(Function),
+    default: NOOP
+  },
+  onExceed: {
+    type: definePropType(Function),
+    default: NOOP
   }
 });
-var Upload = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/upload/src/upload.vue"]]);
 
-export { Upload as default };
+export { genFileId, uploadBaseProps, uploadListTypes, uploadProps };
 //# sourceMappingURL=upload2.mjs.map