@witlink/usercenter 1.0.0

package/dist/Card.71482621.mjs

@@ -0,0 +1,1078 @@
+import { j as ce, m as ue, d as o, r as Ie, ay as G, aw as ge, e as y, K as ze, i as Y, p as z, f as x, q as pe, aJ as E, X as Ae, aK as $e, a4 as Pe, a1 as Re, P as L, aL as Me, aM as Ee } from "./index.003313e6.mjs";
+import { defineComponent as C, createVNode as r, computed as O, isVNode as se } from "vue";
+const Le = (e) => {
+  const {
+    antCls: t,
+    componentCls: n,
+    cardHeadHeight: a,
+    cardPaddingBase: i,
+    cardHeadTabsMarginBottom: s
+  } = e;
+  return o(o({
+    display: "flex",
+    justifyContent: "center",
+    flexDirection: "column",
+    minHeight: a,
+    marginBottom: -1,
+    padding: `0 ${i}px`,
+    color: e.colorTextHeading,
+    fontWeight: e.fontWeightStrong,
+    fontSize: e.fontSizeLG,
+    background: "transparent",
+    borderBottom: `${e.lineWidth}px ${e.lineType} ${e.colorBorderSecondary}`,
+    borderRadius: `${e.borderRadiusLG}px ${e.borderRadiusLG}px 0 0`
+  }, G()), {
+    "&-wrapper": {
+      width: "100%",
+      display: "flex",
+      alignItems: "center"
+    },
+    "&-title": o(o({
+      display: "inline-block",
+      flex: 1
+    }, ge), {
+      [`
+          > ${n}-typography,
+          > ${n}-typography-edit-content
+        `]: {
+        insetInlineStart: 0,
+        marginTop: 0,
+        marginBottom: 0
+      }
+    }),
+    [`${t}-tabs-top`]: {
+      clear: "both",
+      marginBottom: s,
+      color: e.colorText,
+      fontWeight: "normal",
+      fontSize: e.fontSize,
+      "&-bar": {
+        borderBottom: `${e.lineWidth}px ${e.lineType} ${e.colorBorderSecondary}`
+      }
+    }
+  });
+}, ke = (e) => {
+  const {
+    cardPaddingBase: t,
+    colorBorderSecondary: n,
+    cardShadow: a,
+    lineWidth: i
+  } = e;
+  return {
+    width: "33.33%",
+    padding: t,
+    border: 0,
+    borderRadius: 0,
+    boxShadow: `
+      ${i}px 0 0 0 ${n},
+      0 ${i}px 0 0 ${n},
+      ${i}px ${i}px 0 0 ${n},
+      ${i}px 0 0 0 ${n} inset,
+      0 ${i}px 0 0 ${n} inset;
+    `,
+    transition: `all ${e.motionDurationMid}`,
+    "&-hoverable:hover": {
+      position: "relative",
+      zIndex: 1,
+      boxShadow: a
+    }
+  };
+}, We = (e) => {
+  const {
+    componentCls: t,
+    iconCls: n,
+    cardActionsLiMargin: a,
+    cardActionsIconSize: i,
+    colorBorderSecondary: s
+  } = e;
+  return o(o({
+    margin: 0,
+    padding: 0,
+    listStyle: "none",
+    background: e.colorBgContainer,
+    borderTop: `${e.lineWidth}px ${e.lineType} ${s}`,
+    display: "flex",
+    borderRadius: `0 0 ${e.borderRadiusLG}px ${e.borderRadiusLG}px `
+  }, G()), {
+    "& > li": {
+      margin: a,
+      color: e.colorTextDescription,
+      textAlign: "center",
+      "> span": {
+        position: "relative",
+        display: "block",
+        minWidth: e.cardActionsIconSize * 2,
+        fontSize: e.fontSize,
+        lineHeight: e.lineHeight,
+        cursor: "pointer",
+        "&:hover": {
+          color: e.colorPrimary,
+          transition: `color ${e.motionDurationMid}`
+        },
+        [`a:not(${t}-btn), > ${n}`]: {
+          display: "inline-block",
+          width: "100%",
+          color: e.colorTextDescription,
+          lineHeight: `${e.fontSize * e.lineHeight}px`,
+          transition: `color ${e.motionDurationMid}`,
+          "&:hover": {
+            color: e.colorPrimary
+          }
+        },
+        [`> ${n}`]: {
+          fontSize: i,
+          lineHeight: `${i * e.lineHeight}px`
+        }
+      },
+      "&:not(:last-child)": {
+        borderInlineEnd: `${e.lineWidth}px ${e.lineType} ${s}`
+      }
+    }
+  });
+}, De = (e) => o(o({
+  margin: `-${e.marginXXS}px 0`,
+  display: "flex"
+}, G()), {
+  "&-avatar": {
+    paddingInlineEnd: e.padding
+  },
+  "&-detail": {
+    overflow: "hidden",
+    flex: 1,
+    "> div:not(:last-child)": {
+      marginBottom: e.marginXS
+    }
+  },
+  "&-title": o({
+    color: e.colorTextHeading,
+    fontWeight: e.fontWeightStrong,
+    fontSize: e.fontSizeLG
+  }, ge),
+  "&-description": {
+    color: e.colorTextDescription
+  }
+}), Ge = (e) => {
+  const {
+    componentCls: t,
+    cardPaddingBase: n,
+    colorFillAlter: a
+  } = e;
+  return {
+    [`${t}-head`]: {
+      padding: `0 ${n}px`,
+      background: a,
+      "&-title": {
+        fontSize: e.fontSize
+      }
+    },
+    [`${t}-body`]: {
+      padding: `${e.padding}px ${n}px`
+    }
+  };
+}, Oe = (e) => {
+  const {
+    componentCls: t
+  } = e;
+  return {
+    overflow: "hidden",
+    [`${t}-body`]: {
+      userSelect: "none"
+    }
+  };
+}, _e = (e) => {
+  const {
+    componentCls: t,
+    cardShadow: n,
+    cardHeadPadding: a,
+    colorBorderSecondary: i,
+    boxShadow: s,
+    cardPaddingBase: d
+  } = e;
+  return {
+    [t]: o(o({}, Ie(e)), {
+      position: "relative",
+      background: e.colorBgContainer,
+      borderRadius: e.borderRadiusLG,
+      [`&:not(${t}-bordered)`]: {
+        boxShadow: s
+      },
+      [`${t}-head`]: Le(e),
+      [`${t}-extra`]: {
+        marginInlineStart: "auto",
+        color: "",
+        fontWeight: "normal",
+        fontSize: e.fontSize
+      },
+      [`${t}-body`]: o({
+        padding: d,
+        borderRadius: ` 0 0 ${e.borderRadiusLG}px ${e.borderRadiusLG}px`
+      }, G()),
+      [`${t}-grid`]: ke(e),
+      [`${t}-cover`]: {
+        "> *": {
+          display: "block",
+          width: "100%"
+        },
+        img: {
+          borderRadius: `${e.borderRadiusLG}px ${e.borderRadiusLG}px 0 0`
+        }
+      },
+      [`${t}-actions`]: We(e),
+      [`${t}-meta`]: De(e)
+    }),
+    [`${t}-bordered`]: {
+      border: `${e.lineWidth}px ${e.lineType} ${i}`,
+      [`${t}-cover`]: {
+        marginTop: -1,
+        marginInlineStart: -1,
+        marginInlineEnd: -1
+      }
+    },
+    [`${t}-hoverable`]: {
+      cursor: "pointer",
+      transition: `box-shadow ${e.motionDurationMid}, border-color ${e.motionDurationMid}`,
+      "&:hover": {
+        borderColor: "transparent",
+        boxShadow: n
+      }
+    },
+    [`${t}-contain-grid`]: {
+      [`${t}-body`]: {
+        display: "flex",
+        flexWrap: "wrap"
+      },
+      [`&:not(${t}-loading) ${t}-body`]: {
+        marginBlockStart: -e.lineWidth,
+        marginInlineStart: -e.lineWidth,
+        padding: 0
+      }
+    },
+    [`${t}-contain-tabs`]: {
+      [`> ${t}-head`]: {
+        [`${t}-head-title, ${t}-extra`]: {
+          paddingTop: a
+        }
+      }
+    },
+    [`${t}-type-inner`]: Ge(e),
+    [`${t}-loading`]: Oe(e),
+    [`${t}-rtl`]: {
+      direction: "rtl"
+    }
+  };
+}, je = (e) => {
+  const {
+    componentCls: t,
+    cardPaddingSM: n,
+    cardHeadHeightSM: a
+  } = e;
+  return {
+    [`${t}-small`]: {
+      [`> ${t}-head`]: {
+        minHeight: a,
+        padding: `0 ${n}px`,
+        fontSize: e.fontSize,
+        [`> ${t}-head-wrapper`]: {
+          [`> ${t}-extra`]: {
+            fontSize: e.fontSize
+          }
+        }
+      },
+      [`> ${t}-body`]: {
+        padding: n
+      }
+    },
+    [`${t}-small${t}-contain-tabs`]: {
+      [`> ${t}-head`]: {
+        [`${t}-head-title, ${t}-extra`]: {
+          minHeight: a,
+          paddingTop: 0,
+          display: "flex",
+          alignItems: "center"
+        }
+      }
+    }
+  };
+}, qe = ce("Card", (e) => {
+  const t = ue(e, {
+    cardShadow: e.boxShadowCard,
+    cardHeadHeight: e.fontSizeLG * e.lineHeightLG + e.padding * 2,
+    cardHeadHeightSM: e.fontSize * e.lineHeight + e.paddingXS * 2,
+    cardHeadPadding: e.padding,
+    cardPaddingBase: e.paddingLG,
+    cardHeadTabsMarginBottom: -e.padding - e.lineWidth,
+    cardActionsLiMargin: `${e.paddingSM}px 0`,
+    cardActionsIconSize: e.fontSize,
+    cardPaddingSM: 12
+  });
+  return [
+    _e(t),
+    je(t)
+  ];
+}), Ne = () => ({
+  prefixCls: String,
+  width: {
+    type: [Number, String]
+  }
+}), Ke = C({
+  compatConfig: {
+    MODE: 3
+  },
+  name: "SkeletonTitle",
+  props: Ne(),
+  setup(e) {
+    return () => {
+      const {
+        prefixCls: t,
+        width: n
+      } = e, a = typeof n == "number" ? `${n}px` : n;
+      return r("h3", {
+        class: t,
+        style: {
+          width: a
+        }
+      }, null);
+    };
+  }
+}), Z = Ke, Xe = () => ({
+  prefixCls: String,
+  width: {
+    type: [Number, String, Array]
+  },
+  rows: Number
+}), Fe = C({
+  compatConfig: {
+    MODE: 3
+  },
+  name: "SkeletonParagraph",
+  props: Xe(),
+  setup(e) {
+    const t = (n) => {
+      const {
+        width: a,
+        rows: i = 2
+      } = e;
+      if (Array.isArray(a))
+        return a[n];
+      if (i - 1 === n)
+        return a;
+    };
+    return () => {
+      const {
+        prefixCls: n,
+        rows: a
+      } = e, i = [...Array(a)].map((s, d) => {
+        const h = t(d);
+        return r("li", {
+          key: d,
+          style: {
+            width: typeof h == "number" ? `${h}px` : h
+          }
+        }, null);
+      });
+      return r("ul", {
+        class: n
+      }, [i]);
+    };
+  }
+}), Ve = Fe, _ = () => ({
+  prefixCls: String,
+  size: [String, Number],
+  shape: String,
+  active: {
+    type: Boolean,
+    default: void 0
+  }
+}), he = (e) => {
+  const {
+    prefixCls: t,
+    size: n,
+    shape: a
+  } = e, i = y({
+    [`${t}-lg`]: n === "large",
+    [`${t}-sm`]: n === "small"
+  }), s = y({
+    [`${t}-circle`]: a === "circle",
+    [`${t}-square`]: a === "square",
+    [`${t}-round`]: a === "round"
+  }), d = typeof n == "number" ? {
+    width: `${n}px`,
+    height: `${n}px`,
+    lineHeight: `${n}px`
+  } : {};
+  return r("span", {
+    class: y(t, i, s),
+    style: d
+  }, null);
+};
+he.displayName = "SkeletonElement";
+const j = he, Je = new ze("ant-skeleton-loading", {
+  "0%": {
+    transform: "translateX(-37.5%)"
+  },
+  "100%": {
+    transform: "translateX(37.5%)"
+  }
+}), q = (e) => ({
+  height: e,
+  lineHeight: `${e}px`
+}), I = (e) => o({
+  width: e
+}, q(e)), Ue = (e) => ({
+  position: "relative",
+  zIndex: 0,
+  overflow: "hidden",
+  background: "transparent",
+  "&::after": {
+    position: "absolute",
+    top: 0,
+    insetInlineEnd: "-150%",
+    bottom: 0,
+    insetInlineStart: "-150%",
+    background: e.skeletonLoadingBackground,
+    animationName: Je,
+    animationDuration: e.skeletonLoadingMotionDuration,
+    animationTimingFunction: "ease",
+    animationIterationCount: "infinite",
+    content: '""'
+  }
+}), V = (e) => o({
+  width: e * 5,
+  minWidth: e * 5
+}, q(e)), Qe = (e) => {
+  const {
+    skeletonAvatarCls: t,
+    color: n,
+    controlHeight: a,
+    controlHeightLG: i,
+    controlHeightSM: s
+  } = e;
+  return {
+    [`${t}`]: o({
+      display: "inline-block",
+      verticalAlign: "top",
+      background: n
+    }, I(a)),
+    [`${t}${t}-circle`]: {
+      borderRadius: "50%"
+    },
+    [`${t}${t}-lg`]: o({}, I(i)),
+    [`${t}${t}-sm`]: o({}, I(s))
+  };
+}, Ye = (e) => {
+  const {
+    controlHeight: t,
+    borderRadiusSM: n,
+    skeletonInputCls: a,
+    controlHeightLG: i,
+    controlHeightSM: s,
+    color: d
+  } = e;
+  return {
+    [`${a}`]: o({
+      display: "inline-block",
+      verticalAlign: "top",
+      background: d,
+      borderRadius: n
+    }, V(t)),
+    [`${a}-lg`]: o({}, V(i)),
+    [`${a}-sm`]: o({}, V(s))
+  };
+}, de = (e) => o({
+  width: e
+}, q(e)), Ze = (e) => {
+  const {
+    skeletonImageCls: t,
+    imageSizeBase: n,
+    color: a,
+    borderRadiusSM: i
+  } = e;
+  return {
+    [`${t}`]: o(o({
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      verticalAlign: "top",
+      background: a,
+      borderRadius: i
+    }, de(n * 2)), {
+      [`${t}-path`]: {
+        fill: "#bfbfbf"
+      },
+      [`${t}-svg`]: o(o({}, de(n)), {
+        maxWidth: n * 4,
+        maxHeight: n * 4
+      }),
+      [`${t}-svg${t}-svg-circle`]: {
+        borderRadius: "50%"
+      }
+    }),
+    [`${t}${t}-circle`]: {
+      borderRadius: "50%"
+    }
+  };
+}, J = (e, t, n) => {
+  const {
+    skeletonButtonCls: a
+  } = e;
+  return {
+    [`${n}${a}-circle`]: {
+      width: t,
+      minWidth: t,
+      borderRadius: "50%"
+    },
+    [`${n}${a}-round`]: {
+      borderRadius: t
+    }
+  };
+}, U = (e) => o({
+  width: e * 2,
+  minWidth: e * 2
+}, q(e)), et = (e) => {
+  const {
+    borderRadiusSM: t,
+    skeletonButtonCls: n,
+    controlHeight: a,
+    controlHeightLG: i,
+    controlHeightSM: s,
+    color: d
+  } = e;
+  return o(o(o(o(o({
+    [`${n}`]: o({
+      display: "inline-block",
+      verticalAlign: "top",
+      background: d,
+      borderRadius: t,
+      width: a * 2,
+      minWidth: a * 2
+    }, U(a))
+  }, J(e, a, n)), {
+    [`${n}-lg`]: o({}, U(i))
+  }), J(e, i, `${n}-lg`)), {
+    [`${n}-sm`]: o({}, U(s))
+  }), J(e, s, `${n}-sm`));
+}, tt = (e) => {
+  const {
+    componentCls: t,
+    skeletonAvatarCls: n,
+    skeletonTitleCls: a,
+    skeletonParagraphCls: i,
+    skeletonButtonCls: s,
+    skeletonInputCls: d,
+    skeletonImageCls: h,
+    controlHeight: A,
+    controlHeightLG: w,
+    controlHeightSM: v,
+    color: b,
+    padding: g,
+    marginSM: u,
+    borderRadius: l,
+    skeletonTitleHeight: $,
+    skeletonBlockRadius: m,
+    skeletonParagraphLineHeight: S,
+    controlHeightXS: B,
+    skeletonParagraphMarginTop: H
+  } = e;
+  return {
+    [`${t}`]: {
+      display: "table",
+      width: "100%",
+      [`${t}-header`]: {
+        display: "table-cell",
+        paddingInlineEnd: g,
+        verticalAlign: "top",
+        [`${n}`]: o({
+          display: "inline-block",
+          verticalAlign: "top",
+          background: b
+        }, I(A)),
+        [`${n}-circle`]: {
+          borderRadius: "50%"
+        },
+        [`${n}-lg`]: o({}, I(w)),
+        [`${n}-sm`]: o({}, I(v))
+      },
+      [`${t}-content`]: {
+        display: "table-cell",
+        width: "100%",
+        verticalAlign: "top",
+        [`${a}`]: {
+          width: "100%",
+          height: $,
+          background: b,
+          borderRadius: m,
+          [`+ ${i}`]: {
+            marginBlockStart: v
+          }
+        },
+        [`${i}`]: {
+          padding: 0,
+          "> li": {
+            width: "100%",
+            height: S,
+            listStyle: "none",
+            background: b,
+            borderRadius: m,
+            "+ li": {
+              marginBlockStart: B
+            }
+          }
+        },
+        [`${i}> li:last-child:not(:first-child):not(:nth-child(2))`]: {
+          width: "61%"
+        }
+      },
+      [`&-round ${t}-content`]: {
+        [`${a}, ${i} > li`]: {
+          borderRadius: l
+        }
+      }
+    },
+    [`${t}-with-avatar ${t}-content`]: {
+      [`${a}`]: {
+        marginBlockStart: u,
+        [`+ ${i}`]: {
+          marginBlockStart: H
+        }
+      }
+    },
+    [`${t}${t}-element`]: o(o(o(o({
+      display: "inline-block",
+      width: "auto"
+    }, et(e)), Qe(e)), Ye(e)), Ze(e)),
+    [`${t}${t}-block`]: {
+      width: "100%",
+      [`${s}`]: {
+        width: "100%"
+      },
+      [`${d}`]: {
+        width: "100%"
+      }
+    },
+    [`${t}${t}-active`]: {
+      [`
+        ${a},
+        ${i} > li,
+        ${n},
+        ${s},
+        ${d},
+        ${h}
+      `]: o({}, Ue(e))
+    }
+  };
+}, k = ce("Skeleton", (e) => {
+  const {
+    componentCls: t
+  } = e, n = ue(e, {
+    skeletonAvatarCls: `${t}-avatar`,
+    skeletonTitleCls: `${t}-title`,
+    skeletonParagraphCls: `${t}-paragraph`,
+    skeletonButtonCls: `${t}-button`,
+    skeletonInputCls: `${t}-input`,
+    skeletonImageCls: `${t}-image`,
+    imageSizeBase: e.controlHeight * 1.5,
+    skeletonTitleHeight: e.controlHeight / 2,
+    skeletonBlockRadius: e.borderRadiusSM,
+    skeletonParagraphLineHeight: e.controlHeight / 2,
+    skeletonParagraphMarginTop: e.marginLG + e.marginXXS,
+    borderRadius: 100,
+    skeletonLoadingBackground: `linear-gradient(90deg, ${e.color} 25%, ${e.colorGradientEnd} 37%, ${e.color} 63%)`,
+    skeletonLoadingMotionDuration: "1.4s"
+  });
+  return [tt(n)];
+}, (e) => {
+  const {
+    colorFillContent: t,
+    colorFill: n
+  } = e;
+  return {
+    color: t,
+    colorGradientEnd: n
+  };
+}), nt = () => ({
+  active: {
+    type: Boolean,
+    default: void 0
+  },
+  loading: {
+    type: Boolean,
+    default: void 0
+  },
+  prefixCls: String,
+  avatar: {
+    type: [Boolean, Object],
+    default: void 0
+  },
+  title: {
+    type: [Boolean, Object],
+    default: void 0
+  },
+  paragraph: {
+    type: [Boolean, Object],
+    default: void 0
+  },
+  round: {
+    type: Boolean,
+    default: void 0
+  }
+});
+function Q(e) {
+  return e && typeof e == "object" ? e : {};
+}
+function at(e, t) {
+  return e && !t ? {
+    size: "large",
+    shape: "square"
+  } : {
+    size: "large",
+    shape: "circle"
+  };
+}
+function ot(e, t) {
+  return !e && t ? {
+    width: "38%"
+  } : e && t ? {
+    width: "50%"
+  } : {};
+}
+function it(e, t) {
+  const n = {};
+  return (!e || !t) && (n.width = "61%"), !e && t ? n.rows = 3 : n.rows = 2, n;
+}
+const rt = C({
+  compatConfig: {
+    MODE: 3
+  },
+  name: "ASkeleton",
+  props: Y(nt(), {
+    avatar: !1,
+    title: !0,
+    paragraph: !0
+  }),
+  setup(e, t) {
+    let {
+      slots: n
+    } = t;
+    const {
+      prefixCls: a,
+      direction: i
+    } = z("skeleton", e), [s, d] = k(a);
+    return () => {
+      var h;
+      const {
+        loading: A,
+        avatar: w,
+        title: v,
+        paragraph: b,
+        active: g,
+        round: u
+      } = e, l = a.value;
+      if (A || e.loading === void 0) {
+        const $ = !!w || w === "", m = !!v || v === "", S = !!b || b === "";
+        let B;
+        if ($) {
+          const T = o(o({
+            prefixCls: `${l}-avatar`
+          }, at(m, S)), Q(w));
+          B = r("div", {
+            class: `${l}-header`
+          }, [r(j, T, null)]);
+        }
+        let H;
+        if (m || S) {
+          let T;
+          if (m) {
+            const f = o(o({
+              prefixCls: `${l}-title`
+            }, ot($, S)), Q(v));
+            T = r(Z, f, null);
+          }
+          let P;
+          if (S) {
+            const f = o(o({
+              prefixCls: `${l}-paragraph`
+            }, it($, m)), Q(b));
+            P = r(Ve, f, null);
+          }
+          H = r("div", {
+            class: `${l}-content`
+          }, [T, P]);
+        }
+        const W = y(l, {
+          [`${l}-with-avatar`]: $,
+          [`${l}-active`]: g,
+          [`${l}-rtl`]: i.value === "rtl",
+          [`${l}-round`]: u,
+          [d.value]: !0
+        });
+        return s(r("div", {
+          class: W
+        }, [B, H]));
+      }
+      return (h = n.default) === null || h === void 0 ? void 0 : h.call(n);
+    };
+  }
+}), p = rt, lt = () => o(o({}, _()), {
+  size: String,
+  block: Boolean
+}), st = C({
+  compatConfig: {
+    MODE: 3
+  },
+  name: "ASkeletonButton",
+  props: Y(lt(), {
+    size: "default"
+  }),
+  setup(e) {
+    const {
+      prefixCls: t
+    } = z("skeleton", e), [n, a] = k(t), i = O(() => y(t.value, `${t.value}-element`, {
+      [`${t.value}-active`]: e.active,
+      [`${t.value}-block`]: e.block
+    }, a.value));
+    return () => n(r("div", {
+      class: i.value
+    }, [r(j, x(x({}, e), {}, {
+      prefixCls: `${t.value}-button`
+    }), null)]));
+  }
+}), me = st, dt = C({
+  compatConfig: {
+    MODE: 3
+  },
+  name: "ASkeletonInput",
+  props: o(o({}, pe(_(), ["shape"])), {
+    size: String,
+    block: Boolean
+  }),
+  setup(e) {
+    const {
+      prefixCls: t
+    } = z("skeleton", e), [n, a] = k(t), i = O(() => y(t.value, `${t.value}-element`, {
+      [`${t.value}-active`]: e.active,
+      [`${t.value}-block`]: e.block
+    }, a.value));
+    return () => n(r("div", {
+      class: i.value
+    }, [r(j, x(x({}, e), {}, {
+      prefixCls: `${t.value}-input`
+    }), null)]));
+  }
+}), Se = dt, ct = "M365.714286 329.142857q0 45.714286-32.036571 77.677714t-77.677714 32.036571-77.677714-32.036571-32.036571-77.677714 32.036571-77.677714 77.677714-32.036571 77.677714 32.036571 32.036571 77.677714zM950.857143 548.571429l0 256-804.571429 0 0-109.714286 182.857143-182.857143 91.428571 91.428571 292.571429-292.571429zM1005.714286 146.285714l-914.285714 0q-7.460571 0-12.873143 5.412571t-5.412571 12.873143l0 694.857143q0 7.460571 5.412571 12.873143t12.873143 5.412571l914.285714 0q7.460571 0 12.873143-5.412571t5.412571-12.873143l0-694.857143q0-7.460571-5.412571-12.873143t-12.873143-5.412571zM1097.142857 164.571429l0 694.857143q0 37.741714-26.843429 64.585143t-64.585143 26.843429l-914.285714 0q-37.741714 0-64.585143-26.843429t-26.843429-64.585143l0-694.857143q0-37.741714 26.843429-64.585143t64.585143-26.843429l914.285714 0q37.741714 0 64.585143 26.843429t26.843429 64.585143z", ut = C({
+  compatConfig: {
+    MODE: 3
+  },
+  name: "ASkeletonImage",
+  props: pe(_(), ["size", "shape", "active"]),
+  setup(e) {
+    const {
+      prefixCls: t
+    } = z("skeleton", e), [n, a] = k(t), i = O(() => y(t.value, `${t.value}-element`, a.value));
+    return () => n(r("div", {
+      class: i.value
+    }, [r("div", {
+      class: `${t.value}-image`
+    }, [r("svg", {
+      viewBox: "0 0 1098 1024",
+      xmlns: "http://www.w3.org/2000/svg",
+      class: `${t.value}-image-svg`
+    }, [r("path", {
+      d: ct,
+      class: `${t.value}-image-path`
+    }, null)])])]));
+  }
+}), be = ut, gt = () => o(o({}, _()), {
+  shape: String
+}), pt = C({
+  compatConfig: {
+    MODE: 3
+  },
+  name: "ASkeletonAvatar",
+  props: Y(gt(), {
+    size: "default",
+    shape: "circle"
+  }),
+  setup(e) {
+    const {
+      prefixCls: t
+    } = z("skeleton", e), [n, a] = k(t), i = O(() => y(t.value, `${t.value}-element`, {
+      [`${t.value}-active`]: e.active
+    }, a.value));
+    return () => n(r("div", {
+      class: i.value
+    }, [r(j, x(x({}, e), {}, {
+      prefixCls: `${t.value}-avatar`
+    }), null)]));
+  }
+}), fe = pt;
+p.Button = me;
+p.Avatar = fe;
+p.Input = Se;
+p.Image = be;
+p.Title = Z;
+p.install = function(e) {
+  return e.component(p.name, p), e.component(p.Button.name, me), e.component(p.Avatar.name, fe), e.component(p.Input.name, Se), e.component(p.Image.name, be), e.component(p.Title.name, Z), e;
+};
+const {
+  TabPane: $t
+} = $e, ht = () => ({
+  prefixCls: String,
+  title: L.any,
+  extra: L.any,
+  bordered: {
+    type: Boolean,
+    default: !0
+  },
+  bodyStyle: {
+    type: Object,
+    default: void 0
+  },
+  headStyle: {
+    type: Object,
+    default: void 0
+  },
+  loading: {
+    type: Boolean,
+    default: !1
+  },
+  hoverable: {
+    type: Boolean,
+    default: !1
+  },
+  type: {
+    type: String
+  },
+  size: {
+    type: String
+  },
+  actions: L.any,
+  tabList: {
+    type: Array
+  },
+  tabBarExtraContent: L.any,
+  activeTabKey: String,
+  defaultActiveTabKey: String,
+  cover: L.any,
+  onTabChange: {
+    type: Function
+  }
+}), mt = C({
+  compatConfig: {
+    MODE: 3
+  },
+  name: "ACard",
+  inheritAttrs: !1,
+  props: ht(),
+  slots: Object,
+  setup(e, t) {
+    let {
+      slots: n,
+      attrs: a
+    } = t;
+    const {
+      prefixCls: i,
+      direction: s,
+      size: d
+    } = z("card", e), [h, A] = qe(i), w = (g) => g.map((l, $) => se(l) && !Me(l) || !se(l) ? r("li", {
+      style: {
+        width: `${100 / g.length}%`
+      },
+      key: `action-${$}`
+    }, [r("span", null, [l])]) : null), v = (g) => {
+      var u;
+      (u = e.onTabChange) === null || u === void 0 || u.call(e, g);
+    }, b = function() {
+      let g = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], u;
+      return g.forEach((l) => {
+        l && Ee(l.type) && l.type.__ANT_CARD_GRID && (u = !0);
+      }), u;
+    };
+    return () => {
+      var g, u, l, $, m, S;
+      const {
+        headStyle: B = {},
+        bodyStyle: H = {},
+        loading: W,
+        bordered: T = !0,
+        type: P,
+        tabList: f,
+        hoverable: ve,
+        activeTabKey: ee,
+        defaultActiveTabKey: ye,
+        tabBarExtraContent: te = E((g = n.tabBarExtraContent) === null || g === void 0 ? void 0 : g.call(n)),
+        title: N = E((u = n.title) === null || u === void 0 ? void 0 : u.call(n)),
+        extra: K = E((l = n.extra) === null || l === void 0 ? void 0 : l.call(n)),
+        actions: X = E(($ = n.actions) === null || $ === void 0 ? void 0 : $.call(n)),
+        cover: ne = E((m = n.cover) === null || m === void 0 ? void 0 : m.call(n))
+      } = e, R = Ae((S = n.default) === null || S === void 0 ? void 0 : S.call(n)), c = i.value, xe = {
+        [`${c}`]: !0,
+        [A.value]: !0,
+        [`${c}-loading`]: W,
+        [`${c}-bordered`]: T,
+        [`${c}-hoverable`]: !!ve,
+        [`${c}-contain-grid`]: b(R),
+        [`${c}-contain-tabs`]: f && f.length,
+        [`${c}-${d.value}`]: d.value,
+        [`${c}-type-${P}`]: !!P,
+        [`${c}-rtl`]: s.value === "rtl"
+      }, Ce = r(p, {
+        loading: !0,
+        active: !0,
+        paragraph: {
+          rows: 4
+        },
+        title: !1
+      }, {
+        default: () => [R]
+      }), ae = ee !== void 0, we = {
+        size: "large",
+        [ae ? "activeKey" : "defaultActiveKey"]: ae ? ee : ye,
+        onChange: v,
+        class: `${c}-head-tabs`
+      };
+      let oe;
+      const ie = f && f.length ? r($e, we, {
+        default: () => [f.map((M) => {
+          const {
+            tab: re,
+            slots: D
+          } = M, le = D == null ? void 0 : D.tab;
+          Pe(!D, "Card", "tabList slots is deprecated, Please use `customTab` instead.");
+          let F = re !== void 0 ? re : n[le] ? n[le](M) : null;
+          return F = Re(n, "customTab", M, () => [F]), r($t, {
+            tab: F,
+            key: M.key,
+            disabled: M.disabled
+          }, null);
+        })],
+        rightExtra: te ? () => te : null
+      }) : null;
+      (N || K || ie) && (oe = r("div", {
+        class: `${c}-head`,
+        style: B
+      }, [r("div", {
+        class: `${c}-head-wrapper`
+      }, [N && r("div", {
+        class: `${c}-head-title`
+      }, [N]), K && r("div", {
+        class: `${c}-extra`
+      }, [K])]), ie]));
+      const Be = ne ? r("div", {
+        class: `${c}-cover`
+      }, [ne]) : null, He = r("div", {
+        class: `${c}-body`,
+        style: H
+      }, [W ? Ce : R]), Te = X && X.length ? r("ul", {
+        class: `${c}-actions`
+      }, [w(X)]) : null;
+      return h(r("div", x(x({
+        ref: "cardContainerRef"
+      }, a), {}, {
+        class: [xe, a.class]
+      }), [oe, Be, R && R.length ? He : null, Te]));
+    };
+  }
+}), ft = mt;
+export {
+  ft as C
+};