zartui 3.1.84 → 3.1.86

package/lib/index.d.ts

@@ -85,4 +85,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.1.84";
+export const version: "3.1.86";

package/lib/index.js

@@ -184,7 +184,7 @@ __reExport(stdin_exports, require("./timeline"), module.exports);
 __reExport(stdin_exports, require("./toast"), module.exports);
 __reExport(stdin_exports, require("./uploader"), module.exports);
 __reExport(stdin_exports, require("./video"), module.exports);
-const version = "3.1.84";
+const version = "3.1.86";
 function install(app) {
   const components = [
     import_action_sheet.ActionSheet,

package/lib/media-picker/MediaPicker.js

@@ -179,11 +179,29 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const gridRef = (0, import_vue2.ref)();
     const mediaListPlaceholder = (0, import_vue2.ref)([]);
     const sort = (0, import_vue2.ref)();
-    (0, import_vue2.watch)(() => props.mediaList.length, () => {
+    const shouldIsolateSortableTouch = () => props.sortable && props.mediaList.length > 0;
+    const stopSortableTouchStartPropagation = (event) => {
+      if (!shouldIsolateSortableTouch()) {
+        return;
+      }
+      event.stopPropagation();
+    };
+    const destroySortable = () => {
+      var _a;
+      if ((_a = sort.value) == null ? void 0 : _a.destroy) {
+        sort.value.destroy();
+      }
+      sort.value = void 0;
+    };
+    const initSortable = () => __async(this, null, function* () {
       var _a;
-      if (sort.value || !props.sortable)
+      if (sort.value || !props.sortable || !props.mediaList.length)
         return;
-      sort.value = import_sortablejs.default.create((_a = gridRef.value) == null ? void 0 : _a.$el, {
+      yield (0, import_vue2.nextTick)();
+      const gridEl = (_a = gridRef.value) == null ? void 0 : _a.$el;
+      if (!gridEl)
+        return;
+      sort.value = import_sortablejs.default.create(gridEl, {
         animation: 200,
         handle: ".zt-grid-item",
         onEnd: (evt) => {
@@ -914,6 +932,18 @@ var stdin_default = (0, import_vue2.defineComponent)({
       actionVisible.value = false;
       action.func && action.func();
     };
+    (0, import_vue2.watch)(() => [props.sortable, props.mediaList.length], (_0) => __async(this, [_0], function* ([sortable, mediaCount]) {
+      if (!sortable || !mediaCount) {
+        destroySortable();
+        return;
+      }
+      yield initSortable();
+    }), {
+      immediate: true
+    });
+    (0, import_vue2.onBeforeUnmount)(() => {
+      destroySortable();
+    });
     (0, import_use_expose.useExpose)({
       mediaPickAction,
       handleInputFiles,
@@ -951,7 +981,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "border": false,
         "square": true,
         "gutter": "4",
-        "class": bem("grid")
+        "class": bem("grid"),
+        "onTouchstart": stopSortableTouchStartPropagation
       }, {
         default: () => [renderMediaList()]
       }), [[import_vue.vShow, props.mediaList.length]]), (0, import_vue.withDirectives)((0, import_vue.createVNode)(import_grid.default, {