zartui 3.1.16 → 3.1.17-beta.2

package/lib/zartui.cjs.js

@@ -3922,6 +3922,7 @@ var stdin_default$1v = vue.defineComponent({
     const root = vue.ref();
     const navRef = vue.ref();
     const wrapRef = vue.ref();
+    const navTopRef = vue.ref();
     const id = useId();
     const scroller = use.useScrollParent(root);
     const [titleRefs, setTitleRefs] = useRefs();
@@ -3955,7 +3956,11 @@ var stdin_default$1v = vue.defineComponent({
     const offsetTopPx = vue.computed(() => unitToPx(props.offsetTop));
     const scrollOffset = vue.computed(() => {
       if (props.sticky) {
-        return offsetTopPx.value + tabHeight;
+        let navTopHeight = 0;
+        if (navTopRef.value) {
+          navTopHeight = use.useRect(navTopRef.value).height;
+        }
+        return offsetTopPx.value + tabHeight + navTopHeight;
       }
       return 0;
     });
@@ -4222,7 +4227,7 @@ var stdin_default$1v = vue.defineComponent({
       scrollIntoView
     });
     return () => {
-      var _a;
+      var _a, _b;
       return vue.createVNode("div", {
         "ref": root,
         "class": bem$15([props.type])
@@ -4232,10 +4237,12 @@ var stdin_default$1v = vue.defineComponent({
         "onScroll": onStickyScroll
       }, {
         default: () => {
-          var _a2;
-          return [renderHeader(), (_a2 = slots["nav-bottom"]) == null ? void 0 : _a2.call(slots)];
+          var _a2, _b2;
+          return [slots["nav-top"] ? vue.createVNode("div", {
+            "ref": navTopRef
+          }, [(_a2 = slots["nav-top"]) == null ? void 0 : _a2.call(slots)]) : null, renderHeader(), (_b2 = slots["nav-bottom"]) == null ? void 0 : _b2.call(slots)];
         }
-      }) : [renderHeader(), (_a = slots["nav-bottom"]) == null ? void 0 : _a.call(slots)], vue.createVNode(stdin_default$1w, {
+      }) : [(_a = slots["nav-top"]) == null ? void 0 : _a.call(slots), renderHeader(), (_b = slots["nav-bottom"]) == null ? void 0 : _b.call(slots)], vue.createVNode(stdin_default$1w, {
         "count": children.length,
         "inited": state.inited,
         "animated": props.animated,
@@ -5666,6 +5673,7 @@ var stdin_default$1i = vue.defineComponent({
       toggle();
     };
     const renderTitle = () => {
+      var _a;
       const {
         titleBackground,
         color
@@ -5679,7 +5687,7 @@ var stdin_default$1i = vue.defineComponent({
           custom: titleBackground
         }),
         "style": color ? `background:${color};` : ""
-      }, null), vue.createVNode("span", {
+      }, null), slots.title ? (_a = slots.title) == null ? void 0 : _a.call(slots) : vue.createVNode("span", {
         "style": color ? `color:${color};` : "",
         "class": bem$V("text", {
           custom: titleBackground
@@ -13983,6 +13991,7 @@ const FILE_SIZE_LIMIT = 100;
 const mediaPickerProps = {
   disabled: Boolean,
   showTitle: Boolean,
+  useFileNameAsLabel: Boolean,
   title: makeStringProp("添加附件"),
   mediaList: makeArrayProp(),
   // 图片压缩后的最大边长
@@ -14033,7 +14042,8 @@ var stdin_default$A = vue.defineComponent({
   props: mediaPickerProps,
   emits: ["update:mediaList", "delete"],
   setup(props, {
-    emit
+    emit,
+    slots
   }) {
     const videoOptionsVisible = vue.ref(false);
     const audioOptionsVisible = vue.ref(false);
@@ -14317,6 +14327,11 @@ var stdin_default$A = vue.defineComponent({
           newMedias = newMedias.concat(medias);
         }
       }).finally(() => {
+        if (props.useFileNameAsLabel) {
+          newMedias.forEach((newMedia) => {
+            newMedia.label = newMedia.originalName;
+          });
+        }
         emit("update:mediaList", [...props.mediaList, ...newMedias]);
         if (props.afterRead) {
           props.afterRead(newMedias);
@@ -14535,6 +14550,18 @@ var stdin_default$A = vue.defineComponent({
         }, null);
       }
     };
+    const renderMediaLabel = (media) => {
+      if (slots["preview-cover"]) {
+        return slots["preview-cover"]({
+          file: media
+        });
+      }
+      if (!isEmptyValue(media.label)) {
+        return vue.createVNode("div", {
+          "class": bem$t("thumbnail-label")
+        }, [media.label]);
+      }
+    };
     const onDelete = (media, index) => {
       if (props.beforeDelete) {
         const response = props.beforeDelete(media);
@@ -14588,7 +14615,7 @@ var stdin_default$A = vue.defineComponent({
         "key": media.uniqueCode,
         "onClick": () => previewMedia(index)
       }, {
-        default: () => [renderMediaThumbnail(media), genThumbnailMask(media), deleteIcon]
+        default: () => [renderMediaThumbnail(media), renderMediaLabel(media), genThumbnailMask(media), deleteIcon]
       });
     });
     const selectAction = (action) => {
@@ -20586,7 +20613,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.1.15";
+const version = "3.1.16";
 function install(app) {
   const components = [
     ActionSheet,

package/lib/zartui.es.js

@@ -3920,6 +3920,7 @@ var stdin_default$1v = defineComponent({
     const root = ref();
     const navRef = ref();
     const wrapRef = ref();
+    const navTopRef = ref();
     const id = useId();
     const scroller = useScrollParent(root);
     const [titleRefs, setTitleRefs] = useRefs();
@@ -3953,7 +3954,11 @@ var stdin_default$1v = defineComponent({
     const offsetTopPx = computed(() => unitToPx(props.offsetTop));
     const scrollOffset = computed(() => {
       if (props.sticky) {
-        return offsetTopPx.value + tabHeight;
+        let navTopHeight = 0;
+        if (navTopRef.value) {
+          navTopHeight = useRect(navTopRef.value).height;
+        }
+        return offsetTopPx.value + tabHeight + navTopHeight;
       }
       return 0;
     });
@@ -4220,7 +4225,7 @@ var stdin_default$1v = defineComponent({
       scrollIntoView
     });
     return () => {
-      var _a;
+      var _a, _b;
       return createVNode("div", {
         "ref": root,
         "class": bem$15([props.type])
@@ -4230,10 +4235,12 @@ var stdin_default$1v = defineComponent({
         "onScroll": onStickyScroll
       }, {
         default: () => {
-          var _a2;
-          return [renderHeader(), (_a2 = slots["nav-bottom"]) == null ? void 0 : _a2.call(slots)];
+          var _a2, _b2;
+          return [slots["nav-top"] ? createVNode("div", {
+            "ref": navTopRef
+          }, [(_a2 = slots["nav-top"]) == null ? void 0 : _a2.call(slots)]) : null, renderHeader(), (_b2 = slots["nav-bottom"]) == null ? void 0 : _b2.call(slots)];
         }
-      }) : [renderHeader(), (_a = slots["nav-bottom"]) == null ? void 0 : _a.call(slots)], createVNode(stdin_default$1w, {
+      }) : [(_a = slots["nav-top"]) == null ? void 0 : _a.call(slots), renderHeader(), (_b = slots["nav-bottom"]) == null ? void 0 : _b.call(slots)], createVNode(stdin_default$1w, {
         "count": children.length,
         "inited": state.inited,
         "animated": props.animated,
@@ -5664,6 +5671,7 @@ var stdin_default$1i = defineComponent({
       toggle();
     };
     const renderTitle = () => {
+      var _a;
       const {
         titleBackground,
         color
@@ -5677,7 +5685,7 @@ var stdin_default$1i = defineComponent({
           custom: titleBackground
         }),
         "style": color ? `background:${color};` : ""
-      }, null), createVNode("span", {
+      }, null), slots.title ? (_a = slots.title) == null ? void 0 : _a.call(slots) : createVNode("span", {
         "style": color ? `color:${color};` : "",
         "class": bem$V("text", {
           custom: titleBackground
@@ -13981,6 +13989,7 @@ const FILE_SIZE_LIMIT = 100;
 const mediaPickerProps = {
   disabled: Boolean,
   showTitle: Boolean,
+  useFileNameAsLabel: Boolean,
   title: makeStringProp("添加附件"),
   mediaList: makeArrayProp(),
   // 图片压缩后的最大边长
@@ -14031,7 +14040,8 @@ var stdin_default$A = defineComponent({
   props: mediaPickerProps,
   emits: ["update:mediaList", "delete"],
   setup(props, {
-    emit
+    emit,
+    slots
   }) {
     const videoOptionsVisible = ref(false);
     const audioOptionsVisible = ref(false);
@@ -14315,6 +14325,11 @@ var stdin_default$A = defineComponent({
           newMedias = newMedias.concat(medias);
         }
       }).finally(() => {
+        if (props.useFileNameAsLabel) {
+          newMedias.forEach((newMedia) => {
+            newMedia.label = newMedia.originalName;
+          });
+        }
         emit("update:mediaList", [...props.mediaList, ...newMedias]);
         if (props.afterRead) {
           props.afterRead(newMedias);
@@ -14533,6 +14548,18 @@ var stdin_default$A = defineComponent({
         }, null);
       }
     };
+    const renderMediaLabel = (media) => {
+      if (slots["preview-cover"]) {
+        return slots["preview-cover"]({
+          file: media
+        });
+      }
+      if (!isEmptyValue(media.label)) {
+        return createVNode("div", {
+          "class": bem$t("thumbnail-label")
+        }, [media.label]);
+      }
+    };
     const onDelete = (media, index) => {
       if (props.beforeDelete) {
         const response = props.beforeDelete(media);
@@ -14586,7 +14613,7 @@ var stdin_default$A = defineComponent({
         "key": media.uniqueCode,
         "onClick": () => previewMedia(index)
       }, {
-        default: () => [renderMediaThumbnail(media), genThumbnailMask(media), deleteIcon]
+        default: () => [renderMediaThumbnail(media), renderMediaLabel(media), genThumbnailMask(media), deleteIcon]
       });
     });
     const selectAction = (action) => {
@@ -20584,7 +20611,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.1.15";
+const version = "3.1.16";
 function install(app) {
   const components = [
     ActionSheet,

package/lib/zartui.js

@@ -4189,6 +4189,7 @@
       const root = vue.ref();
       const navRef = vue.ref();
       const wrapRef = vue.ref();
+      const navTopRef = vue.ref();
       const id = useId();
       const scroller = useScrollParent(root);
       const [titleRefs, setTitleRefs] = useRefs();
@@ -4222,7 +4223,11 @@
       const offsetTopPx = vue.computed(() => unitToPx(props.offsetTop));
       const scrollOffset = vue.computed(() => {
         if (props.sticky) {
-          return offsetTopPx.value + tabHeight;
+          let navTopHeight = 0;
+          if (navTopRef.value) {
+            navTopHeight = useRect(navTopRef.value).height;
+          }
+          return offsetTopPx.value + tabHeight + navTopHeight;
         }
         return 0;
       });
@@ -4489,7 +4494,7 @@
         scrollIntoView
       });
       return () => {
-        var _a;
+        var _a, _b;
         return vue.createVNode("div", {
           "ref": root,
           "class": bem$15([props.type])
@@ -4499,10 +4504,12 @@
           "onScroll": onStickyScroll
         }, {
           default: () => {
-            var _a2;
-            return [renderHeader(), (_a2 = slots["nav-bottom"]) == null ? void 0 : _a2.call(slots)];
+            var _a2, _b2;
+            return [slots["nav-top"] ? vue.createVNode("div", {
+              "ref": navTopRef
+            }, [(_a2 = slots["nav-top"]) == null ? void 0 : _a2.call(slots)]) : null, renderHeader(), (_b2 = slots["nav-bottom"]) == null ? void 0 : _b2.call(slots)];
           }
-        }) : [renderHeader(), (_a = slots["nav-bottom"]) == null ? void 0 : _a.call(slots)], vue.createVNode(stdin_default$1w, {
+        }) : [(_a = slots["nav-top"]) == null ? void 0 : _a.call(slots), renderHeader(), (_b = slots["nav-bottom"]) == null ? void 0 : _b.call(slots)], vue.createVNode(stdin_default$1w, {
           "count": children.length,
           "inited": state.inited,
           "animated": props.animated,
@@ -5910,6 +5917,7 @@
         toggle();
       };
       const renderTitle = () => {
+        var _a;
         const {
           titleBackground,
           color
@@ -5923,7 +5931,7 @@
             custom: titleBackground
           }),
           "style": color ? `background:${color};` : ""
-        }, null), vue.createVNode("span", {
+        }, null), slots.title ? (_a = slots.title) == null ? void 0 : _a.call(slots) : vue.createVNode("span", {
           "style": color ? `color:${color};` : "",
           "class": bem$V("text", {
             custom: titleBackground
@@ -14300,6 +14308,7 @@
   const mediaPickerProps = {
     disabled: Boolean,
     showTitle: Boolean,
+    useFileNameAsLabel: Boolean,
     title: makeStringProp("添加附件"),
     mediaList: makeArrayProp(),
     // 图片压缩后的最大边长
@@ -14350,7 +14359,8 @@
     props: mediaPickerProps,
     emits: ["update:mediaList", "delete"],
     setup(props, {
-      emit
+      emit,
+      slots
     }) {
       const videoOptionsVisible = vue.ref(false);
       const audioOptionsVisible = vue.ref(false);
@@ -14634,6 +14644,11 @@
             newMedias = newMedias.concat(medias);
           }
         }).finally(() => {
+          if (props.useFileNameAsLabel) {
+            newMedias.forEach((newMedia) => {
+              newMedia.label = newMedia.originalName;
+            });
+          }
           emit("update:mediaList", [...props.mediaList, ...newMedias]);
           if (props.afterRead) {
             props.afterRead(newMedias);
@@ -14852,6 +14867,18 @@
           }, null);
         }
       };
+      const renderMediaLabel = (media) => {
+        if (slots["preview-cover"]) {
+          return slots["preview-cover"]({
+            file: media
+          });
+        }
+        if (!isEmptyValue(media.label)) {
+          return vue.createVNode("div", {
+            "class": bem$t("thumbnail-label")
+          }, [media.label]);
+        }
+      };
       const onDelete = (media, index) => {
         if (props.beforeDelete) {
           const response = props.beforeDelete(media);
@@ -14905,7 +14932,7 @@
           "key": media.uniqueCode,
           "onClick": () => previewMedia(index)
         }, {
-          default: () => [renderMediaThumbnail(media), genThumbnailMask(media), deleteIcon]
+          default: () => [renderMediaThumbnail(media), renderMediaLabel(media), genThumbnailMask(media), deleteIcon]
         });
       });
       const selectAction = (action) => {
@@ -22204,7 +22231,7 @@
       });
     }
   };
-  const version = "3.1.15";
+  const version = "3.1.16";
   function install(app) {
     const components = [
       ActionSheet,