@coderlt/form-designer
Version:
基于vue3的设计器,可视化开发页面表单
1,568 lines (1,567 loc) • 44 kB
JavaScript
import { defineComponent as Qe, h as Ye, renderSlot as xe } from "vue";
import { g as Ze } from "./_commonjsHelpers-c5d32002.js";
import { i as R } from "./interopRequireDefault-40f894e3.js";
import { r as B } from "./_vue_commonjs-external-eb7fec7f.js";
import { r as Y, a as ce } from "./public_api-1267ff2a.js";
import { t as et } from "./index-48683995.js";
import { r as tt, a as rt } from "./index-f96a976e.js";
import { r as We, a as at, d as Z, j as nt, b as fe, e as A, t as lt, f as ot } from "./useConfigInject-d85d8c62.js";
import { r as it } from "./isPlainObject-527734d2.js";
import { r as ze } from "./omit-84b99e2b.js";
import "./typeof-88a201b1.js";
import "./index.esm-56aac43a.js";
import "./index-2b6651fc.js";
import "./raf-dd6c1047.js";
import "./KeyCode-5c436a1d.js";
import "./shallowequal-df3ee619.js";
import "./PlusOutlined-4fbca845.js";
import "./isEqual-b1699f9b.js";
import "./index-c3e64a00.js";
import "./isObjectLike-4c09a3af.js";
import "./_flatRest-b83a0ce4.js";
import "./index-9c0620ba.js";
import "./index-bdab2b06.js";
import "./ResizeObserver.es-df63660c.js";
import "./ResizeObserver.es-fc1a163b.js";
import "./vnode-45aa23d5.js";
import "./index-0e1c5170.js";
import "./index-74b3b9ac.js";
import "./PortalWrapper-9d2c005f.js";
import "./isVisible-f22c1e3a.js";
import "./transition-d16825f8.js";
import "./firstNotUndefined-57974c1b.js";
import "./colors-8180628c.js";
import "./index-977e4f68.js";
import "./AntdIcon-b29a156c.js";
import "./collapseMotion-cf2619c2.js";
import "./useState-f730f903.js";
import "./useRefs-8fb1d76b.js";
import "./isMobile-e33eaeb7.js";
import "./useMergedState-8adea16c.js";
import "./CloseOutlined-ca523fbb.js";
import "./CloseOutlined-e8461703.js";
import "./vue-types.m-289f467a.js";
import "./vue-types.m-76c57684.js";
import "./stylis-9146bd77.js";
var Ve = {}, W = {}, ae = {}, we;
function dt() {
if (we)
return ae;
we = 1;
var l = R;
Object.defineProperty(ae, "__esModule", {
value: !0
}), ae.default = void 0;
var r = l(Y()), d = We(), c = at();
const v = (e) => {
const {
antCls: t,
componentCls: i,
cardHeadHeight: s,
cardPaddingBase: n,
cardHeadTabsMarginBottom: a
} = e;
return (0, r.default)((0, r.default)({
display: "flex",
justifyContent: "center",
flexDirection: "column",
minHeight: s,
marginBottom: -1,
padding: `0 ${n}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`
}, (0, c.clearFix)()), {
"&-wrapper": {
width: "100%",
display: "flex",
alignItems: "center"
},
"&-title": (0, r.default)((0, r.default)({
display: "inline-block",
flex: 1
}, c.textEllipsis), {
[`
> ${i}-typography,
> ${i}-typography-edit-content
`]: {
insetInlineStart: 0,
marginTop: 0,
marginBottom: 0
}
}),
[`${t}-tabs-top`]: {
clear: "both",
marginBottom: a,
color: e.colorText,
fontWeight: "normal",
fontSize: e.fontSize,
"&-bar": {
borderBottom: `${e.lineWidth}px ${e.lineType} ${e.colorBorderSecondary}`
}
}
});
}, p = (e) => {
const {
cardPaddingBase: t,
colorBorderSecondary: i,
cardShadow: s,
lineWidth: n
} = e;
return {
width: "33.33%",
padding: t,
border: 0,
borderRadius: 0,
boxShadow: `
${n}px 0 0 0 ${i},
0 ${n}px 0 0 ${i},
${n}px ${n}px 0 0 ${i},
${n}px 0 0 0 ${i} inset,
0 ${n}px 0 0 ${i} inset;
`,
transition: `all ${e.motionDurationMid}`,
"&-hoverable:hover": {
position: "relative",
zIndex: 1,
boxShadow: s
}
};
}, f = (e) => {
const {
componentCls: t,
iconCls: i,
cardActionsLiMargin: s,
cardActionsIconSize: n,
colorBorderSecondary: a
} = e;
return (0, r.default)((0, r.default)({
margin: 0,
padding: 0,
listStyle: "none",
background: e.colorBgContainer,
borderTop: `${e.lineWidth}px ${e.lineType} ${a}`,
display: "flex",
borderRadius: `0 0 ${e.borderRadiusLG}px ${e.borderRadiusLG}px `
}, (0, c.clearFix)()), {
"& > li": {
margin: s,
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), > ${i}`]: {
display: "inline-block",
width: "100%",
color: e.colorTextDescription,
lineHeight: `${e.fontSize * e.lineHeight}px`,
transition: `color ${e.motionDurationMid}`,
"&:hover": {
color: e.colorPrimary
}
},
[`> ${i}`]: {
fontSize: n,
lineHeight: `${n * e.lineHeight}px`
}
},
"&:not(:last-child)": {
borderInlineEnd: `${e.lineWidth}px ${e.lineType} ${a}`
}
}
});
}, g = (e) => (0, r.default)((0, r.default)({
margin: `-${e.marginXXS}px 0`,
display: "flex"
}, (0, c.clearFix)()), {
"&-avatar": {
paddingInlineEnd: e.padding
},
"&-detail": {
overflow: "hidden",
flex: 1,
"> div:not(:last-child)": {
marginBottom: e.marginXS
}
},
"&-title": (0, r.default)({
color: e.colorTextHeading,
fontWeight: e.fontWeightStrong,
fontSize: e.fontSizeLG
}, c.textEllipsis),
"&-description": {
color: e.colorTextDescription
}
}), h = (e) => {
const {
componentCls: t,
cardPaddingBase: i,
colorFillAlter: s
} = e;
return {
[`${t}-head`]: {
padding: `0 ${i}px`,
background: s,
"&-title": {
fontSize: e.fontSize
}
},
[`${t}-body`]: {
padding: `${e.padding}px ${i}px`
}
};
}, y = (e) => {
const {
componentCls: t
} = e;
return {
overflow: "hidden",
[`${t}-body`]: {
userSelect: "none"
}
};
}, $ = (e) => {
const {
componentCls: t,
cardShadow: i,
cardHeadPadding: s,
colorBorderSecondary: n,
boxShadow: a,
cardPaddingBase: o
} = e;
return {
[t]: (0, r.default)((0, r.default)({}, (0, c.resetComponent)(e)), {
position: "relative",
background: e.colorBgContainer,
borderRadius: e.borderRadiusLG,
[`&:not(${t}-bordered)`]: {
boxShadow: a
},
[`${t}-head`]: v(e),
[`${t}-extra`]: {
// https://stackoverflow.com/a/22429853/3040605
marginInlineStart: "auto",
color: "",
fontWeight: "normal",
fontSize: e.fontSize
},
[`${t}-body`]: (0, r.default)({
padding: o,
borderRadius: ` 0 0 ${e.borderRadiusLG}px ${e.borderRadiusLG}px`
}, (0, c.clearFix)()),
[`${t}-grid`]: p(e),
[`${t}-cover`]: {
"> *": {
display: "block",
width: "100%"
},
img: {
borderRadius: `${e.borderRadiusLG}px ${e.borderRadiusLG}px 0 0`
}
},
[`${t}-actions`]: f(e),
[`${t}-meta`]: g(e)
}),
[`${t}-bordered`]: {
border: `${e.lineWidth}px ${e.lineType} ${n}`,
[`${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: i
}
},
[`${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: s
}
}
},
[`${t}-type-inner`]: h(e),
[`${t}-loading`]: y(e),
[`${t}-rtl`]: {
direction: "rtl"
}
};
}, u = (e) => {
const {
componentCls: t,
cardPaddingSM: i,
cardHeadHeightSM: s
} = e;
return {
[`${t}-small`]: {
[`> ${t}-head`]: {
minHeight: s,
padding: `0 ${i}px`,
fontSize: e.fontSize,
[`> ${t}-head-wrapper`]: {
[`> ${t}-extra`]: {
fontSize: e.fontSize
}
}
},
[`> ${t}-body`]: {
padding: i
}
},
[`${t}-small${t}-contain-tabs`]: {
[`> ${t}-head`]: {
[`${t}-head-title, ${t}-extra`]: {
minHeight: s,
paddingTop: 0,
display: "flex",
alignItems: "center"
}
}
}
};
};
var b = (0, d.genComponentStyleHook)("Card", (e) => {
const t = (0, d.mergeToken)(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
// Fixed padding.
});
return [
// Style
$(t),
// Size
u(t)
];
});
return ae.default = b, ae;
}
var he = {}, z = {}, V = {}, Me;
function Ge() {
if (Me)
return V;
Me = 1, Object.defineProperty(V, "__esModule", {
value: !0
}), V.skeletonTitleProps = V.default = void 0;
var l = B;
const r = () => ({
prefixCls: String,
width: {
type: [Number, String]
}
});
V.skeletonTitleProps = r;
var c = (0, l.defineComponent)({
compatConfig: {
MODE: 3
},
name: "SkeletonTitle",
props: r(),
setup(v) {
return () => {
const {
prefixCls: p,
width: f
} = v, g = typeof f == "number" ? `${f}px` : f;
return (0, l.createVNode)("h3", {
class: p,
style: {
width: g
}
}, null);
};
}
});
return V.default = c, V;
}
var G = {}, Oe;
function ut() {
if (Oe)
return G;
Oe = 1, Object.defineProperty(G, "__esModule", {
value: !0
}), G.skeletonParagraphProps = G.default = void 0;
var l = B;
const r = () => ({
prefixCls: String,
width: {
type: [Number, String, Array]
},
rows: Number
});
G.skeletonParagraphProps = r;
var c = (0, l.defineComponent)({
compatConfig: {
MODE: 3
},
name: "SkeletonParagraph",
props: r(),
setup(v) {
const p = (f) => {
const {
width: g,
rows: h = 2
} = v;
if (Array.isArray(g))
return g[f];
if (h - 1 === f)
return g;
};
return () => {
const {
prefixCls: f,
rows: g
} = v, h = [...Array(g)].map((y, $) => {
const u = p($);
return (0, l.createVNode)("li", {
key: $,
style: {
width: typeof u == "number" ? `${u}px` : u
}
}, null);
});
return (0, l.createVNode)("ul", {
class: f
}, [h]);
};
}
});
return G.default = c, G;
}
var L = {}, Re;
function ie() {
if (Re)
return L;
Re = 1;
var l = R;
Object.defineProperty(L, "__esModule", {
value: !0
}), L.skeletonElementProps = L.default = void 0;
var r = B, d = l(Z());
const c = () => ({
prefixCls: String,
size: [String, Number],
shape: String,
active: {
type: Boolean,
default: void 0
}
});
L.skeletonElementProps = c;
const v = (f) => {
const {
prefixCls: g,
size: h,
shape: y
} = f, $ = (0, d.default)({
[`${g}-lg`]: h === "large",
[`${g}-sm`]: h === "small"
}), u = (0, d.default)({
[`${g}-circle`]: y === "circle",
[`${g}-square`]: y === "square",
[`${g}-round`]: y === "round"
}), b = typeof h == "number" ? {
width: `${h}px`,
height: `${h}px`,
lineHeight: `${h}px`
} : {};
return (0, r.createVNode)("span", {
class: (0, d.default)(g, $, u),
style: b
}, null);
};
v.displayName = "SkeletonElement";
var p = v;
return L.default = p, L;
}
var ne = {}, qe;
function de() {
if (qe)
return ne;
qe = 1;
var l = R;
Object.defineProperty(ne, "__esModule", {
value: !0
}), ne.default = void 0;
var r = l(Y()), d = nt(), c = We();
const v = new d.Keyframes("ant-skeleton-loading", {
"0%": {
transform: "translateX(-37.5%)"
},
"100%": {
transform: "translateX(37.5%)"
}
}), p = (a) => ({
height: a,
lineHeight: `${a}px`
}), f = (a) => (0, r.default)({
width: a
}, p(a)), g = (a) => ({
position: "relative",
// fix https://github.com/ant-design/ant-design/issues/36444
// https://monshin.github.io/202109/css/safari-border-radius-overflow-hidden/
/* stylelint-disable-next-line property-no-vendor-prefix,value-no-vendor-prefix */
zIndex: 0,
overflow: "hidden",
background: "transparent",
"&::after": {
position: "absolute",
top: 0,
insetInlineEnd: "-150%",
bottom: 0,
insetInlineStart: "-150%",
background: a.skeletonLoadingBackground,
animationName: v,
animationDuration: a.skeletonLoadingMotionDuration,
animationTimingFunction: "ease",
animationIterationCount: "infinite",
content: '""'
}
}), h = (a) => (0, r.default)({
width: a * 5,
minWidth: a * 5
}, p(a)), y = (a) => {
const {
skeletonAvatarCls: o,
color: m,
controlHeight: S,
controlHeightLG: _,
controlHeightSM: O
} = a;
return {
[`${o}`]: (0, r.default)({
display: "inline-block",
verticalAlign: "top",
background: m
}, f(S)),
[`${o}${o}-circle`]: {
borderRadius: "50%"
},
[`${o}${o}-lg`]: (0, r.default)({}, f(_)),
[`${o}${o}-sm`]: (0, r.default)({}, f(O))
};
}, $ = (a) => {
const {
controlHeight: o,
borderRadiusSM: m,
skeletonInputCls: S,
controlHeightLG: _,
controlHeightSM: O,
color: q
} = a;
return {
[`${S}`]: (0, r.default)({
display: "inline-block",
verticalAlign: "top",
background: q,
borderRadius: m
}, h(o)),
[`${S}-lg`]: (0, r.default)({}, h(_)),
[`${S}-sm`]: (0, r.default)({}, h(O))
};
}, u = (a) => (0, r.default)({
width: a
}, p(a)), b = (a) => {
const {
skeletonImageCls: o,
imageSizeBase: m,
color: S,
borderRadiusSM: _
} = a;
return {
[`${o}`]: (0, r.default)((0, r.default)({
display: "flex",
alignItems: "center",
justifyContent: "center",
verticalAlign: "top",
background: S,
borderRadius: _
}, u(m * 2)), {
[`${o}-path`]: {
fill: "#bfbfbf"
},
[`${o}-svg`]: (0, r.default)((0, r.default)({}, u(m)), {
maxWidth: m * 4,
maxHeight: m * 4
}),
[`${o}-svg${o}-svg-circle`]: {
borderRadius: "50%"
}
}),
[`${o}${o}-circle`]: {
borderRadius: "50%"
}
};
}, e = (a, o, m) => {
const {
skeletonButtonCls: S
} = a;
return {
[`${m}${S}-circle`]: {
width: o,
minWidth: o,
borderRadius: "50%"
},
[`${m}${S}-round`]: {
borderRadius: o
}
};
}, t = (a) => (0, r.default)({
width: a * 2,
minWidth: a * 2
}, p(a)), i = (a) => {
const {
borderRadiusSM: o,
skeletonButtonCls: m,
controlHeight: S,
controlHeightLG: _,
controlHeightSM: O,
color: q
} = a;
return (0, r.default)((0, r.default)((0, r.default)((0, r.default)((0, r.default)({
[`${m}`]: (0, r.default)({
display: "inline-block",
verticalAlign: "top",
background: q,
borderRadius: o,
width: S * 2,
minWidth: S * 2
}, t(S))
}, e(a, S, m)), {
[`${m}-lg`]: (0, r.default)({}, t(_))
}), e(a, _, `${m}-lg`)), {
[`${m}-sm`]: (0, r.default)({}, t(O))
}), e(a, O, `${m}-sm`));
}, s = (a) => {
const {
componentCls: o,
skeletonAvatarCls: m,
skeletonTitleCls: S,
skeletonParagraphCls: _,
skeletonButtonCls: O,
skeletonInputCls: q,
skeletonImageCls: ee,
controlHeight: k,
controlHeightLG: w,
controlHeightSM: C,
color: P,
padding: D,
marginSM: M,
borderRadius: I,
skeletonTitleHeight: E,
skeletonBlockRadius: T,
skeletonParagraphLineHeight: H,
controlHeightXS: K,
skeletonParagraphMarginTop: J
} = a;
return {
[`${o}`]: {
display: "table",
width: "100%",
[`${o}-header`]: {
display: "table-cell",
paddingInlineEnd: D,
verticalAlign: "top",
// Avatar
[`${m}`]: (0, r.default)({
display: "inline-block",
verticalAlign: "top",
background: P
}, f(k)),
[`${m}-circle`]: {
borderRadius: "50%"
},
[`${m}-lg`]: (0, r.default)({}, f(w)),
[`${m}-sm`]: (0, r.default)({}, f(C))
},
[`${o}-content`]: {
display: "table-cell",
width: "100%",
verticalAlign: "top",
// Title
[`${S}`]: {
width: "100%",
height: E,
background: P,
borderRadius: T,
[`+ ${_}`]: {
marginBlockStart: C
}
},
// paragraph
[`${_}`]: {
padding: 0,
"> li": {
width: "100%",
height: H,
listStyle: "none",
background: P,
borderRadius: T,
"+ li": {
marginBlockStart: K
}
}
},
[`${_}> li:last-child:not(:first-child):not(:nth-child(2))`]: {
width: "61%"
}
},
[`&-round ${o}-content`]: {
[`${S}, ${_} > li`]: {
borderRadius: I
}
}
},
[`${o}-with-avatar ${o}-content`]: {
// Title
[`${S}`]: {
marginBlockStart: M,
[`+ ${_}`]: {
marginBlockStart: J
}
}
},
// Skeleton element
[`${o}${o}-element`]: (0, r.default)((0, r.default)((0, r.default)((0, r.default)({
display: "inline-block",
width: "auto"
}, i(a)), y(a)), $(a)), b(a)),
// Skeleton Block Button, Input
[`${o}${o}-block`]: {
width: "100%",
[`${O}`]: {
width: "100%"
},
[`${q}`]: {
width: "100%"
}
},
// With active animation
[`${o}${o}-active`]: {
[`
${S},
${_} > li,
${m},
${O},
${q},
${ee}
`]: (0, r.default)({}, g(a))
}
};
};
var n = (0, c.genComponentStyleHook)("Skeleton", (a) => {
const {
componentCls: o
} = a, m = (0, c.mergeToken)(a, {
skeletonAvatarCls: `${o}-avatar`,
skeletonTitleCls: `${o}-title`,
skeletonParagraphCls: `${o}-paragraph`,
skeletonButtonCls: `${o}-button`,
skeletonInputCls: `${o}-input`,
skeletonImageCls: `${o}-image`,
imageSizeBase: a.controlHeight * 1.5,
skeletonTitleHeight: a.controlHeight / 2,
skeletonBlockRadius: a.borderRadiusSM,
skeletonParagraphLineHeight: a.controlHeight / 2,
skeletonParagraphMarginTop: a.marginLG + a.marginXXS,
borderRadius: 100,
skeletonLoadingBackground: `linear-gradient(90deg, ${a.color} 25%, ${a.colorGradientEnd} 37%, ${a.color} 63%)`,
skeletonLoadingMotionDuration: "1.4s"
});
return [s(m)];
}, (a) => {
const {
colorFillContent: o,
colorFill: m
} = a;
return {
color: o,
colorGradientEnd: m
};
});
return ne.default = n, ne;
}
var Be;
function st() {
if (Be)
return z;
Be = 1;
var l = R;
Object.defineProperty(z, "__esModule", {
value: !0
}), z.skeletonProps = z.default = void 0;
var r = B, d = l(Y()), c = l(Z()), v = fe(), p = l(Ge()), f = l(ut()), g = l(A()), h = l(ie()), y = l(de());
const $ = () => ({
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
}
});
z.skeletonProps = $;
function u(n) {
return n && typeof n == "object" ? n : {};
}
function b(n, a) {
return n && !a ? {
size: "large",
shape: "square"
} : {
size: "large",
shape: "circle"
};
}
function e(n, a) {
return !n && a ? {
width: "38%"
} : n && a ? {
width: "50%"
} : {};
}
function t(n, a) {
const o = {};
return (!n || !a) && (o.width = "61%"), !n && a ? o.rows = 3 : o.rows = 2, o;
}
var s = (0, r.defineComponent)({
compatConfig: {
MODE: 3
},
name: "ASkeleton",
props: (0, v.initDefaultProps)($(), {
avatar: !1,
title: !0,
paragraph: !0
}),
setup(n, a) {
let {
slots: o
} = a;
const {
prefixCls: m,
direction: S
} = (0, g.default)("skeleton", n), [_, O] = (0, y.default)(m);
return () => {
var q;
const {
loading: ee,
avatar: k,
title: w,
paragraph: C,
active: P,
round: D
} = n, M = m.value;
if (ee || n.loading === void 0) {
const I = !!k || k === "", E = !!w || w === "", T = !!C || C === "";
let H;
if (I) {
const N = (0, d.default)((0, d.default)({
prefixCls: `${M}-avatar`
}, b(E, T)), u(k));
H = (0, r.createVNode)("div", {
class: `${M}-header`
}, [(0, r.createVNode)(h.default, N, null)]);
}
let K;
if (E || T) {
let N;
if (E) {
const Q = (0, d.default)((0, d.default)({
prefixCls: `${M}-title`
}, e(I, T)), u(w));
N = (0, r.createVNode)(p.default, Q, null);
}
let ue;
if (T) {
const Q = (0, d.default)((0, d.default)({
prefixCls: `${M}-paragraph`
}, t(I, E)), u(C));
ue = (0, r.createVNode)(f.default, Q, null);
}
K = (0, r.createVNode)("div", {
class: `${M}-content`
}, [N, ue]);
}
const J = (0, c.default)(M, {
[`${M}-with-avatar`]: I,
[`${M}-active`]: P,
[`${M}-rtl`]: S.value === "rtl",
[`${M}-round`]: D,
[O.value]: !0
});
return _((0, r.createVNode)("div", {
class: J
}, [H, K]));
}
return (q = o.default) === null || q === void 0 ? void 0 : q.call(o);
};
}
});
return z.default = s, z;
}
var j = {}, Ie;
function ct() {
if (Ie)
return j;
Ie = 1;
var l = R;
Object.defineProperty(j, "__esModule", {
value: !0
}), j.skeletonButtonProps = j.default = void 0;
var r = B, d = l(ce()), c = l(Y()), v = l(Z()), p = l(A()), f = fe(), g = $(ie()), h = l(de());
function y(t) {
if (typeof WeakMap != "function")
return null;
var i = /* @__PURE__ */ new WeakMap(), s = /* @__PURE__ */ new WeakMap();
return (y = function(n) {
return n ? s : i;
})(t);
}
function $(t, i) {
if (!i && t && t.__esModule)
return t;
if (t === null || typeof t != "object" && typeof t != "function")
return { default: t };
var s = y(i);
if (s && s.has(t))
return s.get(t);
var n = {}, a = Object.defineProperty && Object.getOwnPropertyDescriptor;
for (var o in t)
if (o !== "default" && Object.prototype.hasOwnProperty.call(t, o)) {
var m = a ? Object.getOwnPropertyDescriptor(t, o) : null;
m && (m.get || m.set) ? Object.defineProperty(n, o, m) : n[o] = t[o];
}
return n.default = t, s && s.set(t, n), n;
}
const u = () => (0, c.default)((0, c.default)({}, (0, g.skeletonElementProps)()), {
size: String,
block: Boolean
});
j.skeletonButtonProps = u;
var e = (0, r.defineComponent)({
compatConfig: {
MODE: 3
},
name: "ASkeletonButton",
props: (0, f.initDefaultProps)(u(), {
size: "default"
}),
setup(t) {
const {
prefixCls: i
} = (0, p.default)("skeleton", t), [s, n] = (0, h.default)(i), a = (0, r.computed)(() => (0, v.default)(i.value, `${i.value}-element`, {
[`${i.value}-active`]: t.active,
[`${i.value}-block`]: t.block
}, n.value));
return () => s((0, r.createVNode)("div", {
class: a.value
}, [(0, r.createVNode)(g.default, (0, d.default)((0, d.default)({}, t), {}, {
prefixCls: `${i.value}-button`
}), null)]));
}
});
return j.default = e, j;
}
var le = {}, Ne;
function ft() {
if (Ne)
return le;
Ne = 1;
var l = R;
Object.defineProperty(le, "__esModule", {
value: !0
}), le.default = void 0;
var r = B, d = l(ce()), c = l(Y()), v = l(Z()), p = l(A()), f = $(ie()), g = l(ze()), h = l(de());
function y(e) {
if (typeof WeakMap != "function")
return null;
var t = /* @__PURE__ */ new WeakMap(), i = /* @__PURE__ */ new WeakMap();
return (y = function(s) {
return s ? i : t;
})(e);
}
function $(e, t) {
if (!t && e && e.__esModule)
return e;
if (e === null || typeof e != "object" && typeof e != "function")
return { default: e };
var i = y(t);
if (i && i.has(e))
return i.get(e);
var s = {}, n = Object.defineProperty && Object.getOwnPropertyDescriptor;
for (var a in e)
if (a !== "default" && Object.prototype.hasOwnProperty.call(e, a)) {
var o = n ? Object.getOwnPropertyDescriptor(e, a) : null;
o && (o.get || o.set) ? Object.defineProperty(s, a, o) : s[a] = e[a];
}
return s.default = e, i && i.set(e, s), s;
}
var b = (0, r.defineComponent)({
compatConfig: {
MODE: 3
},
name: "ASkeletonInput",
props: (0, c.default)((0, c.default)({}, (0, g.default)((0, f.skeletonElementProps)(), ["shape"])), {
size: String,
block: Boolean
}),
setup(e) {
const {
prefixCls: t
} = (0, p.default)("skeleton", e), [i, s] = (0, h.default)(t), n = (0, r.computed)(() => (0, v.default)(t.value, `${t.value}-element`, {
[`${t.value}-active`]: e.active,
[`${t.value}-block`]: e.block
}, s.value));
return () => i((0, r.createVNode)("div", {
class: n.value
}, [(0, r.createVNode)(f.default, (0, d.default)((0, d.default)({}, e), {}, {
prefixCls: `${t.value}-input`
}), null)]));
}
});
return le.default = b, le;
}
var oe = {}, De;
function pt() {
if (De)
return oe;
De = 1;
var l = R;
Object.defineProperty(oe, "__esModule", {
value: !0
}), oe.default = void 0;
var r = B, d = l(Z()), c = l(A()), v = l(ze()), p = ie(), f = l(de());
const g = "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";
var y = (0, r.defineComponent)({
compatConfig: {
MODE: 3
},
name: "ASkeletonImage",
props: (0, v.default)((0, p.skeletonElementProps)(), ["size", "shape", "active"]),
setup($) {
const {
prefixCls: u
} = (0, c.default)("skeleton", $), [b, e] = (0, f.default)(u), t = (0, r.computed)(() => (0, d.default)(u.value, `${u.value}-element`, e.value));
return () => b((0, r.createVNode)("div", {
class: t.value
}, [(0, r.createVNode)("div", {
class: `${u.value}-image`
}, [(0, r.createVNode)("svg", {
viewBox: "0 0 1098 1024",
xmlns: "http://www.w3.org/2000/svg",
class: `${u.value}-image-svg`
}, [(0, r.createVNode)("path", {
d: g,
class: `${u.value}-image-path`
}, null)])])]));
}
});
return oe.default = y, oe;
}
var U = {}, Te;
function vt() {
if (Te)
return U;
Te = 1;
var l = R;
Object.defineProperty(U, "__esModule", {
value: !0
}), U.default = U.avatarProps = void 0;
var r = B, d = l(ce()), c = l(Y()), v = l(Z()), p = l(lt()), f = l(A()), g = $(ie()), h = l(de());
function y(t) {
if (typeof WeakMap != "function")
return null;
var i = /* @__PURE__ */ new WeakMap(), s = /* @__PURE__ */ new WeakMap();
return (y = function(n) {
return n ? s : i;
})(t);
}
function $(t, i) {
if (!i && t && t.__esModule)
return t;
if (t === null || typeof t != "object" && typeof t != "function")
return { default: t };
var s = y(i);
if (s && s.has(t))
return s.get(t);
var n = {}, a = Object.defineProperty && Object.getOwnPropertyDescriptor;
for (var o in t)
if (o !== "default" && Object.prototype.hasOwnProperty.call(t, o)) {
var m = a ? Object.getOwnPropertyDescriptor(t, o) : null;
m && (m.get || m.set) ? Object.defineProperty(n, o, m) : n[o] = t[o];
}
return n.default = t, s && s.set(t, n), n;
}
const u = () => (0, c.default)((0, c.default)({}, (0, g.skeletonElementProps)()), {
shape: String
});
U.avatarProps = u;
var e = (0, r.defineComponent)({
compatConfig: {
MODE: 3
},
name: "ASkeletonAvatar",
props: (0, p.default)(u(), {
size: "default",
shape: "circle"
}),
setup(t) {
const {
prefixCls: i
} = (0, f.default)("skeleton", t), [s, n] = (0, h.default)(i), a = (0, r.computed)(() => (0, v.default)(i.value, `${i.value}-element`, {
[`${i.value}-active`]: t.active
}, n.value));
return () => s((0, r.createVNode)("div", {
class: a.value
}, [(0, r.createVNode)(g.default, (0, d.default)((0, d.default)({}, t), {}, {
prefixCls: `${i.value}-avatar`
}), null)]));
}
});
return U.default = e, U;
}
var Ee;
function gt() {
return Ee || (Ee = 1, function(l) {
var r = R;
Object.defineProperty(l, "__esModule", {
value: !0
}), Object.defineProperty(l, "SkeletonAvatar", {
enumerable: !0,
get: function() {
return f.default;
}
}), Object.defineProperty(l, "SkeletonButton", {
enumerable: !0,
get: function() {
return c.default;
}
}), Object.defineProperty(l, "SkeletonImage", {
enumerable: !0,
get: function() {
return p.default;
}
}), Object.defineProperty(l, "SkeletonInput", {
enumerable: !0,
get: function() {
return v.default;
}
}), Object.defineProperty(l, "SkeletonTitle", {
enumerable: !0,
get: function() {
return g.default;
}
}), l.default = void 0, Object.defineProperty(l, "skeletonProps", {
enumerable: !0,
get: function() {
return d.skeletonProps;
}
});
var d = y(st()), c = r(ct()), v = r(ft()), p = r(pt()), f = r(vt()), g = r(Ge());
function h(u) {
if (typeof WeakMap != "function")
return null;
var b = /* @__PURE__ */ new WeakMap(), e = /* @__PURE__ */ new WeakMap();
return (h = function(t) {
return t ? e : b;
})(u);
}
function y(u, b) {
if (!b && u && u.__esModule)
return u;
if (u === null || typeof u != "object" && typeof u != "function")
return { default: u };
var e = h(b);
if (e && e.has(u))
return e.get(u);
var t = {}, i = Object.defineProperty && Object.getOwnPropertyDescriptor;
for (var s in u)
if (s !== "default" && Object.prototype.hasOwnProperty.call(u, s)) {
var n = i ? Object.getOwnPropertyDescriptor(u, s) : null;
n && (n.get || n.set) ? Object.defineProperty(t, s, n) : t[s] = u[s];
}
return t.default = u, e && e.set(u, t), t;
}
d.default.Button = c.default, d.default.Avatar = f.default, d.default.Input = v.default, d.default.Image = p.default, d.default.Title = g.default, d.default.install = function(u) {
return u.component(d.default.name, d.default), u.component(d.default.Button.name, c.default), u.component(d.default.Avatar.name, f.default), u.component(d.default.Input.name, v.default), u.component(d.default.Image.name, p.default), u.component(d.default.Title.name, g.default), u;
};
var $ = d.default;
l.default = $;
}(he)), he;
}
var Ae;
function mt() {
if (Ae)
return W;
Ae = 1;
var l = R;
Object.defineProperty(W, "__esModule", {
value: !0
}), W.default = W.cardProps = void 0;
var r = B, d = l(ce()), c = l(et), v = l(tt()), p = fe(), f = l(it()), g = l(A()), h = l(rt()), y = l(dt()), $ = l(gt());
const {
TabPane: u
} = c.default, b = () => ({
prefixCls: String,
title: v.default.any,
extra: v.default.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: v.default.any,
tabList: {
type: Array
},
tabBarExtraContent: v.default.any,
activeTabKey: String,
defaultActiveTabKey: String,
cover: v.default.any,
onTabChange: {
type: Function
}
});
W.cardProps = b;
var t = (0, r.defineComponent)({
compatConfig: {
MODE: 3
},
name: "ACard",
inheritAttrs: !1,
props: b(),
slots: Object,
setup(i, s) {
let {
slots: n,
attrs: a
} = s;
const {
prefixCls: o,
direction: m,
size: S
} = (0, g.default)("card", i), [_, O] = (0, y.default)(o), q = (w) => w.map((P, D) => (0, r.isVNode)(P) && !(0, p.isEmptyElement)(P) || !(0, r.isVNode)(P) ? (0, r.createVNode)("li", {
style: {
width: `${100 / w.length}%`
},
key: `action-${D}`
}, [(0, r.createVNode)("span", null, [P])]) : null), ee = (w) => {
var C;
(C = i.onTabChange) === null || C === void 0 || C.call(i, w);
}, k = function() {
let w = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], C;
return w.forEach((P) => {
P && (0, f.default)(P.type) && P.type.__ANT_CARD_GRID && (C = !0);
}), C;
};
return () => {
var w, C, P, D, M, I;
const {
headStyle: E = {},
bodyStyle: T = {},
loading: H,
bordered: K = !0,
type: J,
tabList: N,
hoverable: ue,
activeTabKey: Q,
defaultActiveTabKey: Le,
tabBarExtraContent: $e = (0, p.filterEmptyWithUndefined)((w = n.tabBarExtraContent) === null || w === void 0 ? void 0 : w.call(n)),
title: pe = (0, p.filterEmptyWithUndefined)((C = n.title) === null || C === void 0 ? void 0 : C.call(n)),
extra: ve = (0, p.filterEmptyWithUndefined)((P = n.extra) === null || P === void 0 ? void 0 : P.call(n)),
actions: ge = (0, p.filterEmptyWithUndefined)((D = n.actions) === null || D === void 0 ? void 0 : D.call(n)),
cover: ye = (0, p.filterEmptyWithUndefined)((M = n.cover) === null || M === void 0 ? void 0 : M.call(n))
} = i, te = (0, p.flattenChildren)((I = n.default) === null || I === void 0 ? void 0 : I.call(n)), x = o.value, je = {
[`${x}`]: !0,
[O.value]: !0,
[`${x}-loading`]: H,
[`${x}-bordered`]: K,
[`${x}-hoverable`]: !!ue,
[`${x}-contain-grid`]: k(te),
[`${x}-contain-tabs`]: N && N.length,
[`${x}-${S.value}`]: S.value,
[`${x}-type-${J}`]: !!J,
[`${x}-rtl`]: m.value === "rtl"
}, Ue = (0, r.createVNode)($.default, {
loading: !0,
active: !0,
paragraph: {
rows: 4
},
title: !1
}, {
default: () => [te]
}), Se = Q !== void 0, Fe = {
size: "large",
[Se ? "activeKey" : "defaultActiveKey"]: Se ? Q : Le,
onChange: ee,
class: `${x}-head-tabs`
};
let be;
const _e = N && N.length ? (0, r.createVNode)(c.default, Fe, {
default: () => [N.map((re) => {
const {
tab: Ce,
slots: se
} = re, Pe = se == null ? void 0 : se.tab;
(0, h.default)(!se, "Card", "tabList slots is deprecated, Please use `customTab` instead.");
let me = Ce !== void 0 ? Ce : n[Pe] ? n[Pe](re) : null;
return me = (0, r.renderSlot)(n, "customTab", re, () => [me]), (0, r.createVNode)(u, {
tab: me,
key: re.key,
disabled: re.disabled
}, null);
})],
rightExtra: $e ? () => $e : null
}) : null;
(pe || ve || _e) && (be = (0, r.createVNode)("div", {
class: `${x}-head`,
style: E
}, [(0, r.createVNode)("div", {
class: `${x}-head-wrapper`
}, [pe && (0, r.createVNode)("div", {
class: `${x}-head-title`
}, [pe]), ve && (0, r.createVNode)("div", {
class: `${x}-extra`
}, [ve])]), _e]));
const Xe = ye ? (0, r.createVNode)("div", {
class: `${x}-cover`
}, [ye]) : null, Ke = (0, r.createVNode)("div", {
class: `${x}-body`,
style: T
}, [H ? Ue : te]), Je = ge && ge.length ? (0, r.createVNode)("ul", {
class: `${x}-actions`
}, [q(ge)]) : null;
return _((0, r.createVNode)("div", (0, d.default)((0, d.default)({
ref: "cardContainerRef"
}, a), {}, {
class: [je, a.class]
}), [be, Xe, te && te.length ? Ke : null, Je]));
};
}
});
return W.default = t, W;
}
var F = {}, ke;
function ht() {
if (ke)
return F;
ke = 1;
var l = R;
Object.defineProperty(F, "__esModule", {
value: !0
}), F.default = F.cardMetaProps = void 0;
var r = B, d = fe(), c = l(A()), v = ot();
const p = () => ({
prefixCls: String,
title: (0, v.vNodeType)(),
description: (0, v.vNodeType)(),
avatar: (0, v.vNodeType)()
});
F.cardMetaProps = p;
var f = (0, r.defineComponent)({
compatConfig: {
MODE: 3
},
name: "ACardMeta",
props: p(),
slots: Object,
setup(g, h) {
let {
slots: y
} = h;
const {
prefixCls: $
} = (0, c.default)("card", g);
return () => {
const u = {
[`${$.value}-meta`]: !0
}, b = (0, d.getPropsSlot)(y, g, "avatar"), e = (0, d.getPropsSlot)(y, g, "title"), t = (0, d.getPropsSlot)(y, g, "description"), i = b ? (0, r.createVNode)("div", {
class: `${$.value}-meta-avatar`
}, [b]) : null, s = e ? (0, r.createVNode)("div", {
class: `${$.value}-meta-title`
}, [e]) : null, n = t ? (0, r.createVNode)("div", {
class: `${$.value}-meta-description`
}, [t]) : null, a = s || n ? (0, r.createVNode)("div", {
class: `${$.value}-meta-detail`
}, [s, n]) : null;
return (0, r.createVNode)("div", {
class: u
}, [i, a]);
};
}
});
return F.default = f, F;
}
var X = {}, He;
function $t() {
if (He)
return X;
He = 1;
var l = R;
Object.defineProperty(X, "__esModule", {
value: !0
}), X.default = X.cardGridProps = void 0;
var r = B, d = l(A());
const c = () => ({
prefixCls: String,
hoverable: {
type: Boolean,
default: !0
}
});
X.cardGridProps = c;
var v = (0, r.defineComponent)({
compatConfig: {
MODE: 3
},
name: "ACardGrid",
__ANT_CARD_GRID: !0,
props: c(),
setup(p, f) {
let {
slots: g
} = f;
const {
prefixCls: h
} = (0, d.default)("card", p), y = (0, r.computed)(() => ({
[`${h.value}-grid`]: !0,
[`${h.value}-grid-hoverable`]: p.hoverable
}));
return () => {
var $;
return (0, r.createVNode)("div", {
class: y.value
}, [($ = g.default) === null || $ === void 0 ? void 0 : $.call(g)]);
};
}
});
return X.default = v, X;
}
(function(l) {
var r = R;
Object.defineProperty(l, "__esModule", {
value: !0
}), Object.defineProperty(l, "CardGrid", {
enumerable: !0,
get: function() {
return v.default;
}
}), Object.defineProperty(l, "CardMeta", {
enumerable: !0,
get: function() {
return c.default;
}
}), l.default = void 0;
var d = r(mt()), c = r(ht()), v = r($t());
d.default.Meta = c.default, d.default.Grid = v.default, d.default.install = function(f) {
return f.component(d.default.name, d.default), f.component(c.default.name, c.default), f.component(v.default.name, v.default), f;
};
var p = d.default;
l.default = p;
})(Ve);
const yt = /* @__PURE__ */ Ze(Ve), cr = Qe({
props: {
record: {
type: Object,
require: !0,
default: () => ({})
}
},
setup(l, { attrs: r, slots: d }) {
return () => {
var p;
const c = {
...l.record,
title: ((p = l.record) == null ? void 0 : p.label) ?? ""
}, v = c.children ?? [];
return delete c.children, Ye(yt, c, {
default: () => xe(
d,
"edit-node",
{},
() => v.map(
(f) => xe(d, "node", { record: f })
)
)
});
};
}
});
export {
cr as default
};