@cmstops/pro-compo 0.1.19 → 0.1.21

package/lib/contentDetailList/component.js

@@ -1,16 +1,24 @@
 "use strict";
 var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var draggable = require("vuedraggable");
 var index = require("./components/Content/index.js");
 var index$1 = require("./components/Doc/index.js");
+function _interopDefaultLegacy(e) {
+  return e && typeof e === "object" && "default" in e ? e : { "default": e };
+}
+var draggable__default = /* @__PURE__ */ _interopDefaultLegacy(draggable);
 const _hoisted_1 = { class: "content-detail-list-container" };
+const _hoisted_2 = { class: "drag-item" };
 const _sfc_main = vue.defineComponent({
   ...{ name: "contentDetailList" },
   __name: "component",
   props: {
+    height: {},
     type: {},
     data: {},
     parmas: {},
-    disdragalbe: { type: Boolean },
+    dragalbe: { type: Boolean },
     abttrites: {}
   },
   emits: [
@@ -18,20 +26,41 @@ const _sfc_main = vue.defineComponent({
     "dragstart",
     "clickTitle",
     "cellMouseEnter",
-    "cellMouseLeave"
+    "cellMouseLeave",
+    "update:data",
+    "scroll",
+    "scrollReachEnd"
   ],
   setup(__props, { emit }) {
     const props = __props;
     const parmasProps = props.parmas || {};
-    const disdragalbeProps = props.disdragalbe || false;
+    const dragalbeProps = props.dragalbe || false;
     const abttritesProps = props.abttrites || [];
-    const sortMediaFileData = (e) => {
-      emit("sortChange", e);
+    const outerStyle = vue.computed(() => {
+      return {
+        height: props.height || "100%",
+        overflow: "auto"
+      };
+    });
+    const dataList = vue.computed({
+      get() {
+        return props.data;
+      },
+      set(value) {
+        emit("update:data", value);
+      }
+    });
+    const handleScroll = (e) => {
+      emit("scroll", e);
+      const { target } = e;
+      if (target.scrollHeight - target.scrollTop === target.clientHeight) {
+        emit("scrollReachEnd");
+      }
     };
-    const dragStart = () => {
-      emit("dragstart");
+    const sortChange = (e) => {
+      emit("sortChange", e);
     };
-    const detail = (e) => {
+    const clickTitle = (e) => {
       emit("clickTitle", e);
     };
     const tableCellMouseEnter = (e) => {
@@ -41,48 +70,114 @@ const _sfc_main = vue.defineComponent({
       emit("cellMouseLeave", e);
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        props.type === "content" ? (vue.openBlock(), vue.createBlock(index, {
-          key: 0,
-          "media-file-data": _ctx.data,
-          disdragalbe: vue.unref(disdragalbeProps),
-          abttrites: vue.unref(abttritesProps),
-          parmas: vue.unref(parmasProps),
-          onSortChange: sortMediaFileData,
-          onDragstart: dragStart,
-          onClickTitle: detail
-        }, {
-          option: vue.withCtx((slotProps) => [
-            vue.renderSlot(_ctx.$slots, "option", {
-              row: slotProps.row,
-              index: slotProps.index
-            })
-          ]),
-          _: 3
-        }, 8, ["media-file-data", "disdragalbe", "abttrites", "parmas"])) : vue.createCommentVNode("v-if", true),
-        props.type === "doc" ? (vue.openBlock(), vue.createBlock(index$1, {
-          key: 1,
-          "get-data": _ctx.data,
-          abttrites: vue.unref(abttritesProps),
-          onCellMouseEnter: tableCellMouseEnter,
-          onCellMouseLeave: tableCellMouseLeave,
-          onClickTitle: detail
-        }, {
-          batch: vue.withCtx((slotProps) => [
-            vue.renderSlot(_ctx.$slots, "batch", {
-              row: slotProps.row,
-              index: slotProps.index
-            })
-          ]),
-          option: vue.withCtx((slotProps) => [
-            vue.renderSlot(_ctx.$slots, "option", {
-              row: slotProps.row,
-              index: slotProps.index
-            })
-          ]),
-          _: 3
-        }, 8, ["get-data", "abttrites"])) : vue.createCommentVNode("v-if", true)
-      ]);
+      return vue.openBlock(), vue.createBlock(vue.unref(webVue.Scrollbar), {
+        class: "mobile-content-list-scrollbar",
+        "outer-style": outerStyle.value,
+        style: { "height": "100%", "overflow": "auto" },
+        onScroll: handleScroll
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.unref(dragalbeProps) ? (vue.openBlock(), vue.createBlock(vue.unref(draggable__default["default"]), {
+              key: 0,
+              modelValue: dataList.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dataList.value = $event),
+              animation: 150,
+              sort: vue.unref(dragalbeProps),
+              onChange: sortChange,
+              onStart: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("dragstart"))
+            }, {
+              item: vue.withCtx(({ element, index: index$2 }) => [
+                vue.createElementVNode("div", _hoisted_2, [
+                  props.type === "content" ? (vue.openBlock(), vue.createBlock(index, {
+                    key: index$2,
+                    item: element,
+                    index: index$2,
+                    parmas: vue.unref(parmasProps),
+                    abttrites: vue.unref(abttritesProps),
+                    onClickTitle: clickTitle
+                  }, {
+                    option: vue.withCtx(() => [
+                      vue.renderSlot(_ctx.$slots, "option", {
+                        row: element,
+                        index: index$2
+                      })
+                    ]),
+                    _: 2
+                  }, 1032, ["item", "index", "parmas", "abttrites"])) : vue.createCommentVNode("v-if", true),
+                  props.type === "doc" ? (vue.openBlock(), vue.createBlock(index$1, {
+                    key: index$2,
+                    item: element,
+                    index: index$2,
+                    abttrites: vue.unref(abttritesProps),
+                    onClickTitle: clickTitle,
+                    onCellMouseEnter: tableCellMouseEnter,
+                    onCellMouseLeave: tableCellMouseLeave
+                  }, {
+                    batch: vue.withCtx(() => [
+                      vue.renderSlot(_ctx.$slots, "batch", {
+                        row: element,
+                        index: index$2
+                      })
+                    ]),
+                    option: vue.withCtx(() => [
+                      vue.renderSlot(_ctx.$slots, "option", {
+                        row: element,
+                        index: index$2
+                      })
+                    ]),
+                    _: 2
+                  }, 1032, ["item", "index", "abttrites"])) : vue.createCommentVNode("v-if", true)
+                ])
+              ]),
+              _: 3
+            }, 8, ["modelValue", "sort"])) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(dataList.value, (item, index$2) => {
+              return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index$2 }, [
+                props.type === "content" ? (vue.openBlock(), vue.createBlock(index, {
+                  key: index$2,
+                  item,
+                  index: index$2,
+                  parmas: vue.unref(parmasProps),
+                  abttrites: vue.unref(abttritesProps),
+                  onClickTitle: clickTitle
+                }, {
+                  option: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, "option", {
+                      row: item,
+                      index: index$2
+                    })
+                  ]),
+                  _: 2
+                }, 1032, ["item", "index", "parmas", "abttrites"])) : vue.createCommentVNode("v-if", true),
+                props.type === "doc" ? (vue.openBlock(), vue.createBlock(index$1, {
+                  key: index$2,
+                  item,
+                  index: index$2,
+                  abttrites: vue.unref(abttritesProps),
+                  onClickTitle: clickTitle,
+                  onCellMouseEnter: tableCellMouseEnter,
+                  onCellMouseLeave: tableCellMouseLeave
+                }, {
+                  batch: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, "batch", {
+                      row: item,
+                      index: index$2
+                    })
+                  ]),
+                  option: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, "option", {
+                      row: item,
+                      index: index$2
+                    })
+                  ]),
+                  _: 2
+                }, 1032, ["item", "index", "abttrites"])) : vue.createCommentVNode("v-if", true)
+              ], 64);
+            }), 128))
+          ])
+        ]),
+        _: 3
+      }, 8, ["outer-style"]);
     };
   }
 });