@oneflowui/ui 0.5.5 → 0.5.6

package/dist/components/table/MobileListView.vue.d.ts

@@ -10,7 +10,23 @@ type __VLS_Props = {
     statusColorMap?: ColorMap;
     readonly?: boolean;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        cell?(_: {
+            row: TableRow;
+            col: TableColumn;
+        }): any;
+        cell?(_: {
+            row: TableRow;
+            col: TableColumn;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "row-click": (row: any) => any;
     "add-row": () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
@@ -21,4 +37,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     addable: boolean;
     readonly: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/table/MobileListView.vue.js

@@ -1,7 +1,7 @@
 import o from "./MobileListView.vue2.js";
 /* empty css                    */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-15efc0e6"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e312b60f"]]);
 export {
   f as default
 };

package/dist/components/table/MobileListView.vue2.js

@@ -1,18 +1,18 @@
-import { defineComponent as V, computed as f, ref as g, openBlock as l, createElementBlock as o, Fragment as v, renderList as C, createElementVNode as X, normalizeStyle as M, toDisplayString as d, createCommentVNode as i } from "vue";
-import { mergeColorMap as A, DEFAULT_STATUS_MAP as L, resolveBadge as Y } from "../../composables/useBadge.js";
-const $ = { class: "of-mobile-list" }, D = ["onClick", "onTouchstart"], F = {
+import { defineComponent as E, computed as v, ref as k, openBlock as o, createElementBlock as a, Fragment as g, renderList as C, createElementVNode as X, normalizeStyle as M, renderSlot as S, createTextVNode as A, toDisplayString as d, createCommentVNode as i } from "vue";
+import { mergeColorMap as L, DEFAULT_STATUS_MAP as N, resolveBadge as Y } from "../../composables/useBadge.js";
+const D = { class: "of-mobile-list" }, F = ["onClick", "onTouchstart"], U = {
   key: 0,
   class: "of-mobile-card__title"
-}, N = {
+}, z = {
   key: 1,
   class: "of-mobile-card__meta"
-}, U = {
+}, I = {
   key: 1,
   class: "of-mobile-card__tag"
-}, w = {
+}, O = {
   key: 0,
   class: "of-mobile-card__action-delete"
-}, O = /* @__PURE__ */ V({
+}, j = /* @__PURE__ */ E({
   __name: "MobileListView",
   props: {
     rows: {},
@@ -23,61 +23,70 @@ const $ = { class: "of-mobile-list" }, D = ["onClick", "onTouchstart"], F = {
     readonly: { type: Boolean, default: !1 }
   },
   emits: ["row-click", "add-row"],
-  setup(r, { emit: S }) {
-    const m = r, y = S, T = f(() => A(L, m.statusColorMap)), h = f(() => m.columns[0]), _ = f(() => m.columns.slice(1, 4));
-    function u(a, n) {
-      const e = a[n.key];
+  setup(r, { emit: T }) {
+    const m = r, y = T, B = v(() => L(N, m.statusColorMap)), f = v(() => m.columns[0]), h = v(() => m.columns.slice(1, 4));
+    function u(t, n) {
+      const e = t[n.key];
       return e != null ? String(e) : "";
     }
-    function p(a) {
-      return Y(a, T.value);
+    function p(t) {
+      return Y(t, B.value);
     }
-    let b = 0, k = 0;
-    const c = g(null), s = g(0);
-    function B(a, n) {
-      b = a.touches[0].clientX, k = a.touches[0].clientY, c.value = n, s.value = 0;
+    let b = 0, _ = 0;
+    const c = k(null), s = k(0);
+    function V(t, n) {
+      b = t.touches[0].clientX, _ = t.touches[0].clientY, c.value = n, s.value = 0;
     }
-    function x(a) {
+    function $(t) {
       if (!c.value) return;
-      const n = a.touches[0].clientX - b, e = a.touches[0].clientY - k;
+      const n = t.touches[0].clientX - b, e = t.touches[0].clientY - _;
       if (Math.abs(e) > Math.abs(n)) {
         c.value = null;
         return;
       }
       s.value = Math.max(-80, Math.min(0, n));
     }
-    function E() {
+    function x() {
       s.value < -40 ? s.value = -80 : (s.value = 0, c.value = null);
     }
-    return (a, n) => (l(), o("div", $, [
-      (l(!0), o(v, null, C(r.rows, (e) => (l(), o("div", {
+    return (t, n) => (o(), a("div", D, [
+      (o(!0), a(g, null, C(r.rows, (e) => (o(), a("div", {
         key: e.id,
         class: "of-mobile-card-wrapper"
       }, [
         X("div", {
           class: "of-mobile-card",
           style: M({ transform: c.value === e.id ? `translateX(${s.value}px)` : "" }),
-          onClick: (t) => y("row-click", e),
-          onTouchstart: (t) => B(t, e.id),
-          onTouchmove: x,
-          onTouchend: E
+          onClick: (l) => y("row-click", e),
+          onTouchstart: (l) => V(l, e.id),
+          onTouchmove: $,
+          onTouchend: x
         }, [
-          h.value ? (l(), o("div", F, d(u(e, h.value) || "—"), 1)) : i("", !0),
-          _.value.length > 0 ? (l(), o("div", N, [
-            (l(!0), o(v, null, C(_.value, (t) => (l(), o(v, {
-              key: t.key
-            }, [
-              t.key === "status" && u(e, t) ? (l(), o("span", {
+          f.value ? (o(), a("div", U, [
+            S(t.$slots, "cell", {
+              row: e,
+              col: f.value
+            }, () => [
+              A(d(u(e, f.value) || "—"), 1)
+            ], !0)
+          ])) : i("", !0),
+          h.value.length > 0 ? (o(), a("div", z, [
+            (o(!0), a(g, null, C(h.value, (l) => S(t.$slots, "cell", {
+              key: l.key,
+              row: e,
+              col: l
+            }, () => [
+              l.key === "status" && u(e, l) ? (o(), a("span", {
                 key: 0,
                 class: "of-mobile-card__badge",
-                style: M(p(u(e, t)).style)
-              }, d(p(u(e, t)).label), 5)) : u(e, t) ? (l(), o("span", U, d(t.label) + ": " + d(u(e, t)), 1)) : i("", !0)
-            ], 64))), 128))
+                style: M(p(u(e, l)).style)
+              }, d(p(u(e, l)).label), 5)) : u(e, l) ? (o(), a("span", I, d(l.label) + ": " + d(u(e, l)), 1)) : i("", !0)
+            ], !0)), 128))
           ])) : i("", !0)
-        ], 44, D),
-        c.value === e.id && s.value < -40 ? (l(), o("div", w, " 删除 ")) : i("", !0)
+        ], 44, F),
+        c.value === e.id && s.value < -40 ? (o(), a("div", O, " 删除 ")) : i("", !0)
       ]))), 128)),
-      r.addable && !r.readonly ? (l(), o("button", {
+      r.addable && !r.readonly ? (o(), a("button", {
         key: 0,
         class: "of-mobile-add-btn",
         onClick: n[0] || (n[0] = (e) => y("add-row"))
@@ -86,5 +95,5 @@ const $ = { class: "of-mobile-list" }, D = ["onClick", "onTouchstart"], F = {
   }
 });
 export {
-  O as default
+  j as default
 };