@aplus-frontend/ui 6.42.1 → 7.0.0-beta.1

package/es/src/business/ap-select-layout/select-layout.vue2.mjs

@@ -1,11 +1,12 @@
-import { defineComponent as D, ref as r, computed as I, onMounted as M, createElementBlock as p, openBlock as f, normalizeClass as a, unref as e, createVNode as d, createElementVNode as o, Transition as O, withCtx as c, withDirectives as V, toDisplayString as g, createTextVNode as A, Fragment as W, renderList as z, renderSlot as E, vShow as $, createCommentVNode as R } from "vue";
+import { defineComponent as D, ref as r, computed as M, onMounted as O, createElementBlock as p, openBlock as f, normalizeClass as o, unref as e, createVNode as u, createElementVNode as a, Transition as W, withCtx as c, withDirectives as V, toDisplayString as g, createTextVNode as A, Fragment as z, renderList as R, renderSlot as E, vShow as $, createCommentVNode as j } from "vue";
 import "../../ap-field/index.mjs";
-import { IconApLeftarrow as j, IconApMenu as G } from "@aplus-frontend/icon";
+import { IconApLeftarrow as G, IconApMenu as H } from "@aplus-frontend/icon";
 import "../../config-provider/index.mjs";
-import { Tooltip as x, TypographyText as H } from "@aplus-frontend/antdv";
-import { useNamespace as J } from "../../config-provider/hooks/use-namespace.mjs";
-import { ApFieldText as K } from "../../ap-field/text/index.mjs";
-const P = ["onClick"], ne = /* @__PURE__ */ D({
+import { Tooltip as x, TypographyText as J } from "@aplus-frontend/antdv";
+import K from "./style/index.mjs";
+import { useNamespace as P } from "../../config-provider/hooks/use-namespace.mjs";
+import { ApFieldText as Q } from "../../ap-field/text/index.mjs";
+const X = ["onClick"], se = /* @__PURE__ */ D({
   __name: "select-layout",
   props: {
     title: {},
@@ -16,43 +17,43 @@ const P = ["onClick"], ne = /* @__PURE__ */ D({
   },
   emits: ["onSelect", "afterEnter", "afterLeave"],
   setup(N, { emit: w }) {
-    const { b: m, be: h, bem: u } = J("ap-select-layout"), s = N, y = w, C = r(), v = r(s.defaultFold), S = r(!s.defaultFold), k = r(), T = r(), b = r(), i = r(s.defaultValue), F = () => {
+    const { b: m, be: h, bem: d } = P("ap-select-layout"), B = K("ap-select-layout"), s = N, y = w, S = r(), v = r(s.defaultFold), C = r(!s.defaultFold), k = r(), T = r(), b = r(), i = r(s.defaultValue), F = () => {
       v.value = !v.value, k.value = !1, T.value = !1;
     }, L = (t) => {
       b.value = t, y("onSelect", t);
-    }, B = I(() => C.value?.filter((t) => s?.onSearch ? s.onSearch?.(t, i.value) : t?.name?.includes(i.value))), U = (t) => {
-      S.value = !0, y("afterEnter", t);
+    }, I = M(() => S.value?.filter((t) => s?.onSearch ? s.onSearch?.(t, i.value) : t?.name?.includes(i.value))), U = (t) => {
+      C.value = !0, y("afterEnter", t);
     }, q = (t) => {
-      S.value = !1, y("afterLeave", t);
+      C.value = !1, y("afterLeave", t);
     };
-    return M(() => {
+    return O(() => {
       s.request().then((t) => {
-        C.value = t;
-        let n = C.value?.filter(
+        S.value = t;
+        let n = S.value?.filter(
           (l) => l.name.includes(i.value)
         );
         L(n?.[0]);
       });
     }), (t, n) => (f(), p("div", {
-      class: a(e(m)())
+      class: o([e(m)(), e(B)])
     }, [
-      d(O, {
+      u(W, {
         mode: "out-in",
         onAfterEnter: U,
         onAfterLeave: q
       }, {
         default: c(() => [
-          V(o("div", {
-            class: a(e(m)("side"))
+          V(a("div", {
+            class: o(e(m)("side"))
           }, [
-            o("div", {
-              class: a(e(h)("side", "header"))
+            a("div", {
+              class: o(e(h)("side", "header"))
             }, [
-              o("h3", null, g(s.title), 1),
-              o("div", {
-                class: a(e(u)("side", "header", "imgWrap"))
+              a("h3", null, g(s.title), 1),
+              a("div", {
+                class: o(e(d)("side", "header", "imgWrap"))
               }, [
-                d(e(x), {
+                u(e(x), {
                   open: k.value,
                   "onUpdate:open": n[0] || (n[0] = (l) => k.value = l)
                 }, {
@@ -60,40 +61,40 @@ const P = ["onClick"], ne = /* @__PURE__ */ D({
                     A("收起")
                   ])),
                   default: c(() => [
-                    d(e(j), { onClick: F })
+                    u(e(G), { onClick: F })
                   ]),
                   _: 1
                 }, 8, ["open"])
               ], 2)
             ], 2),
-            o("div", {
-              class: a(e(h)("side", "body"))
+            a("div", {
+              class: o(e(h)("side", "body"))
             }, [
-              o("div", {
-                class: a(e(u)("side", "body", "search"))
+              a("div", {
+                class: o(e(d)("side", "body", "search"))
               }, [
-                d(e(K), {
+                u(e(Q), {
                   value: i.value,
                   "onUpdate:value": n[1] || (n[1] = (l) => i.value = l),
                   placeholder: "请输入"
                 }, null, 8, ["value"])
               ], 2),
-              o("div", {
-                class: a(e(u)("side", "body", "scroll"))
+              a("div", {
+                class: o(e(d)("side", "body", "scroll"))
               }, [
-                (f(!0), p(W, null, z(B.value, (l) => V((f(), p("div", {
+                (f(!0), p(z, null, R(I.value, (l) => V((f(), p("div", {
                   key: l.value,
-                  class: a(`${e(u)("side", "body", "scroll-item")} ${b.value === l ? "active" : ""}`),
-                  onClick: (Q) => L(l)
+                  class: o(`${e(d)("side", "body", "scroll-item")} ${b.value === l ? "active" : ""}`),
+                  onClick: (Y) => L(l)
                 }, [
                   E(t.$slots, "itemRender", { item: l }, () => [
-                    d(e(H), {
+                    u(e(J), {
                       ellipsis: { tooltip: l.name },
                       content: `${l.name}`
                     }, null, 8, ["ellipsis", "content"])
                   ])
-                ], 10, P)), [
-                  [$, S.value]
+                ], 10, X)), [
+                  [$, C.value]
                 ])), 128))
               ], 2)
             ], 2)
@@ -103,17 +104,17 @@ const P = ["onClick"], ne = /* @__PURE__ */ D({
         ]),
         _: 3
       }),
-      o("div", {
-        class: a(e(m)("content"))
+      a("div", {
+        class: o(e(m)("content"))
       }, [
-        o("div", {
-          class: a(e(h)("content", "header"))
+        a("div", {
+          class: o(e(h)("content", "header"))
         }, [
           v.value ? (f(), p("div", {
             key: 0,
-            class: a(e(u)("content", "header", "imgWrap"))
+            class: o(e(d)("content", "header", "imgWrap"))
           }, [
-            d(e(x), {
+            u(e(x), {
               open: T.value,
               "onUpdate:open": n[2] || (n[2] = (l) => T.value = l)
             }, {
@@ -121,13 +122,13 @@ const P = ["onClick"], ne = /* @__PURE__ */ D({
                 A("展开")
               ])),
               default: c(() => [
-                d(e(G), { onClick: F })
+                u(e(H), { onClick: F })
               ]),
               _: 1
             }, 8, ["open"])
-          ], 2)) : R("", !0),
-          o("div", {
-            class: a(e(u)("content", "header", "title"))
+          ], 2)) : j("", !0),
+          a("div", {
+            class: o(e(d)("content", "header", "title"))
           }, g(b.value?.name), 3)
         ], 2),
         E(t.$slots, "default")
@@ -136,5 +137,5 @@ const P = ["onClick"], ne = /* @__PURE__ */ D({
   }
 });
 export {
-  ne as default
+  se as default
 };

package/es/src/business/ap-select-layout/style/index.d.ts

@@ -0,0 +1,3 @@
+import { Ref } from 'vue';
+declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+export default _default;

package/es/src/business/ap-select-layout/style/index.mjs

@@ -0,0 +1,135 @@
+import { genComponentStyleHook as o } from "../../../utils/cssinjs/index.mjs";
+const t = (e) => {
+  const { componentCls: i } = e;
+  return {
+    [i]: {
+      display: "flex",
+      width: "100%",
+      height: "100%",
+      [`${i}-side`]: {
+        display: "flex",
+        flexDirection: "column",
+        width: "214px",
+        minWidth: "214px",
+        maxWidth: "214px",
+        marginInlineEnd: "16px",
+        overflow: "hidden",
+        backgroundColor: "#fff",
+        "&__header": {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          padding: "12px 16px",
+          borderBottom: "1px solid #e9e9e9",
+          overflow: "hidden",
+          whiteSpace: "nowrap",
+          "& > h3": {
+            margin: 0,
+            color: "#333",
+            fontSize: e.fontSize,
+            fontWeight: "bold",
+            lineHeight: e.lineHeightLG
+          },
+          "&--imgWrap": {
+            borderRadius: "2px",
+            cursor: "pointer",
+            fontSize: "20px",
+            color: "#999",
+            display: "flex",
+            height: "20px",
+            "&:hover": {
+              background: "#f5f5f5"
+            },
+            "& > img": {
+              width: "24px",
+              height: "24px"
+            }
+          }
+        },
+        "&__body": {
+          position: "relative",
+          flex: 1,
+          "&--search": {
+            margin: "10px 0",
+            padding: "0 16px"
+          },
+          "&--scroll": {
+            position: "absolute",
+            inset: "52px 0 0",
+            overflowY: "auto",
+            padding: "0 16px"
+          },
+          "&--scroll-item": {
+            marginBottom: "8px",
+            padding: "8px 12px",
+            overflow: "hidden",
+            color: "#333",
+            lineHeight: "22px",
+            width: "calc(214px - 32px)",
+            textOverflow: "ellipsis",
+            textWrap: "nowrap",
+            cursor: "pointer",
+            borderRadius: "4px",
+            "&:hover": {
+              background: "#f5f5f5"
+            },
+            "&.active": {
+              backgroundColor: "#e4faf1",
+              color: "#34b77c",
+              fontWeight: "bold",
+              "& > .ant-typography": {
+                color: "#34b77c"
+              }
+            }
+          }
+        }
+      },
+      ".v-enter-active, .v-leave-active": {
+        transition: "all 0.2s, background 0s"
+      },
+      ".v-enter-from, .v-leave-to": {
+        width: 0,
+        minWidth: 0,
+        maxWidth: 0,
+        marginInlineEnd: 0
+      },
+      [`${i}-content`]: {
+        flex: 1,
+        overflowX: "hidden",
+        display: "flex",
+        flexDirection: "column",
+        "&__header": {
+          display: "flex",
+          alignItems: "center",
+          height: "32px",
+          padding: "16px 16px 0",
+          boxSizing: "content-box",
+          background: "#fff",
+          "&--imgWrap": {
+            marginRight: "10px",
+            borderRadius: "2px",
+            cursor: "pointer",
+            fontSize: "20px",
+            display: "flex",
+            height: "20px",
+            color: "#999",
+            "&:hover": {
+              background: "#f5f5f5"
+            }
+          },
+          "&--title": {
+            margin: 0,
+            fontSize: e.fontSizeLG,
+            fontWeight: "bold",
+            lineHeight: e.lineHeightLG
+          }
+        }
+      }
+    }
+  };
+}, r = o("ApSelectLayout", (e) => [
+  t(e)
+]);
+export {
+  r as default
+};

package/es/src/business/ap-size-input/ApSizeInput.d.ts

@@ -74,11 +74,11 @@ declare const _default: DefineComponent<ExtractPropTypes<{
 }>> & Readonly<{}>, {
     step: number;
     value: (string | number)[];
-    max: number;
-    min: number;
-    editable: boolean;
     placeholder: string[];
+    min: number;
+    max: number;
     precision: number;
+    editable: boolean;
     perfix: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/src/business/ap-size-input/ApSizeInput.mjs

@@ -1,50 +1,51 @@
-import { defineComponent as o, toRaw as x, createVNode as n } from "vue";
-import { ApSizeInputProps as f } from "./constans.mjs";
+import { defineComponent as f, toRaw as x, createVNode as t } from "vue";
+import { ApSizeInputProps as r } from "./constans.mjs";
 import "../../ap-field/number/index.vue2.mjs";
-import { Form as g, Space as r } from "@aplus-frontend/antdv";
+import { Form as g, Space as I } from "@aplus-frontend/antdv";
 import "../../config-provider/index.mjs";
-import { useNamespace as I } from "../../config-provider/hooks/use-namespace.mjs";
+import v from "./style/index.mjs";
+import { useNamespace as z } from "../../config-provider/hooks/use-namespace.mjs";
 import { useLocale as C } from "../../config-provider/hooks/use-locale.mjs";
 import m from "../../ap-field/number/index.vue.mjs";
-const N = /* @__PURE__ */ o({
+const y = /* @__PURE__ */ f({
   name: "ApSizeInput",
-  props: f(),
+  props: r(),
   setup(e, {
     emit: c
   }) {
     const {
-      b: d
-    } = I("ap-size-input"), {
-      t
-    } = C(), u = g.useInjectFormItemContext(), i = (a, h) => {
+      b: u
+    } = z("ap-size-input"), d = v("ap-size-input"), {
+      t: n
+    } = C(), h = g.useInjectFormItemContext(), i = (a, o) => {
       const l = e.value;
-      l[a] = h, c("update:value", l), c("SizeInputChange", x(l)), u.onFieldChange();
+      l[a] = o, c("update:value", l), c("SizeInputChange", x(l)), h.onFieldChange();
     };
-    return () => n(r, {
-      class: [d()]
+    return () => t(I, {
+      class: [u(), d.value]
     }, {
-      default: () => [n(m, {
+      default: () => [t(m, {
         mode: e.editable ? "edit" : "read",
         value: e.value?.[0],
-        placeholder: e.placeholder && e.placeholder.length >= 3 ? e.placeholder[0] : t("ap.apSizeInput.length"),
+        placeholder: e.placeholder && e.placeholder.length >= 3 ? e.placeholder[0] : n("ap.apSizeInput.length"),
         precision: e.precision ? e.precision : 2,
         min: e.min ? e.min : 1,
         max: e.max ? e.max : 999.99,
         onChange: (a) => i(0, a),
         step: e.step ? e.step : 1
-      }, null), e.perfix, n(m, {
+      }, null), e.perfix, t(m, {
         mode: e.editable ? "edit" : "read",
         value: e.value?.[1],
-        placeholder: e.placeholder && e.placeholder.length >= 3 ? e.placeholder[1] : t("ap.apSizeInput.width"),
+        placeholder: e.placeholder && e.placeholder.length >= 3 ? e.placeholder[1] : n("ap.apSizeInput.width"),
         precision: e.precision ? e.precision : 2,
         min: e.min ? e.min : 1,
         max: e.max ? e.max : 999.99,
         onChange: (a) => i(1, a),
         step: e.step ? e.step : 1
-      }, null), e.perfix, n(m, {
+      }, null), e.perfix, t(m, {
         mode: e.editable ? "edit" : "read",
         value: e.value?.[2],
-        placeholder: e.placeholder && e.placeholder.length >= 3 ? e.placeholder[2] : t("ap.apSizeInput.height"),
+        placeholder: e.placeholder && e.placeholder.length >= 3 ? e.placeholder[2] : n("ap.apSizeInput.height"),
         precision: e.precision ? e.precision : 2,
         min: e.min ? e.min : 1,
         max: e.max ? e.max : 999.99,
@@ -55,5 +56,5 @@ const N = /* @__PURE__ */ o({
   }
 });
 export {
-  N as default
+  y as default
 };

package/es/src/business/ap-size-input/index.d.ts

@@ -40,11 +40,11 @@ declare const ApSizeInput: {
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         step: number;
         value: (string | number)[];
-        max: number;
-        min: number;
-        editable: boolean;
         placeholder: string[];
+        min: number;
+        max: number;
         precision: number;
+        editable: boolean;
         perfix: string;
     }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
         P: {};
@@ -92,11 +92,11 @@ declare const ApSizeInput: {
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         step: number;
         value: (string | number)[];
-        max: number;
-        min: number;
-        editable: boolean;
         placeholder: string[];
+        min: number;
+        max: number;
         precision: number;
+        editable: boolean;
         perfix: string;
     }>;
     __isFragment?: never;
@@ -141,11 +141,11 @@ declare const ApSizeInput: {
 }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     step: number;
     value: (string | number)[];
-    max: number;
-    min: number;
-    editable: boolean;
     placeholder: string[];
+    min: number;
+    max: number;
     precision: number;
+    editable: boolean;
     perfix: string;
 }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & ( Plugin & (new (...args: any[]) => {
     $props: {

package/es/src/business/ap-size-input/style/index.d.ts

@@ -0,0 +1,3 @@
+import { Ref } from 'vue';
+declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+export default _default;

package/es/src/business/ap-size-input/style/index.mjs

@@ -0,0 +1,12 @@
+import { genComponentStyleHook as t } from "../../../utils/cssinjs/index.mjs";
+const n = (e) => ({
+  [e.componentCls]: {
+    display: "flex",
+    alignItems: "center"
+  }
+}), p = t("ApSizeInput", (e) => [
+  n(e)
+]);
+export {
+  p as default
+};

package/es/src/business/ap-status/ApStatus.vue2.mjs

@@ -1,7 +1,8 @@
-import { defineComponent as u, computed as a, createElementBlock as d, createCommentVNode as i, openBlock as m, normalizeStyle as r, normalizeClass as s, unref as t, createTextVNode as f, createElementVNode as y, toDisplayString as g } from "vue";
+import { defineComponent as d, computed as a, createElementBlock as m, createCommentVNode as i, openBlock as f, normalizeStyle as s, normalizeClass as r, unref as e, createTextVNode as y, createElementVNode as g, toDisplayString as S } from "vue";
 import "../../config-provider/index.mjs";
-import { useNamespace as x } from "../../config-provider/hooks/use-namespace.mjs";
-const C = /* @__PURE__ */ u({
+import x from "./style/index.mjs";
+import { useNamespace as h } from "../../config-provider/hooks/use-namespace.mjs";
+const B = /* @__PURE__ */ d({
   name: "ApStatus",
   __name: "ApStatus",
   props: {
@@ -12,27 +13,27 @@ const C = /* @__PURE__ */ u({
     style: {}
   },
   setup(l) {
-    const e = l, n = a(() => ({
-      "padding-left": e.padding + "px",
-      "padding-right": e.padding + "px",
-      color: e.color,
-      ...e.style
+    const t = l, n = a(() => ({
+      "padding-left": t.padding + "px",
+      "padding-right": t.padding + "px",
+      color: t.color,
+      ...t.style
     })), p = a(() => ({
-      "background-color": e.color
-    })), { b: c, e: o } = x("ap-status");
-    return (S, _) => e.show ? (m(), d("div", {
+      "background-color": t.color
+    })), { b: c, e: o } = h("ap-status"), u = x("ap-status");
+    return (_, k) => t.show ? (f(), m("div", {
       key: 0,
-      class: s([t(c)()]),
-      style: r(n.value)
+      class: r([e(c)(), e(u)]),
+      style: s(n.value)
     }, [
-      f(g(e.text) + " ", 1),
-      y("div", {
-        class: s([t(o)("bg"), t(o)("primary")]),
-        style: r(p.value)
+      y(S(t.text) + " ", 1),
+      g("div", {
+        class: r([e(o)("bg"), e(o)("primary")]),
+        style: s(p.value)
       }, null, 6)
     ], 6)) : i("", !0);
   }
 });
 export {
-  C as default
+  B as default
 };

package/es/src/business/ap-status/style/index.d.ts

@@ -0,0 +1,3 @@
+import { Ref } from 'vue';
+declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+export default _default;

package/es/src/business/ap-status/style/index.mjs

@@ -0,0 +1,37 @@
+import { genComponentStyleHook as s } from "../../../utils/cssinjs/index.mjs";
+const n = (t) => {
+  const { componentCls: o } = t;
+  return [
+    `
+    @font-face {
+      font-family: aplusstatusfont;
+      src: url('https://front-ljh.oss-cn-hangzhou.aliyuncs.com/fonts/PlayfairDisplay-SemiBold.ttf');
+      src: url('https://front-ljh.oss-cn-hangzhou.aliyuncs.com/fonts/SourceHanSerifCN-Heavy.woff2');
+    }
+  `,
+    {
+      [o]: {
+        fontSize: t.fontSizeXL,
+        lineHeight: "2",
+        display: "inline-block",
+        position: "relative",
+        fontFamily: "aplusstatusfont",
+        [`${o}__bg`]: {
+          maskImage: "url('https://front-ljh.oss-cn-hangzhou.aliyuncs.com/aplus-ui/svg/ap-status-bg.svg')",
+          maskRepeat: "no-repeat",
+          maskSize: "100% 100%",
+          position: "absolute",
+          left: 0,
+          top: 0,
+          right: 0,
+          bottom: 0
+        }
+      }
+    }
+  ];
+}, l = s("ApStatus", (t) => [
+  n(t)
+]);
+export {
+  l as default
+};