y-admin-ui 0.3.6 → 0.3.7

package/lib/y-file-grid-item.5cc109db.js

@@ -0,0 +1,90 @@
+import { defineComponent as d, reactive as u, computed as l, resolveComponent as p, openBlock as r, createElementBlock as a, normalizeClass as m, createElementVNode as i, createVNode as k, withCtx as b, toDisplayString as v, withModifiers as C, createCommentVNode as g } from "vue";
+const x = { class: "y-file-list-item-body" }, w = { class: "y-file-list-item-icon" }, A = ["src", "alt"], E = ["title"], B = { class: "item-txt-title line-clamp-1 w-full break-words" }, N = ["onClick"], V = /* @__PURE__ */ i("i", { class: "y-file-icon-check y-bg-primary" }, null, -1), q = [
+  V
+], D = /* @__PURE__ */ i("div", { class: "y-file-list-item-bg y-bg-primary" }, null, -1), j = /* @__PURE__ */ i("div", { class: "y-file-list-item-border y-border-primary" }, null, -1), z = d({
+  name: "YFileGridItem"
+}), G = /* @__PURE__ */ d({
+  ...z,
+  props: {
+    item: {
+      type: Object,
+      required: !0,
+      default: () => ({})
+    },
+    checkbox: Boolean,
+    selection: Array,
+    icons: {
+      type: Array,
+      required: !0,
+      default: () => []
+    }
+  },
+  emits: ["item-click", "item-check-change"],
+  setup(n, { emit: s }) {
+    const e = n;
+    u({});
+    const h = l(() => Array.isArray(e.selection) && e.selection.includes(e.item)), y = l(() => {
+      if (e.item.thumbnail)
+        return e.item.thumbnail;
+      if (e.item.isDirectory) {
+        const t = e.icons.find((c) => c.type === "dir");
+        return t == null ? void 0 : t.icon;
+      }
+      let o;
+      if (e.icons.forEach((t) => {
+        t.types && t.types.forEach((c) => {
+          e.item.name.endsWith(c) && (o = t.icon);
+        });
+      }), !o) {
+        const t = e.icons.find((c) => c.type === "file");
+        o = t == null ? void 0 : t.icon;
+      }
+      return o;
+    }), _ = () => {
+      s("item-click", e.item);
+    }, f = () => {
+      s("item-check-change", e.item);
+    };
+    return (o, t) => {
+      const c = p("el-tooltip");
+      return r(), a("div", {
+        class: m(["y-file-list-item", { checked: h.value }]),
+        onClick: _
+      }, [
+        i("div", x, [
+          i("div", w, [
+            i("img", {
+              src: y.value,
+              alt: e.item.name,
+              class: m({ "y-file-list-item-icon-image": e.item.thumbnail })
+            }, null, 10, A)
+          ]),
+          i("div", {
+            class: "y-file-list-item-title ele-text-primary",
+            title: e.item.name
+          }, [
+            k(c, {
+              content: e.item.name,
+              placement: "top"
+            }, {
+              default: b(() => [
+                i("div", B, v(e.item.name), 1)
+              ]),
+              _: 1
+            }, 8, ["content"])
+          ], 8, E)
+        ]),
+        n.checkbox ? (r(), a("div", {
+          key: 0,
+          class: "y-file-list-item-check y-bg-white",
+          onClick: C(f, ["stop"])
+        }, q, 8, N)) : g("", !0),
+        D,
+        j
+      ], 2);
+    };
+  }
+});
+export {
+  G as default
+};

package/lib/y-file-grid.02dd85ed.js

@@ -0,0 +1,76 @@
+import { defineComponent as s, defineAsyncComponent as _, computed as g, resolveComponent as f, openBlock as t, createElementBlock as c, createElementVNode as n, withModifiers as C, normalizeClass as x, toDisplayString as l, createCommentVNode as b, Fragment as v, renderList as A, createBlock as B, unref as F, createVNode as N } from "vue";
+const S = {
+  data: {
+    type: Array,
+    required: !0
+  },
+  icons: {
+    type: Array,
+    required: !0
+  },
+  selection: Array,
+  checkbox: Boolean,
+  checked: Boolean,
+  indeterminate: Boolean,
+  total: Number,
+  totalText: {
+    type: String,
+    required: !0,
+    default: () => ""
+  },
+  checkAllText: String
+}, T = {
+  key: 0,
+  class: "y-file-list"
+}, q = {
+  key: 0,
+  class: "y-file-list-header"
+}, G = ["onClick"], I = { key: 0 }, V = { key: 1 }, Y = {
+  key: 1,
+  style: { height: "100%", display: "flex", "justify-content": "center", "align-items": "center" }
+}, z = s({
+  name: "YFileGrid"
+}), w = /* @__PURE__ */ s({
+  ...z,
+  props: S,
+  emits: ["check-all-change", "item-check-change", "item-click"],
+  setup(r, { emit: i }) {
+    const e = r, a = _(() => import("./y-file-grid-item.5cc109db.js")), h = g(() => [["y-file-list-check y-file-icon-check y-bg-primary", { checked: e.checked }]]), d = () => {
+      i("check-all-change");
+    }, k = (o) => {
+      i("item-click", o);
+    }, m = (o) => {
+      i("item-check-change", o);
+    };
+    return (o, E) => {
+      const p = f("el-empty");
+      return e.data.length > 0 ? (t(), c("div", T, [
+        e.checkbox ? (t(), c("div", q, [
+          n("div", {
+            class: "y-file-list-check-group",
+            onClick: C(d, ["stop"])
+          }, [
+            n("i", {
+              class: x(h.value)
+            }, null, 2),
+            e.total ? (t(), c("div", I, l(e.totalText.replace(/{total}/g, String(e.total))), 1)) : (t(), c("div", V, l(e.checkAllText), 1))
+          ], 8, G)
+        ])) : b("", !0),
+        (t(!0), c(v, null, A(e.data, (y, u) => (t(), B(F(a), {
+          key: u,
+          item: y,
+          icons: e.icons,
+          checkbox: e.checkbox,
+          selection: e.selection,
+          onItemClick: k,
+          onItemCheckChange: m
+        }, null, 8, ["item", "icons", "checkbox", "selection"]))), 128))
+      ])) : (t(), c("div", Y, [
+        N(p, { "image-size": 200 })
+      ]));
+    };
+  }
+});
+export {
+  w as default
+};

package/lib/y-file-sort.057cb87a.js

@@ -0,0 +1,34 @@
+import { defineComponent as t, computed as l, openBlock as n, createElementBlock as i, normalizeClass as c, createElementVNode as r } from "vue";
+const a = /* @__PURE__ */ r("i", { class: "ele-border-primary" }, null, -1), _ = /* @__PURE__ */ r("i", { class: "ele-border-primary" }, null, -1), d = [
+  a,
+  _
+], m = t({
+  name: "YFileSort"
+}), f = /* @__PURE__ */ t({
+  ...m,
+  props: {
+    sort: String,
+    order: String,
+    name: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(s) {
+    const e = s, o = l(() => [
+      "y-file-list-table-item-sort",
+      {
+        "y-file-list-sort-asc": e.name === e.sort && e.order === "asc"
+      },
+      {
+        "y-file-list-sort-desc": e.name === e.sort && e.order === "desc"
+      }
+    ]);
+    return (p, u) => (n(), i("i", {
+      class: c(o.value)
+    }, d, 2));
+  }
+});
+export {
+  f as default
+};

package/lib/y-file-table-item.8d4cb4dd.js

@@ -0,0 +1,85 @@
+import { defineComponent as h, reactive as k, computed as m, openBlock as r, createElementBlock as d, normalizeClass as y, createElementVNode as i, withModifiers as p, createCommentVNode as v, toDisplayString as o, renderSlot as g } from "vue";
+const C = { class: "y-file-list-table-item-body" }, x = {
+  key: 0,
+  class: "y-file-list-table-item-check-group"
+}, A = ["onClick"], E = { class: "y-file-list-table-item-name" }, B = { class: "y-file-list-table-item-icon" }, T = ["src", "alt"], j = ["title"], q = { class: "y-file-list-table-item-tool-group" }, z = { class: "y-file-list-table-item-size" }, D = { class: "y-file-list-table-item-time" }, F = /* @__PURE__ */ i("div", { class: "y-file-list-table-item-bg y-bg-primary" }, null, -1), I = /* @__PURE__ */ i("div", { class: "y-file-list-table-item-border y-border-primary" }, null, -1), N = h({
+  name: "YFileTableItem"
+}), V = /* @__PURE__ */ h({
+  ...N,
+  props: {
+    item: {
+      type: Object,
+      required: !0
+    },
+    checkbox: Boolean,
+    selection: Array,
+    icons: {
+      type: Array,
+      required: !0
+    }
+  },
+  emits: ["item-click", "item-check-change"],
+  setup(c, { emit: n }) {
+    const e = c, _ = k({
+      checkboxClass: ["ele-file-list-table-item-check", "ele-file-icon-check", "ele-bg-primary"].join(" ")
+    }), f = m(() => Array.isArray(e.selection) && e.selection.includes(e.item)), b = m(() => {
+      if (e.item.isDirectory) {
+        const t = e.icons.find((s) => s.type === "dir");
+        return t == null ? void 0 : t.icon;
+      }
+      let l;
+      if (e.icons.forEach((t) => {
+        t.types && t.types.forEach((s) => {
+          e.item.name.endsWith(s) && (l = t.icon);
+        });
+      }), !l) {
+        const t = e.icons.find((s) => s.type === "file");
+        l = t == null ? void 0 : t.icon;
+      }
+      return l;
+    }), a = () => {
+      n("item-click", e.item);
+    }, u = () => {
+      n("item-check-change", e.item);
+    };
+    return (l, t) => (r(), d("div", {
+      class: y(["y-file-list-table-item", { checked: f.value }])
+    }, [
+      i("div", C, [
+        c.checkbox ? (r(), d("div", x, [
+          i("i", {
+            class: y(_.checkboxClass),
+            onClick: p(u, ["stop"])
+          }, null, 10, A)
+        ])) : v("", !0),
+        i("div", E, [
+          i("div", B, [
+            i("img", {
+              src: b.value,
+              alt: c.item.name,
+              class: "y-file-list-table-item-icon-image",
+              onClick: a
+            }, null, 8, T),
+            i("div", {
+              title: c.item.name,
+              class: "y-file-list-table-item-title y-text-primary",
+              onClick: a
+            }, o(e.item.name), 9, j)
+          ]),
+          i("div", q, [
+            g(l.$slots, "tool", {
+              item: e.item
+            })
+          ])
+        ]),
+        i("div", z, o(e.item.length), 1),
+        i("div", D, o(e.item.updateTime), 1)
+      ]),
+      F,
+      I
+    ], 2));
+  }
+});
+export {
+  V as default
+};

package/lib/y-file-table.53811948.js

@@ -0,0 +1,132 @@
+import { defineComponent as v, defineAsyncComponent as p, reactive as Y, computed as g, resolveComponent as $, openBlock as o, createElementBlock as n, createElementVNode as l, normalizeClass as C, withModifiers as b, createCommentVNode as c, toDisplayString as a, Fragment as f, createBlock as d, unref as m, renderList as q, withCtx as w, renderSlot as I, createVNode as V } from "vue";
+const j = {
+  data: {
+    type: Array,
+    required: !0
+  },
+  icons: {
+    type: Array,
+    required: !0
+  },
+  selection: Array,
+  checkbox: Boolean,
+  checked: Boolean,
+  indeterminate: Boolean,
+  total: Number,
+  totalText: {
+    type: String,
+    required: !0,
+    default: () => ""
+  },
+  checkAllText: String,
+  nameText: String,
+  sizeText: String,
+  timeText: String,
+  sort: String,
+  order: String
+}, E = {
+  key: 0,
+  class: "y-file-list-table"
+}, D = { class: "y-file-list-table-item-body" }, L = {
+  key: 0,
+  class: "y-file-list-table-item-check-group"
+}, M = ["onClick"], P = ["onClick"], G = {
+  key: 1,
+  style: { height: "100%", display: "flex", "justify-content": "center", "align-items": "center" }
+}, H = v({
+  name: "YFileTable"
+}), K = /* @__PURE__ */ v({
+  ...H,
+  props: j,
+  emits: ["sort-change", "check-all-change", "item-click", "item-check-change"],
+  setup(x, { emit: r }) {
+    const e = x, k = p(() => import("./y-file-sort.057cb87a.js")), T = p(() => import("./y-file-table-item.8d4cb4dd.js")), S = Y({
+      checkboxClass: ["y-file-list-table-item-check", "y-file-icon-check", "y-bg-primary"].join(" ")
+    }), h = g(() => typeof e.sort == "string"), _ = g(() => ["y-file-list-table-item y-file-list-table-item-header", { checked: e.checked }]), u = (t) => {
+      r("sort-change", t);
+    }, y = () => {
+      r("check-all-change", !e.checked);
+    }, B = (t) => {
+      r("item-click", t);
+    }, A = (t) => {
+      r("item-check-change", t);
+    };
+    return (t, i) => {
+      const z = $("el-empty");
+      return e.data.length > 0 ? (o(), n("div", E, [
+        l("div", {
+          class: C(_.value)
+        }, [
+          l("div", D, [
+            e.checkbox ? (o(), n("div", L, [
+              l("i", {
+                class: C(S.checkboxClass),
+                onClick: b(y, ["stop"])
+              }, null, 10, M)
+            ])) : c("", !0),
+            l("div", {
+              class: "y-file-list-table-item-name",
+              onClick: i[0] || (i[0] = (s) => u("name"))
+            }, [
+              e.total ? (o(), n("div", {
+                key: 0,
+                onClick: b(y, ["stop"])
+              }, a(e.totalText.replace(/{total}/g, String(t.total))), 9, P)) : (o(), n(f, { key: 1 }, [
+                l("div", null, a(e.nameText), 1),
+                h.value ? (o(), d(m(k), {
+                  key: 0,
+                  sort: e.sort,
+                  order: e.order,
+                  name: "name"
+                }, null, 8, ["sort", "order"])) : c("", !0)
+              ], 64))
+            ]),
+            l("div", {
+              class: "y-file-list-table-item-size",
+              onClick: i[1] || (i[1] = (s) => u("length"))
+            }, [
+              l("div", null, a(t.sizeText), 1),
+              h.value ? (o(), d(m(k), {
+                key: 0,
+                sort: e.sort,
+                order: e.order,
+                name: "length"
+              }, null, 8, ["sort", "order"])) : c("", !0)
+            ]),
+            l("div", {
+              class: "y-file-list-table-item-time",
+              onClick: i[2] || (i[2] = (s) => u("updateTime"))
+            }, [
+              l("div", null, a(t.timeText), 1),
+              h.value ? (o(), d(m(k), {
+                key: 0,
+                sort: e.sort,
+                order: e.order,
+                name: "updateTime"
+              }, null, 8, ["sort", "order"])) : c("", !0)
+            ])
+          ])
+        ], 2),
+        (o(!0), n(f, null, q(e.data, (s, F) => (o(), d(m(T), {
+          key: F,
+          item: s,
+          icons: e.icons,
+          checkbox: t.checkbox,
+          selection: t.selection,
+          onItemClick: B,
+          onItemCheckChange: A
+        }, {
+          tool: w(({ item: N }) => [
+            I(t.$slots, "tool", { item: N })
+          ]),
+          _: 2
+        }, 1032, ["item", "icons", "checkbox", "selection"]))), 128))
+      ])) : (o(), n("div", G, [
+        V(z, { "image-size": 200 })
+      ]));
+    };
+  }
+});
+export {
+  K as default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "y-admin-ui",
-  "version": "0.3.6",
+  "version": "0.3.7",
   "description": "y-admin-ui 基于Element-plus二次封装基础组件文档",
   "author": "yaochengjian",
   "license": "MIT",

package/lib/index.a54901f1.js

@@ -1,6 +0,0 @@
-import "./index.29624317.js";
-import { _ as t } from "./index.29624317.js";
-import "vue";
-export {
-  t as default
-};