fast-element-plus 1.0.2 → 1.0.3

package/dist/index.full.js

@@ -27,9 +27,9 @@
       type: utils.definePropType([String, Object, Function]),
       default: () => ElementPlusIconsVue.Picture
     },
-    /**
-     * @description 原图
-     */
+    /** @description Base64图片 */
+    base64: Boolean,
+    /** @description 原图 */
     original: Boolean,
     /** @description 标准 */
     normal: Boolean,
@@ -54,20 +54,20 @@
     }) {
       const state = vue.reactive({
         src: vue.computed(() => {
-          if (props.src) {
-            if (props.original) {
-              return props.src;
-            } else if (props.normal) {
-              return `${props.src}@!normal`;
-            } else if (props.small) {
-              return `${props.src}@!small`;
-            } else if (props.thumb) {
-              return `${props.src}@!thumb`;
-            } else {
-              return `${props.src}@!thumb`;
-            }
+          if (!props.src) return void 0;
+          if (props.base64) {
+            return `data:image/png;base64,${props.src}`;
+          } else if (props.original) {
+            return props.src;
+          } else if (props.normal) {
+            return `${props.src}@!normal`;
+          } else if (props.small) {
+            return `${props.src}@!small`;
+          } else if (props.thumb) {
+            return `${props.src}@!thumb`;
+          } else {
+            return `${props.src}@!thumb`;
           }
-          return void 0;
         })
       });
       const elAvatarProps = utils.useProps(props, ElementPlus.avatarProps, ["src"]);
@@ -6994,7 +6994,7 @@
   const isIOS = /* @__PURE__ */ getIsIOS();
   function getIsIOS() {
     var _window, _window2, _window3;
-    return isClient && ((_window = window) === null || _window === void 0 || (_window = _window.navigator) === null || _window === void 0 ? void 0 : _window.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.navigator) === null || _window2 === void 0 ? void 0 : _window2.maxTouchPoints) > 2 && /iPad|Macintosh/.test((_window3 = window) === null || _window3 === void 0 ? void 0 : _window3.navigator.userAgent));
+    return isClient && !!((_window = window) === null || _window === void 0 || (_window = _window.navigator) === null || _window === void 0 ? void 0 : _window.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.navigator) === null || _window2 === void 0 ? void 0 : _window2.maxTouchPoints) > 2 && /iPad|Macintosh/.test((_window3 = window) === null || _window3 === void 0 ? void 0 : _window3.navigator.userAgent));
   }
   function toRef(...args) {
     if (args.length !== 1) return vue.toRef(...args);
@@ -8334,11 +8334,6 @@
     return (_$el = plain === null || plain === void 0 ? void 0 : plain.$el) !== null && _$el !== void 0 ? _$el : plain;
   }
   function useEventListener(...args) {
-    const cleanups = [];
-    const cleanup = () => {
-      cleanups.forEach((fn) => fn());
-      cleanups.length = 0;
-    };
     const register = (el, event, listener, options) => {
       el.addEventListener(event, listener, options);
       return () => el.removeEventListener(event, listener, options);
@@ -8347,7 +8342,7 @@
       const test = toArray(vue.toValue(args[0])).filter((e) => e != null);
       return test.every((e) => typeof e !== "string") ? test : void 0;
     });
-    const stopWatch = watchImmediate(() => {
+    return watchImmediate(() => {
       var _firstParamTargets$va, _firstParamTargets$va2;
       return [
         (_firstParamTargets$va = (_firstParamTargets$va2 = firstParamTargets.value) === null || _firstParamTargets$va2 === void 0 ? void 0 : _firstParamTargets$va2.map((e) => unrefElement(e))) !== null && _firstParamTargets$va !== void 0 ? _firstParamTargets$va : [defaultWindow].filter((e) => e != null),
@@ -8355,18 +8350,14 @@
         toArray(vue.unref(firstParamTargets.value ? args[2] : args[1])),
         vue.toValue(firstParamTargets.value ? args[3] : args[2])
       ];
-    }, ([raw_targets, raw_events, raw_listeners, raw_options]) => {
-      cleanup();
+    }, ([raw_targets, raw_events, raw_listeners, raw_options], _, onCleanup) => {
       if (!(raw_targets === null || raw_targets === void 0 ? void 0 : raw_targets.length) || !(raw_events === null || raw_events === void 0 ? void 0 : raw_events.length) || !(raw_listeners === null || raw_listeners === void 0 ? void 0 : raw_listeners.length)) return;
       const optionsClone = isObject(raw_options) ? { ...raw_options } : raw_options;
-      cleanups.push(...raw_targets.flatMap((el) => raw_events.flatMap((event) => raw_listeners.map((listener) => register(el, event, listener, optionsClone)))));
+      const cleanups = raw_targets.flatMap((el) => raw_events.flatMap((event) => raw_listeners.map((listener) => register(el, event, listener, optionsClone))));
+      onCleanup(() => {
+        cleanups.forEach((fn) => fn());
+      });
     }, { flush: "post" });
-    const stop = () => {
-      stopWatch();
-      cleanup();
-    };
-    tryOnScopeDispose(cleanup);
-    return stop;
   }
   let _iOSWorkaround = false;
   function onClickOutside(target, handler, options = {}) {
@@ -9030,6 +9021,7 @@
         }
         updateResult(promiseState.rejected, e);
         onError();
+        if (activeIndex.value === tasks.length - 1) onFinished();
         return e;
       });
     }, Promise.resolve());
@@ -9621,6 +9613,7 @@
       ta.value = value;
       ta.style.position = "absolute";
       ta.style.opacity = "0";
+      ta.setAttribute("readonly", "");
       document.body.appendChild(ta);
       ta.select();
       document.execCommand("copy");
@@ -10578,6 +10571,7 @@
         return types.every((type) => dataTypes.some((allowedType) => type.includes(allowedType)));
       };
       const checkValidity = (items) => {
+        if (_options.checkValidity) return _options.checkValidity(items);
         const dataTypesValid = checkDataTypes(Array.from(items !== null && items !== void 0 ? items : []).map((item) => item.type));
         const multipleFilesValid = multiple || items.length <= 1;
         return dataTypesValid && multipleFilesValid;
@@ -10864,8 +10858,8 @@
     };
   }
   function useElementVisibility(element, options = {}) {
-    const { window: window$1 = defaultWindow, scrollTarget, threshold = 0, rootMargin, once: once2 = false } = options;
-    const elementIsVisible = vue.shallowRef(false);
+    const { window: window$1 = defaultWindow, scrollTarget, threshold = 0, rootMargin, once: once2 = false, initialValue = false } = options;
+    const elementIsVisible = vue.shallowRef(initialValue);
     const { stop } = useIntersectionObserver(element, (intersectionObserverEntries) => {
       let isIntersecting = elementIsVisible.value;
       let latestTime = 0;
@@ -11974,7 +11968,7 @@
       var _document2;
       if (!window$1) return;
       const el = (target === null || target === void 0 || (_document2 = target.document) === null || _document2 === void 0 ? void 0 : _document2.documentElement) || (target === null || target === void 0 ? void 0 : target.documentElement) || unrefElement(target);
-      const { display, flexDirection, direction } = getComputedStyle(el);
+      const { display, flexDirection, direction } = window$1.getComputedStyle(el);
       const directionMultipler = direction === "rtl" ? -1 : 1;
       const scrollLeft = el.scrollLeft;
       directions.left = scrollLeft < internalX.value;
@@ -12060,9 +12054,13 @@
       return resolveElement(vue.toValue(element));
     });
     const isElementVisible = useElementVisibility(observedElement);
+    const canLoad = vue.computed(() => {
+      if (!observedElement.value) return false;
+      return canLoadMore(observedElement.value);
+    });
     function checkAndLoad() {
       state.measure();
-      if (!observedElement.value || !isElementVisible.value || !canLoadMore(observedElement.value)) return;
+      if (!observedElement.value || !isElementVisible.value || !canLoad.value) return;
       const { scrollHeight, clientHeight, scrollWidth, clientWidth } = observedElement.value;
       const isNarrower = direction === "bottom" || direction === "top" ? scrollHeight <= clientHeight : scrollWidth <= clientWidth;
       if (state.arrivedState[direction] || isNarrower) {
@@ -12072,7 +12070,11 @@
         });
       }
     }
-    tryOnUnmounted(vue.watch(() => [state.arrivedState[direction], isElementVisible.value], checkAndLoad, { immediate: true }));
+    tryOnUnmounted(vue.watch(() => [
+      state.arrivedState[direction],
+      isElementVisible.value,
+      canLoad.value
+    ], checkAndLoad, { immediate: true }));
     return {
       isLoading,
       reset() {
@@ -12162,6 +12164,7 @@
       var _e$key, _e$code;
       const key = (_e$key = e.key) === null || _e$key === void 0 ? void 0 : _e$key.toLowerCase();
       const values2 = [(_e$code = e.code) === null || _e$code === void 0 ? void 0 : _e$code.toLowerCase(), key].filter(Boolean);
+      if (key === "") return;
       if (key) if (value) current.add(key);
       else current.delete(key);
       for (const key$1 of values2) {
@@ -12539,17 +12542,20 @@
       if (!window$1) return;
       const el = unrefElement(targetRef);
       if (!el || !(el instanceof Element)) return;
-      const { left, top, width, height } = el.getBoundingClientRect();
-      elementPositionX.value = left + (type === "page" ? window$1.pageXOffset : 0);
-      elementPositionY.value = top + (type === "page" ? window$1.pageYOffset : 0);
-      elementHeight.value = height;
-      elementWidth.value = width;
-      const elX = x.value - elementPositionX.value;
-      const elY = y.value - elementPositionY.value;
-      isOutside.value = width === 0 || height === 0 || elX < 0 || elY < 0 || elX > width || elY > height;
-      if (handleOutside || !isOutside.value) {
-        elementX.value = elX;
-        elementY.value = elY;
+      for (const rect of el.getClientRects()) {
+        const { left, top, width, height } = rect;
+        elementPositionX.value = left + (type === "page" ? window$1.pageXOffset : 0);
+        elementPositionY.value = top + (type === "page" ? window$1.pageYOffset : 0);
+        elementHeight.value = height;
+        elementWidth.value = width;
+        const elX = x.value - elementPositionX.value;
+        const elY = y.value - elementPositionY.value;
+        isOutside.value = width === 0 || height === 0 || elX < 0 || elY < 0 || elX > width || elY > height;
+        if (handleOutside || !isOutside.value) {
+          elementX.value = elX;
+          elementY.value = elY;
+        }
+        if (!isOutside.value) break;
       }
     }
     const stopFnList = [];
@@ -13400,8 +13406,12 @@
       };
       vue.watch(isListening, (newValue, oldValue) => {
         if (newValue === oldValue) return;
-        if (newValue) recognition.start();
-        else recognition.stop();
+        try {
+          if (newValue) recognition.start();
+          else recognition.stop();
+        } catch (err) {
+          error.value = err;
+        }
       });
     }
     tryOnScopeDispose(() => {
@@ -14004,18 +14014,20 @@
     });
   }
   function getTimeAgoIntlResult(from, options = {}, now2 = Date.now()) {
+    var _options$units;
     const { locale, relativeTimeFormatOptions = { numeric: "auto" } } = options;
     const rtf = new Intl.RelativeTimeFormat(locale, relativeTimeFormatOptions);
     const { locale: resolvedLocale } = rtf.resolvedOptions();
     const diff = +from - +now2;
     const absDiff = Math.abs(diff);
-    for (const { name, ms } of UNITS) if (absDiff >= ms) return {
+    const units = (_options$units = options.units) !== null && _options$units !== void 0 ? _options$units : UNITS;
+    for (const { name, ms } of units) if (absDiff >= ms) return {
       resolvedLocale,
       parts: rtf.formatToParts(Math.round(diff / ms), name)
     };
     return {
       resolvedLocale,
-      parts: rtf.formatToParts(0, "second")
+      parts: rtf.formatToParts(0, units[units.length - 1].name)
     };
   }
   function formatTimeAgoIntlParts(parts, options = {}) {
@@ -14892,7 +14904,8 @@
           const { retries = -1, delay: delay2 = 1e3, onFailed } = resolveNestedOptions(options.autoReconnect);
           if ((typeof retries === "function" ? retries : () => typeof retries === "number" && (retries < 0 || retried < retries))(retried)) {
             retried += 1;
-            retryTimeout = setTimeout(_init, delay2);
+            const delayTime = typeof delay2 === "function" ? delay2(retried) : delay2;
+            retryTimeout = setTimeout(_init, delayTime);
           } else onFailed === null || onFailed === void 0 || onFailed();
         }
       };
@@ -16610,6 +16623,8 @@
       type: Boolean,
       default: true
     },
+    /** @description Base64图片 */
+    base64: Boolean,
     /** @description 原图 */
     original: Boolean,
     /** @description 标准 */
@@ -16636,7 +16651,9 @@
       const state = vue.reactive({
         src: vue.computed(() => {
           if (!props.src) return void 0;
-          if (props.original) {
+          if (props.base64) {
+            return `data:image/png;base64,${props.src}`;
+          } else if (props.original) {
             return props.src;
           } else if (props.normal) {
             return `${props.src}@!normal`;
@@ -16648,7 +16665,7 @@
             return `${props.src}@!thumb`;
           }
         }),
-        previewList: vue.computed(() => props.preview ? [props.src] : [])
+        previewList: vue.computed(() => props.preview ? [props.base64 ? `data:image/png;base64,${props.src}` : props.src] : [])
       });
       const bindProps = utils.useProps(props, ElementPlus.imageProps, ["src", "previewSrcList"]);
       utils.useRender(() => vue.createVNode(ElementPlus.ElImage, vue.mergeProps(bindProps.value, {
@@ -18440,7 +18457,6 @@
       searchParam: {},
       searchValueUpdate: "",
       searchForm: props.searchForm,
-      hideImage: vue.computed(() => props.hideImage),
       selected: false,
       selectedList: [],
       selectedListIds: vue.computed(() => state.selectedList.map((item) => isFunction(props.rowKey) ? props.rowKey(item) : item[props.rowKey])),
@@ -18942,6 +18958,8 @@
       _children: {
         type: utils.definePropType(Array)
       },
+      /** @description 隐藏图片 */
+      hideImage: Boolean,
       /** @description 复制 */
       copy: Boolean,
       /** @description 是否为 Link Button */
@@ -19278,7 +19296,7 @@
           }),
           default: ({
             row
-          }) => row[props.prop] ? tableState.hideImage ? vue.createVNode(ElementPlus.ElImage, {
+          }) => row[props.prop] ? props.hideImage ? vue.createVNode(ElementPlus.ElImage, {
             "class": "fa-image",
             "lazy": true,
             "src": artwork,
@@ -22138,28 +22156,10 @@
         });
       };
       const handleChange = async () => {
-        if (props.change) {
-          if (state.change) {
-            await props.change(tableState.orgColumns.map((m) => ({
-              columnID: m.columnID,
-              label: m.label,
-              fixed: m.fixed,
-              width: m.width,
-              smallWidth: m.smallWidth,
-              order: m.order,
-              sortable: m.sortable,
-              copy: m.copy,
-              autoWidth: m.autoWidth,
-              show: m.show,
-              search: {
-                label: m.search?.label,
-                order: m.search?.order
-              }
-            })));
-            ElementPlus.ElMessage.success("保存列配置成功");
-          } else {
-            ElementPlus.ElMessage.info("列配置未发生变化");
-          }
+        if (state.change && props.change) {
+          await props.change(tableState.orgColumns);
+        } else {
+          ElementPlus.ElMessage.info("列配置未发生变化");
         }
       };
       const handleConfirmClick = () => {
@@ -23166,6 +23166,16 @@
         xl: 6
       })
     },
+    /** @description 折叠搜素 */
+    collapsedSearch: {
+      type: Boolean,
+      default: true
+    },
+    /** @description 高级搜素抽屉 */
+    advancedSearchDrawer: {
+      type: Boolean,
+      default: false
+    },
     /** @description 搜索表单 */
     searchForm: {
       type: Boolean,
@@ -23610,7 +23620,7 @@
       });
       const searchFormSlotNames = vue.computed(() => state.searchColumns.filter((f) => f.search.slot).map((m) => m.search.slot));
       const tableColumnSlotNames = vue.computed(() => state.tableColumns.filter((f) => f.slot).map((m) => m.slot));
-      const tableColumnOmitNames = ["multiOrder", "columnID", "order", "sortableField", "disabledSortable", "spanProp", "pureSearch", "search"];
+      const tableColumnOmitNames = ["multiOrder", "columnId", "order", "sortableField", "disabledSortable", "spanProp", "pureSearch", "search"];
       const elTableProps = utils.useProps(props, tableProps, ["data", "spanMethod", "headerCellClassName", "cellClassName"]);
       utils.useRender(() => vue.createVNode("div", {
         "ref": elementRef,
@@ -23623,6 +23633,8 @@
         }
       }, [vue.createVNode(TableSearchForm, {
         "show": props.searchForm && state.searchForm,
+        "collapsedSearch": props.collapsedSearch,
+        "advancedSearchDrawer": props.advancedSearchDrawer,
         "cols": props.searchFormCols,
         "search": tableSearch,
         "reset": tableReset
@@ -23683,12 +23695,7 @@
         "teleported": false,
         "unlinkPanels": true,
         "onChange": () => tableSearch()
-      }, null), slots.toolButton && slots.toolButton({
-        ...{
-          search: tableSearch
-        },
-        ...getTableDefaultSlots(state)
-      }), props.refreshBtn && vue.createVNode(ElementPlus.ElButton, {
+      }, null), props.refreshBtn && vue.createVNode(ElementPlus.ElButton, {
         "loading": state.loading,
         "loadingIcon": ElementPlusIconsVue.Eleme,
         "title": "刷新",
@@ -23702,14 +23709,31 @@
         "circle": true,
         "icon": ElementPlusIconsVue.Search,
         "onClick": () => state.searchForm = !state.searchForm
-      }, null), props.columnSettingBtn && !props.columns && vue.createVNode(ElementPlus.ElButton, {
-        "loading": state.loading,
-        "loadingIcon": ElementPlusIconsVue.Eleme,
+      }, null), props.columnSettingBtn && !props.columns && vue.createVNode(ElementPlus.ElDropdown, {
         "title": "表格列配置",
-        "circle": true,
-        "icon": ElementPlusIconsVue.Setting,
-        "onClick": () => columnSettingRef.value.open()
-      }, null), slots.toolButtonAdv && vue.createVNode(ElementPlus.ElDropdown, {
+        "trigger": "click"
+      }, {
+        default: () => vue.createVNode(ElementPlus.ElButton, {
+          "loading": state.loading,
+          "loadingIcon": ElementPlusIconsVue.Eleme,
+          "circle": true,
+          "icon": ElementPlusIconsVue.Setting
+        }, null),
+        dropdown: () => vue.createVNode(ElementPlus.ElDropdownMenu, null, {
+          default: () => [slots.columnSetting && slots.columnSetting(), vue.createVNode(ElementPlus.ElDropdownItem, {
+            "title": "表格列配置",
+            "divided": true,
+            "onClick": () => columnSettingRef.value.open()
+          }, {
+            default: () => [vue.createTextVNode("表格列配置")]
+          })]
+        })
+      }), slots.toolButton && slots.toolButton({
+        ...{
+          search: tableSearch
+        },
+        ...getTableDefaultSlots(state)
+      }), slots.toolButtonAdv && vue.createVNode(ElementPlus.ElDropdown, {
         "title": "高级操作",
         "trigger": "click"
       }, {
@@ -23832,6 +23856,7 @@
             ...getTableDefaultSlots(state)
           })])
         }) : col.prop && vue.createVNode(TableColumn, vue.mergeProps(omit(col, tableColumnOmitNames), {
+          "hideImage": props.hideImage,
           "resizable": true,
           "onImagePreview": handleImagePreview,
           "onCustomCellClick": handleCustomCellClick
@@ -28256,7 +28281,7 @@
     }
     app.use(ElementPlus);
   };
-  const version$1 = "1.0.2";
+  const version$1 = "1.0.3";
   const INSTALLED_KEY = Symbol("INSTALLED_KEY");
   const makeInstaller = () => {
     const install2 = (app) => {