@element-plus/nightly 0.0.20240116 → 0.0.20240118

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

@@ -1,16 +1,77 @@
-import '../../../utils/index.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
-import { isArray } from '@vue/shared';
+import { defineComponent, inject, ref, openBlock, createElementBlock, normalizeClass, unref, withModifiers, renderSlot } from 'vue';
+import '../../../hooks/index.mjs';
+import '../../form/index.mjs';
+import { throwError } from '../../../utils/error.mjs';
+import { uploadContextKey } from './constants.mjs';
+import { uploadDraggerProps, uploadDraggerEmits } from './upload-dragger.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { useFormDisabled } from '../../form/src/hooks/use-form-common-props.mjs';
 
-const uploadDraggerProps = buildProps({
-  disabled: {
-    type: Boolean,
-    default: false
+const _hoisted_1 = ["onDrop", "onDragover"];
+const COMPONENT_NAME = "ElUploadDrag";
+const __default__ = defineComponent({
+  name: COMPONENT_NAME
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: uploadDraggerProps,
+  emits: uploadDraggerEmits,
+  setup(__props, { emit }) {
+    const uploaderContext = inject(uploadContextKey);
+    if (!uploaderContext) {
+      throwError(COMPONENT_NAME, "usage: <el-upload><el-upload-dragger /></el-upload>");
+    }
+    const ns = useNamespace("upload");
+    const dragover = ref(false);
+    const disabled = useFormDisabled();
+    const onDrop = (e) => {
+      if (disabled.value)
+        return;
+      dragover.value = false;
+      e.stopPropagation();
+      const files = Array.from(e.dataTransfer.files);
+      const accept = uploaderContext.accept.value;
+      if (!accept) {
+        emit("file", files);
+        return;
+      }
+      const filesFiltered = files.filter((file) => {
+        const { type, name } = file;
+        const extension = name.includes(".") ? `.${name.split(".").pop()}` : "";
+        const baseType = type.replace(/\/.*$/, "");
+        return accept.split(",").map((type2) => type2.trim()).filter((type2) => type2).some((acceptedType) => {
+          if (acceptedType.startsWith(".")) {
+            return extension === acceptedType;
+          }
+          if (/\/\*$/.test(acceptedType)) {
+            return baseType === acceptedType.replace(/\/\*$/, "");
+          }
+          if (/^[^/]+\/[^/]+$/.test(acceptedType)) {
+            return type === acceptedType;
+          }
+          return false;
+        });
+      });
+      emit("file", filesFiltered);
+    };
+    const onDragover = () => {
+      if (!disabled.value)
+        dragover.value = true;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([unref(ns).b("dragger"), unref(ns).is("dragover", dragover.value)]),
+        onDrop: withModifiers(onDrop, ["prevent"]),
+        onDragover: withModifiers(onDragover, ["prevent"]),
+        onDragleave: _cache[0] || (_cache[0] = withModifiers(($event) => dragover.value = false, ["prevent"]))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 42, _hoisted_1);
+    };
   }
 });
-const uploadDraggerEmits = {
-  file: (file) => isArray(file)
-};
+var UploadDragger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "upload-dragger.vue"]]);
 
-export { uploadDraggerEmits, uploadDraggerProps };
+export { UploadDragger as default };
 //# sourceMappingURL=upload-dragger2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"upload-dragger2.mjs","sources":["../../../../../../packages/components/upload/src/upload-dragger.ts"],"sourcesContent":["import { buildProps, isArray } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type UploadDragger from './upload-dragger.vue'\n\nexport const uploadDraggerProps = buildProps({\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n} as const)\nexport type UploadDraggerProps = ExtractPropTypes<typeof uploadDraggerProps>\n\nexport const uploadDraggerEmits = {\n  file: (file: File[]) => isArray(file),\n}\nexport type UploadDraggerEmits = typeof uploadDraggerEmits\n\nexport type UploadDraggerInstance = InstanceType<typeof UploadDragger>\n"],"names":[],"mappings":";;;;AACY,MAAC,kBAAkB,GAAG,UAAU,CAAC;AAC7C,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,kBAAkB,GAAG;AAClC,EAAE,IAAI,EAAE,CAAC,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC;AAC/B;;;;"}
+{"version":3,"file":"upload-dragger2.mjs","sources":["../../../../../../packages/components/upload/src/upload-dragger.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b('dragger'), ns.is('dragover', dragover)]\"\n    @drop.prevent=\"onDrop\"\n    @dragover.prevent=\"onDragover\"\n    @dragleave.prevent=\"dragover = false\"\n  >\n    <slot />\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { inject, ref } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useFormDisabled } from '@element-plus/components/form'\nimport { throwError } from '@element-plus/utils/error'\nimport { uploadContextKey } from './constants'\nimport { uploadDraggerEmits, uploadDraggerProps } from './upload-dragger'\n\nconst COMPONENT_NAME = 'ElUploadDrag'\n\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\ndefineProps(uploadDraggerProps)\nconst emit = defineEmits(uploadDraggerEmits)\n\nconst uploaderContext = inject(uploadContextKey)\nif (!uploaderContext) {\n  throwError(\n    COMPONENT_NAME,\n    'usage: <el-upload><el-upload-dragger /></el-upload>'\n  )\n}\n\nconst ns = useNamespace('upload')\nconst dragover = ref(false)\nconst disabled = useFormDisabled()\n\nconst onDrop = (e: DragEvent) => {\n  if (disabled.value) return\n  dragover.value = false\n\n  e.stopPropagation()\n\n  const files = Array.from(e.dataTransfer!.files)\n  const accept = uploaderContext.accept.value\n  if (!accept) {\n    emit('file', files)\n    return\n  }\n\n  const filesFiltered = files.filter((file) => {\n    const { type, name } = file\n    const extension = name.includes('.') ? `.${name.split('.').pop()}` : ''\n    const baseType = type.replace(/\\/.*$/, '')\n    return accept\n      .split(',')\n      .map((type) => type.trim())\n      .filter((type) => type)\n      .some((acceptedType) => {\n        if (acceptedType.startsWith('.')) {\n          return extension === acceptedType\n        }\n        if (/\\/\\*$/.test(acceptedType)) {\n          return baseType === acceptedType.replace(/\\/\\*$/, '')\n        }\n        if (/^[^/]+\\/[^/]+$/.test(acceptedType)) {\n          return type === acceptedType\n        }\n        return false\n      })\n  })\n\n  emit('file', filesFiltered)\n}\n\nconst onDragover = () => {\n  if (!disabled.value) dragover.value = true\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;mCAoBc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR;;;;;;AAKA,IAAM,MAAA,eAAA,GAAkB,OAAO,gBAAgB,CAAA,CAAA;AAC/C,IAAA,IAAI,CAAC,eAAiB,EAAA;AACpB,MAAA,UAAA,CACE,gBACA,qDACF,CAAA,CAAA;AAAA,KACF;AAEA,IAAM,MAAA,EAAA,GAAK,aAAa,QAAQ,CAAA,CAAA;AAChC,IAAM,MAAA,QAAA,GAAW,IAAI,KAAK,CAAA,CAAA;AAC1B,IAAA,MAAM,WAAW,eAAgB,EAAA,CAAA;AAEjC,IAAM,MAAA,MAAA,GAAS,CAAC,CAAiB,KAAA;AAC/B,MAAA,IAAI,QAAS,CAAA,KAAA;AAAO,QAAA,OAAA;AACpB,MAAA,QAAA,CAAS,KAAQ,GAAA,KAAA,CAAA;AAEjB,MAAA,CAAA,CAAE,eAAgB,EAAA,CAAA;AAElB,MAAA,MAAM,KAAQ,GAAA,KAAA,CAAM,IAAK,CAAA,CAAA,CAAE,aAAc,KAAK,CAAA,CAAA;AAC9C,MAAM,MAAA,MAAA,GAAS,gBAAgB,MAAO,CAAA,KAAA,CAAA;AACtC,MAAA,IAAI,CAAC,MAAQ,EAAA;AACX,QAAA,IAAA,CAAK,QAAQ,KAAK,CAAA,CAAA;AAClB,QAAA,OAAA;AAAA,OACF;AAEA,MAAA,MAAM,aAAgB,GAAA,KAAA,CAAM,MAAO,CAAA,CAAC,IAAS,KAAA;AAC3C,QAAM,MAAA,EAAE,MAAM,IAAS,EAAA,GAAA,IAAA,CAAA;AACvB,QAAM,MAAA,SAAA,GAAY,IAAK,CAAA,QAAA,CAAS,GAAG,CAAA,GAAI,CAAI,CAAA,EAAA,IAAA,CAAK,KAAM,CAAA,GAAG,CAAE,CAAA,GAAA,EAAU,CAAA,CAAA,GAAA,EAAA,CAAA;AACrE,QAAA,MAAM,QAAW,GAAA,IAAA,CAAK,OAAQ,CAAA,OAAA,EAAS,EAAE,CAAA,CAAA;AACzC,QAAA,OAAO,OACJ,KAAM,CAAA,GAAG,EACT,GAAI,CAAA,CAAC,UAAS,KAAK,CAAA,IAAA,EAAM,CAAA,CACzB,OAAO,CAAC,KAAA,KAAS,KAAI,CACrB,CAAA,IAAA,CAAK,CAAC,YAAiB,KAAA;AACtB,UAAI,IAAA,YAAA,CAAa,UAAW,CAAA,GAAG,CAAG,EAAA;AAChC,YAAA,OAAO,SAAc,KAAA,YAAA,CAAA;AAAA,WACvB;AACA,UAAI,IAAA,OAAA,CAAQ,IAAK,CAAA,YAAY,CAAG,EAAA;AAC9B,YAAA,OAAO,QAAa,KAAA,YAAA,CAAa,OAAQ,CAAA,OAAA,EAAS,EAAE,CAAA,CAAA;AAAA,WACtD;AACA,UAAI,IAAA,gBAAA,CAAiB,IAAK,CAAA,YAAY,CAAG,EAAA;AACvC,YAAA,OAAO,IAAS,KAAA,YAAA,CAAA;AAAA,WAClB;AACA,UAAO,OAAA,KAAA,CAAA;AAAA,SACR,CAAA,CAAA;AAAA,OACJ,CAAA,CAAA;AAED,MAAA,IAAA,CAAK,QAAQ,aAAa,CAAA,CAAA;AAAA,KAC5B,CAAA;AAEA,IAAA,MAAM,aAAa,MAAM;AACvB,MAAA,IAAI,CAAC,QAAS,CAAA,KAAA;AAAO,QAAA,QAAA,CAAS,KAAQ,GAAA,IAAA,CAAA;AAAA,KACxC,CAAA;;;;;;;;;;;;;;;;;"}

package/es/index.mjs

@@ -33,7 +33,7 @@ export { carouselEmits, carouselProps } from './components/carousel/src/carousel
 export { carouselItemProps } from './components/carousel/src/carousel-item.mjs';
 export { carouselContextKey } from './components/carousel/src/constants.mjs';
 export { ElCarousel, ElCarouselItem } from './components/carousel/index.mjs';
-export { cascaderEmits, cascaderProps } from './components/cascader/src/cascader2.mjs';
+export { cascaderEmits, cascaderProps } from './components/cascader/src/cascader.mjs';
 export { ElCascader } from './components/cascader/index.mjs';
 export { CASCADER_PANEL_INJECTION_KEY } from './components/cascader-panel/src/types.mjs';
 export { CommonProps, DefaultProps, useCascaderConfig } from './components/cascader-panel/src/config.mjs';
@@ -85,7 +85,7 @@ export { formContextKey, formItemContextKey } from './components/form/src/consta
 export { useDisabled, useFormDisabled, useFormSize, useSize } from './components/form/src/hooks/use-form-common-props.mjs';
 export { useFormItem, useFormItemInputId } from './components/form/src/hooks/use-form-item.mjs';
 export { ElForm, ElFormItem } from './components/form/index.mjs';
-export { iconProps } from './components/icon/src/icon2.mjs';
+export { iconProps } from './components/icon/src/icon.mjs';
 export { ElIcon } from './components/icon/index.mjs';
 export { imageEmits, imageProps } from './components/image/src/image.mjs';
 export { ElImage } from './components/image/index.mjs';
@@ -136,7 +136,7 @@ export { rowContextKey } from './components/row/src/constants.mjs';
 export { ElRow } from './components/row/index.mjs';
 export { BAR_MAP, GAP, renderThumbStyle } from './components/scrollbar/src/util.mjs';
 export { scrollbarEmits, scrollbarProps } from './components/scrollbar/src/scrollbar.mjs';
-export { thumbProps } from './components/scrollbar/src/thumb.mjs';
+export { thumbProps } from './components/scrollbar/src/thumb2.mjs';
 export { scrollbarContextKey } from './components/scrollbar/src/constants.mjs';
 export { ElScrollbar } from './components/scrollbar/index.mjs';
 export { selectGroupKey, selectKey } from './components/select/src/token.mjs';
@@ -144,7 +144,7 @@ export { ElOption, ElOptionGroup, ElSelect } from './components/select/index.mjs
 export { selectV2InjectionKey } from './components/select-v2/src/token.mjs';
 export { ElSelectV2 } from './components/select-v2/index.mjs';
 export { skeletonProps } from './components/skeleton/src/skeleton.mjs';
-export { skeletonItemProps } from './components/skeleton/src/skeleton-item2.mjs';
+export { skeletonItemProps } from './components/skeleton/src/skeleton-item.mjs';
 export { ElSkeleton, ElSkeletonItem } from './components/skeleton/index.mjs';
 export { sliderEmits, sliderProps } from './components/slider/src/slider.mjs';
 export { sliderContextKey } from './components/slider/src/constants.mjs';
@@ -199,7 +199,7 @@ export { ElTreeV2 } from './components/tree-v2/index.mjs';
 export { genFileId, uploadBaseProps, uploadListTypes, uploadProps } from './components/upload/src/upload.mjs';
 export { uploadContentProps } from './components/upload/src/upload-content.mjs';
 export { uploadListEmits, uploadListProps } from './components/upload/src/upload-list.mjs';
-export { uploadDraggerEmits, uploadDraggerProps } from './components/upload/src/upload-dragger2.mjs';
+export { uploadDraggerEmits, uploadDraggerProps } from './components/upload/src/upload-dragger.mjs';
 export { uploadContextKey } from './components/upload/src/constants.mjs';
 export { ElUpload } from './components/upload/index.mjs';
 export { default as FixedSizeList } from './components/virtual-list/src/components/fixed-size-list.mjs';

package/es/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.20240116";
+export declare const version = "0.0.20240118";

package/es/version.mjs

@@ -1,4 +1,4 @@
-const version = "0.0.20240116";
+const version = "0.0.20240118";
 
 export { version };
 //# sourceMappingURL=version.mjs.map

package/es/version.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20240116'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}
+{"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20240118'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}

package/lib/components/cascader/index.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var cascader$1 = require('./src/cascader.js');
-var cascader = require('./src/cascader2.js');
+var cascader$1 = require('./src/cascader2.js');
+var cascader = require('./src/cascader.js');
 require('./src/instances.js');
 
 cascader$1["default"].install = (app) => {