@aplus-frontend/ui 7.8.0 → 7.9.1

package/es/src/skeleton/components/desc/index.vue2.mjs

@@ -0,0 +1,37 @@
+import { defineComponent as o, createBlock as r, openBlock as i, unref as a, withCtx as n, createVNode as t } from "vue";
+import { Card as c, Skeleton as l } from "@aplus-frontend/antdv";
+import "./item.vue.mjs";
+import "./item-large.vue.mjs";
+import p from "./item.vue2.mjs";
+import m from "./item-large.vue2.mjs";
+const x = /* @__PURE__ */ o({
+  name: "ApSkeletonDesc",
+  __name: "index",
+  props: {
+    active: { type: Boolean }
+  },
+  setup(s) {
+    return (e, d) => (i(), r(a(c), {
+      variant: "borderless",
+      style: {
+        borderStartEndRadius: 0,
+        borderTopLeftRadius: 0,
+        marginBlockEnd: "16px"
+      }
+    }, {
+      default: n(() => [
+        t(a(l).Button, {
+          active: e.active,
+          size: "small",
+          style: { width: "100px", marginBlockEnd: "16px" }
+        }, null, 8, ["active"]),
+        t(p, { active: e.active }, null, 8, ["active"]),
+        t(m, { active: e.active }, null, 8, ["active"])
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  x as default
+};

package/es/src/skeleton/components/desc/item-large.vue.d.ts

@@ -0,0 +1,6 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    active?: boolean;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/src/skeleton/components/desc/item-large.vue.mjs

@@ -0,0 +1,4 @@
+import f from "./item-large.vue2.mjs";
+export {
+  f as default
+};

package/es/src/skeleton/components/desc/item-large.vue2.mjs

@@ -0,0 +1,72 @@
+import { defineComponent as n, createElementBlock as r, openBlock as o, createVNode as t, createElementVNode as l, unref as a } from "vue";
+import { Skeleton as i } from "@aplus-frontend/antdv";
+const s = { style: { marginBlockStart: "32px" } }, c = { style: {
+  width: "100%",
+  justifyContent: "space-between",
+  display: "flex"
+} }, p = { style: {
+  flex: 1,
+  marginInlineEnd: "24px",
+  maxWidth: "300px"
+} }, v = { style: {
+  flex: 1,
+  alignItems: "center",
+  justifyContent: "center"
+} }, m = { style: {
+  maxWidth: "300px",
+  margin: "auto"
+} }, u = /* @__PURE__ */ n({
+  __name: "item-large",
+  props: {
+    active: { type: Boolean }
+  },
+  setup(d) {
+    return (e, f) => (o(), r("div", s, [
+      t(a(i).Button, {
+        active: e.active,
+        size: "small",
+        style: { width: "100px", marginBlockEnd: "16px" }
+      }, null, 8, ["active"]),
+      l("div", c, [
+        l("div", p, [
+          t(a(i), {
+            active: e.active,
+            paragraph: !1,
+            title: { style: { marginBlockStart: 0 } }
+          }, null, 8, ["active"]),
+          t(a(i), {
+            active: e.active,
+            paragraph: !1,
+            title: { style: { marginBlockStart: "8px" } }
+          }, null, 8, ["active"]),
+          t(a(i), {
+            active: e.active,
+            paragraph: !1,
+            title: { style: { marginBlockStart: "8px" } }
+          }, null, 8, ["active"])
+        ]),
+        l("div", v, [
+          l("div", m, [
+            t(a(i), {
+              active: e.active,
+              paragraph: !1,
+              title: {
+                style: { marginBlockStart: 0 }
+              }
+            }, null, 8, ["active"]),
+            t(a(i), {
+              active: e.active,
+              paragraph: !1,
+              title: {
+                style: { marginBlockStart: "8px" }
+              }
+            }, null, 8, ["active"])
+          ])
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  u as default
+};

package/es/src/skeleton/components/desc/item.vue.d.ts

@@ -0,0 +1,7 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    size?: number;
+    active?: boolean;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/src/skeleton/components/desc/item.vue.mjs

@@ -0,0 +1,4 @@
+import f from "./item.vue2.mjs";
+export {
+  f as default
+};

package/es/src/skeleton/components/desc/item.vue2.mjs

@@ -0,0 +1,69 @@
+import { defineComponent as y, computed as a, createElementBlock as n, openBlock as r, Fragment as g, renderList as x, normalizeStyle as k, createVNode as i, unref as s } from "vue";
+import { Skeleton as o } from "@aplus-frontend/antdv";
+import S from "@aplus-frontend/antdv/es/_util/hooks/useBreakpoint";
+const z = { style: {
+  width: "100%",
+  justifyContent: "space-between",
+  display: "flex"
+} }, E = /* @__PURE__ */ y({
+  name: "ApSkeletonDescItem",
+  __name: "item",
+  props: {
+    size: {},
+    active: { type: Boolean }
+  },
+  setup(u) {
+    const t = u;
+    t.size;
+    const m = {
+      lg: !0,
+      md: !0,
+      sm: !1,
+      xl: !1,
+      xs: !1,
+      xxl: !1
+    }, f = {
+      xs: 1,
+      sm: 2,
+      md: 3,
+      lg: 3,
+      xl: 3,
+      xxl: 4
+    }, d = S(), c = a(() => d.value || m), v = a(
+      () => Object.keys(c.value).filter(
+        (e) => c.value[e] === !0
+      )[0] || "md"
+    ), p = a(
+      () => t.size === void 0 ? f[v.value] || 3 : t.size
+    );
+    return (e, B) => (r(), n("div", z, [
+      (r(!0), n(g, null, x(new Array(p.value).fill(null), (_, l) => (r(), n("div", {
+        key: l,
+        style: k({
+          flex: 1,
+          paddingInlineStart: l === 0 ? 0 : "24px",
+          paddingInlineEnd: l === p.value - 1 ? 0 : "24px"
+        })
+      }, [
+        i(s(o), {
+          active: e.active,
+          paragraph: !1,
+          title: { style: { marginBlockStart: 0 } }
+        }, null, 8, ["active"]),
+        i(s(o), {
+          active: e.active,
+          paragraph: !1,
+          title: { style: { marginBlockStart: "8px" } }
+        }, null, 8, ["active"]),
+        i(s(o), {
+          active: e.active,
+          paragraph: !1,
+          title: { style: { marginBlockStart: "8px" } }
+        }, null, 8, ["active"])
+      ], 4))), 128))
+    ]));
+  }
+});
+export {
+  E as default
+};

package/es/src/skeleton/components/line/index.d.ts

@@ -0,0 +1,14 @@
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+export declare const ApSkeletonLine: DefineComponent<ExtractPropTypes<{
+    padding: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+}>, () => void, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    padding: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    padding: string | number;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;

package/es/src/skeleton/components/line/index.mjs

@@ -0,0 +1,26 @@
+import { defineComponent as t, createVNode as e } from "vue";
+import { Divider as d } from "@aplus-frontend/antdv";
+const r = /* @__PURE__ */ t({
+  props: {
+    padding: {
+      type: [String, Number],
+      default: void 0
+    }
+  },
+  setup(n) {
+    return () => {
+      e("div", {
+        style: {
+          padding: n.padding || "0 24px"
+        }
+      }, [e(d, {
+        style: {
+          margin: 0
+        }
+      }, null)]);
+    };
+  }
+});
+export {
+  r as ApSkeletonLine
+};

package/es/src/skeleton/components/list/index.vue.d.ts

@@ -0,0 +1,10 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    size: number;
+    active?: boolean;
+    actionButton?: boolean;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    active: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/src/skeleton/components/list/index.vue.mjs

@@ -0,0 +1,4 @@
+import f from "./index.vue2.mjs";
+export {
+  f as default
+};

package/es/src/skeleton/components/list/index.vue2.mjs

@@ -0,0 +1,49 @@
+import { defineComponent as i, createBlock as n, openBlock as t, unref as a, withCtx as r, createCommentVNode as s, createElementBlock as d, createVNode as p, Fragment as u, renderList as c } from "vue";
+import { Card as o, Skeleton as m } from "@aplus-frontend/antdv";
+import "./item.vue.mjs";
+import f from "./item.vue2.mjs";
+const g = /* @__PURE__ */ i({
+  name: "ApSkeletonList",
+  __name: "index",
+  props: {
+    size: {},
+    active: { type: Boolean, default: !0 },
+    actionButton: { type: Boolean }
+  },
+  setup(y) {
+    return (e, v) => (t(), n(a(o), {
+      variant: "borderless",
+      "body-style": { padding: 0 }
+    }, {
+      default: r(() => [
+        e.actionButton !== !1 ? (t(), n(a(o), {
+          key: 0,
+          variant: "borderless",
+          "body-style": {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "end",
+            padding: "18px 24px"
+          }
+        }, {
+          default: r(() => [
+            p(a(m).Button, {
+              style: { width: "80px" },
+              active: e.active,
+              size: "small"
+            }, null, 8, ["active"])
+          ]),
+          _: 1
+        })) : s("", !0),
+        (t(!0), d(u, null, c(new Array(e.size).fill(null), (_, l) => (t(), n(f, {
+          key: l,
+          active: !!e.active
+        }, null, 8, ["active"]))), 128))
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  g as default
+};

package/es/src/skeleton/components/list/item.vue.d.ts

@@ -0,0 +1,6 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    active: boolean;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/src/skeleton/components/list/item.vue.mjs

@@ -0,0 +1,4 @@
+import f from "./item.vue2.mjs";
+export {
+  f as default
+};

package/es/src/skeleton/components/list/item.vue2.mjs

@@ -0,0 +1,57 @@
+import { defineComponent as o, createElementBlock as l, openBlock as r, Fragment as s, createVNode as e, unref as t, withCtx as p, createElementVNode as i } from "vue";
+import { Card as c, Skeleton as n } from "@aplus-frontend/antdv";
+import { ApSkeletonLine as d } from "../line/index.mjs";
+const m = { style: {
+  width: "100%",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between"
+} }, u = { style: {
+  maxWidth: "100%",
+  flex: 1
+} }, x = /* @__PURE__ */ o({
+  name: "ApSkeletonListItem",
+  __name: "item",
+  props: {
+    active: { type: Boolean }
+  },
+  setup(f) {
+    return (a, y) => (r(), l(s, null, [
+      e(t(c), {
+        variant: "borderless",
+        style: { borderRadius: 0 },
+        "body-style": { padding: "24px" }
+      }, {
+        default: p(() => [
+          i("div", m, [
+            i("div", u, [
+              e(t(n), {
+                active: a.active,
+                title: {
+                  width: "100px",
+                  style: { marginBlockStart: 0 }
+                },
+                paragraph: {
+                  rows: 1,
+                  style: {
+                    margin: 0
+                  }
+                }
+              }, null, 8, ["active"])
+            ]),
+            e(t(n).Button, {
+              active: a.active,
+              size: "small",
+              style: { width: "165px", marginBlockStart: "12px" }
+            }, null, 8, ["active"])
+          ])
+        ]),
+        _: 1
+      }),
+      e(t(d))
+    ], 64));
+  }
+});
+export {
+  x as default
+};

package/es/src/skeleton/components/page-header/index.vue.d.ts

@@ -0,0 +1,6 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    active?: boolean;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/src/skeleton/components/page-header/index.vue.mjs

@@ -0,0 +1,4 @@
+import f from "./index.vue2.mjs";
+export {
+  f as default
+};

package/es/src/skeleton/components/page-header/index.vue2.mjs

@@ -0,0 +1,24 @@
+import { defineComponent as n, createElementBlock as r, openBlock as p, createVNode as e, unref as t } from "vue";
+import { Skeleton as o } from "@aplus-frontend/antdv";
+const i = { style: { "margin-block-end": "16px" } }, d = /* @__PURE__ */ n({
+  name: "ApSkeletonPageHeader",
+  __name: "index",
+  props: {
+    active: { type: Boolean }
+  },
+  setup(l) {
+    return (a, c) => (p(), r("div", i, [
+      e(t(o), {
+        paragraph: !1,
+        title: { width: "185px" }
+      }),
+      e(t(o).Button, {
+        active: a.active,
+        size: "small"
+      }, null, 8, ["active"])
+    ]));
+  }
+});
+export {
+  d as default
+};

package/es/src/skeleton/components/search-form/index.vue.d.ts

@@ -0,0 +1,6 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    active?: boolean;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/src/skeleton/components/search-form/index.vue.mjs

@@ -0,0 +1,4 @@
+import f from "./index.vue2.mjs";
+export {
+  f as default
+};

package/es/src/skeleton/components/search-form/index.vue2.mjs

@@ -0,0 +1,99 @@
+import { defineComponent as v, computed as i, unref as e, createBlock as y, openBlock as o, withCtx as r, createVNode as a, createElementBlock as p, Fragment as x, renderList as B, normalizeStyle as _, createElementVNode as k } from "vue";
+import { Card as w, Flex as n, Skeleton as l } from "@aplus-frontend/antdv";
+import C from "@aplus-frontend/antdv/es/_util/hooks/useBreakpoint";
+const E = { style: {
+  width: "20%"
+} }, N = /* @__PURE__ */ v({
+  __name: "index",
+  props: {
+    active: { type: Boolean }
+  },
+  setup(S) {
+    const m = {
+      lg: !0,
+      md: !0,
+      sm: !1,
+      xl: !1,
+      xs: !1,
+      xxl: !1
+    }, u = {
+      xs: 2,
+      sm: 2,
+      md: 4,
+      lg: 4,
+      xl: 5,
+      xxl: 5
+    }, d = C(), f = i(() => d.value || m), g = i(() => {
+      const t = e(f);
+      return Object.keys(t).filter((c) => t[c] === !0).pop() || "md";
+    }), s = i(
+      () => u[g.value] || 4
+    );
+    return (t, c) => (o(), y(e(w), {
+      variant: "borderless",
+      style: { marginBlockEnd: "16px" }
+    }, {
+      default: r(() => [
+        a(e(n), {
+          gap: 8,
+          style: { marginBlockEnd: "16px" }
+        }, {
+          default: r(() => [
+            (o(!0), p(x, null, B(new Array(s.value).fill(null), (b, h) => (o(), p("div", {
+              key: h,
+              style: _({ width: `${100 / s.value}%` })
+            }, [
+              a(e(l), {
+                active: t.active,
+                paragraph: !1,
+                title: { style: { height: "24px", marginBottom: 0 } }
+              }, null, 8, ["active"])
+            ], 4))), 128))
+          ]),
+          _: 1
+        }),
+        a(e(n), {
+          gap: 8,
+          justify: "space-between"
+        }, {
+          default: r(() => [
+            a(e(n), { gap: 8 }, {
+              default: r(() => [
+                a(e(l), {
+                  active: t.active,
+                  paragraph: !1,
+                  title: { style: { height: "24px", marginBottom: 0 }, width: 48 }
+                }, null, 8, ["active"]),
+                a(e(l), {
+                  active: t.active,
+                  paragraph: !1,
+                  title: { style: { height: "24px", marginBottom: 0 }, width: 48 }
+                }, null, 8, ["active"]),
+                a(e(l), {
+                  active: t.active,
+                  paragraph: !1,
+                  title: { style: { height: "24px", marginBottom: 0 }, width: 48 }
+                }, null, 8, ["active"])
+              ]),
+              _: 1
+            }),
+            k("div", E, [
+              a(e(l), {
+                active: t.active,
+                paragraph: !1,
+                title: {
+                  style: { height: "24px", marginBottom: 0 }
+                }
+              }, null, 8, ["active"])
+            ])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  N as default
+};

package/es/src/skeleton/components/table/index.vue.d.ts

@@ -0,0 +1,11 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    active: boolean;
+    size?: number;
+    actions?: boolean;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number;
+    actions: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/src/skeleton/components/table/index.vue.mjs

@@ -0,0 +1,4 @@
+import f from "./index.vue2.mjs";
+export {
+  f as default
+};

package/es/src/skeleton/components/table/index.vue2.mjs

@@ -0,0 +1,78 @@
+import { defineComponent as d, createBlock as n, openBlock as l, unref as t, withCtx as r, createCommentVNode as p, createVNode as a, createElementBlock as m, createElementVNode as o, Fragment as u, renderList as v } from "vue";
+import { Card as f, Flex as y, Skeleton as i } from "@aplus-frontend/antdv";
+import "./item.vue.mjs";
+import c from "./item.vue2.mjs";
+const h = { style: {
+  display: "flex",
+  justifyContent: "flex-end",
+  paddingBlockStart: "16px"
+} }, z = /* @__PURE__ */ d({
+  name: "ApSkeletonTable",
+  __name: "index",
+  props: {
+    active: { type: Boolean },
+    size: { default: 4 },
+    actions: { type: Boolean, default: void 0 }
+  },
+  setup(B) {
+    return (e, k) => (l(), n(t(f), { variant: "borderless" }, {
+      default: r(() => [
+        e.actions !== !1 ? (l(), n(t(y), {
+          key: 0,
+          justify: "space-between"
+        }, {
+          default: r(() => [
+            o("div", null, [
+              a(t(i).Button, {
+                active: e.active,
+                size: "small",
+                style: {
+                  width: "100px",
+                  marginBlockEnd: "16px",
+                  marginInlineEnd: "16px"
+                }
+              }, null, 8, ["active"]),
+              a(t(i).Button, {
+                active: e.active,
+                size: "small",
+                style: { width: "100px", marginBlockEnd: "16px" }
+              }, null, 8, ["active"])
+            ]),
+            a(t(i).Button, {
+              active: e.active,
+              size: "small",
+              style: { width: "22px", marginBlockEnd: "16px" }
+            }, null, 8, ["active"])
+          ]),
+          _: 1
+        })) : p("", !0),
+        a(c, {
+          header: "",
+          active: e.active
+        }, null, 8, ["active"]),
+        (l(!0), m(u, null, v(new Array(e.size).fill(null), (g, s) => (l(), n(c, {
+          key: s,
+          active: e.active
+        }, null, 8, ["active"]))), 128)),
+        o("div", h, [
+          a(t(i), {
+            active: e.active,
+            paragraph: !1,
+            title: {
+              style: {
+                margin: 0,
+                height: "24px",
+                float: "right",
+                maxWidth: "630px"
+              }
+            }
+          }, null, 8, ["active"])
+        ])
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  z as default
+};

package/es/src/skeleton/components/table/item.vue.d.ts

@@ -0,0 +1,9 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    active: boolean;
+    header?: boolean;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    header: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/src/skeleton/components/table/item.vue.mjs

@@ -0,0 +1,4 @@
+import f from "./item.vue2.mjs";
+export {
+  f as default
+};