https://asketch.ai/_nuxt/Bf6MIX9q.js

1import { i as f, __tla as __tla_0 } from "./CevamKTt.js";
2import { hz as N, T as E, R as d, j6 as A, a9 as D, N as R, O as G, _ as w, P as q, je as F, aE as J, a3 as P, a8 as W, __tla as __tla_1 } from "./D9BjAukf.js";
3let S, v;
4let __tla = Promise.all([
5  (() => {
6    try {
7      return __tla_0;
8    } catch {
9    }
10  })(),
11  (() => {
12    try {
13      return __tla_1;
14    } catch {
15    }
16  })()
17]).then(async () => {
18  let h, x, K, Q, U, Y, y, Z, k, ee;
19  ({ createVNode: h } = await f("vue"));
20  ({ computed: x, defineComponent: K } = await f("vue"));
21  Q = () => ({
22    prefixCls: String,
23    color: String,
24    dot: d.any,
25    pending: A(),
26    position: d.oneOf(D("left", "right", "")).def(""),
27    label: d.any
28  });
29  v = K({
30    compatConfig: {
31      MODE: 3
32    },
33    name: "ATimelineItem",
34    props: N(Q(), {
35      color: "blue",
36      pending: false
37    }),
38    slots: Object,
39    setup(e, i) {
40      let { slots: l } = i;
41      const { prefixCls: n } = E("timeline", e), t = x(() => ({
42        [`${n.value}-item`]: true,
43        [`${n.value}-item-pending`]: e.pending
44      })), c = x(() => /blue|red|green|gray/.test(e.color || "") ? void 0 : e.color || "blue"), b = x(() => ({
45        [`${n.value}-item-head`]: true,
46        [`${n.value}-item-head-${e.color || "blue"}`]: !c.value
47      }));
48      return () => {
49        var u, g, r;
50        const { label: o = (u = l.label) === null || u === void 0 ? void 0 : u.call(l), dot: a = (g = l.dot) === null || g === void 0 ? void 0 : g.call(l) } = e;
51        return h("li", {
52          class: t.value
53        }, [
54          o && h("div", {
55            class: `${n.value}-item-label`
56          }, [
57            o
58          ]),
59          h("div", {
60            class: `${n.value}-item-tail`
61          }, null),
62          h("div", {
63            class: [
64              b.value,
65              !!a && `${n.value}-item-head-custom`
66            ],
67            style: {
68              borderColor: c.value,
69              color: c.value
70            }
71          }, [
72            a
73          ]),
74          h("div", {
75            class: `${n.value}-item-content`
76          }, [
77            (r = l.default) === null || r === void 0 ? void 0 : r.call(l)
78          ])
79        ]);
80      };
81    }
82  });
83  U = (e) => {
84    const { componentCls: i } = e;
85    return {
86      [i]: w(w({}, q(e)), {
87        margin: 0,
88        padding: 0,
89        listStyle: "none",
90        [`${i}-item`]: {
91          position: "relative",
92          margin: 0,
93          paddingBottom: e.timeLineItemPaddingBottom,
94          fontSize: e.fontSize,
95          listStyle: "none",
96          "&-tail": {
97            position: "absolute",
98            insetBlockStart: e.timeLineItemHeadSize,
99            insetInlineStart: (e.timeLineItemHeadSize - e.timeLineItemTailWidth) / 2,
100            height: `calc(100% - ${e.timeLineItemHeadSize}px)`,
101            borderInlineStart: `${e.timeLineItemTailWidth}px ${e.lineType} ${e.colorSplit}`
102          },
103          "&-pending": {
104            [`${i}-item-head`]: {
105              fontSize: e.fontSizeSM,
106              backgroundColor: "transparent"
107            },
108            [`${i}-item-tail`]: {
109              display: "none"
110            }
111          },
112          "&-head": {
113            position: "absolute",
114            width: e.timeLineItemHeadSize,
115            height: e.timeLineItemHeadSize,
116            backgroundColor: e.colorBgContainer,
117            border: `${e.timeLineHeadBorderWidth}px ${e.lineType} transparent`,
118            borderRadius: "50%",
119            "&-blue": {
120              color: e.colorPrimary,
121              borderColor: e.colorPrimary
122            },
123            "&-red": {
124              color: e.colorError,
125              borderColor: e.colorError
126            },
127            "&-green": {
128              color: e.colorSuccess,
129              borderColor: e.colorSuccess
130            },
131            "&-gray": {
132              color: e.colorTextDisabled,
133              borderColor: e.colorTextDisabled
134            }
135          },
136          "&-head-custom": {
137            position: "absolute",
138            insetBlockStart: e.timeLineItemHeadSize / 2,
139            insetInlineStart: e.timeLineItemHeadSize / 2,
140            width: "auto",
141            height: "auto",
142            marginBlockStart: 0,
143            paddingBlock: e.timeLineItemCustomHeadPaddingVertical,
144            lineHeight: 1,
145            textAlign: "center",
146            border: 0,
147            borderRadius: 0,
148            transform: "translate(-50%, -50%)"
149          },
150          "&-content": {
151            position: "relative",
152            insetBlockStart: -(e.fontSize * e.lineHeight - e.fontSize) + e.lineWidth,
153            marginInlineStart: e.margin + e.timeLineItemHeadSize,
154            marginInlineEnd: 0,
155            marginBlockStart: 0,
156            marginBlockEnd: 0,
157            wordBreak: "break-word"
158          },
159          "&-last": {
160            [`> ${i}-item-tail`]: {
161              display: "none"
162            },
163            [`> ${i}-item-content`]: {
164              minHeight: e.controlHeightLG * 1.2
165            }
166          }
167        },
168        [`&${i}-alternate,
169        &${i}-right,
170        &${i}-label`]: {
171          [`${i}-item`]: {
172            "&-tail, &-head, &-head-custom": {
173              insetInlineStart: "50%"
174            },
175            "&-head": {
176              marginInlineStart: `-${e.marginXXS}px`,
177              "&-custom": {
178                marginInlineStart: e.timeLineItemTailWidth / 2
179              }
180            },
181            "&-left": {
182              [`${i}-item-content`]: {
183                insetInlineStart: `calc(50% - ${e.marginXXS}px)`,
184                width: `calc(50% - ${e.marginSM}px)`,
185                textAlign: "start"
186              }
187            },
188            "&-right": {
189              [`${i}-item-content`]: {
190                width: `calc(50% - ${e.marginSM}px)`,
191                margin: 0,
192                textAlign: "end"
193              }
194            }
195          }
196        },
197        [`&${i}-right`]: {
198          [`${i}-item-right`]: {
199            [`${i}-item-tail,
200            ${i}-item-head,
201            ${i}-item-head-custom`]: {
202              insetInlineStart: `calc(100% - ${(e.timeLineItemHeadSize + e.timeLineItemTailWidth) / 2}px)`
203            },
204            [`${i}-item-content`]: {
205              width: `calc(100% - ${e.timeLineItemHeadSize + e.marginXS}px)`
206            }
207          }
208        },
209        [`&${i}-pending
210        ${i}-item-last
211        ${i}-item-tail`]: {
212          display: "block",
213          height: `calc(100% - ${e.margin}px)`,
214          borderInlineStart: `${e.timeLineItemTailWidth}px dotted ${e.colorSplit}`
215        },
216        [`&${i}-reverse
217        ${i}-item-last
218        ${i}-item-tail`]: {
219          display: "none"
220        },
221        [`&${i}-reverse ${i}-item-pending`]: {
222          [`${i}-item-tail`]: {
223            insetBlockStart: e.margin,
224            display: "block",
225            height: `calc(100% - ${e.margin}px)`,
226            borderInlineStart: `${e.timeLineItemTailWidth}px dotted ${e.colorSplit}`
227          },
228          [`${i}-item-content`]: {
229            minHeight: e.controlHeightLG * 1.2
230          }
231        },
232        [`&${i}-label`]: {
233          [`${i}-item-label`]: {
234            position: "absolute",
235            insetBlockStart: -(e.fontSize * e.lineHeight - e.fontSize) + e.timeLineItemTailWidth,
236            width: `calc(50% - ${e.marginSM}px)`,
237            textAlign: "end"
238          },
239          [`${i}-item-right`]: {
240            [`${i}-item-label`]: {
241              insetInlineStart: `calc(50% + ${e.marginSM}px)`,
242              width: `calc(50% - ${e.marginSM}px)`,
243              textAlign: "start"
244            }
245          }
246        },
247        "&-rtl": {
248          direction: "rtl",
249          [`${i}-item-head-custom`]: {
250            transform: "translate(50%, -50%)"
251          }
252        }
253      })
254    };
255  };
256  Y = R("Timeline", (e) => {
257    const i = G(e, {
258      timeLineItemPaddingBottom: e.padding * 1.25,
259      timeLineItemHeadSize: 10,
260      timeLineItemCustomHeadPaddingVertical: e.paddingXXS,
261      timeLinePaddingInlineEnd: 2,
262      timeLineItemTailWidth: e.lineWidthBold,
263      timeLineHeadBorderWidth: e.wireframe ? e.lineWidthBold : e.lineWidth * 3
264    });
265    return [
266      U(i)
267    ];
268  });
269  ({ createVNode: y } = await f("vue"));
270  ({ cloneVNode: Z, defineComponent: k } = await f("vue"));
271  ee = () => ({
272    prefixCls: String,
273    pending: d.any,
274    pendingDot: d.any,
275    reverse: A(),
276    mode: d.oneOf(D("left", "alternate", "right", ""))
277  });
278  S = k({
279    compatConfig: {
280      MODE: 3
281    },
282    name: "ATimeline",
283    inheritAttrs: false,
284    props: N(ee(), {
285      reverse: false,
286      mode: ""
287    }),
288    slots: Object,
289    setup(e, i) {
290      let { slots: l, attrs: n } = i;
291      const { prefixCls: t, direction: c } = E("timeline", e), [b, u] = Y(t), g = (r, o) => {
292        const a = r.props || {};
293        return e.mode === "alternate" ? a.position === "right" ? `${t.value}-item-right` : a.position === "left" ? `${t.value}-item-left` : o % 2 === 0 ? `${t.value}-item-left` : `${t.value}-item-right` : e.mode === "left" ? `${t.value}-item-left` : e.mode === "right" ? `${t.value}-item-right` : a.position === "right" ? `${t.value}-item-right` : "";
294      };
295      return () => {
296        var r, o, a;

297        const { pending: m = (r = l.pending) === null || r === void 0 ? void 0 : r.call(l), pendingDot: M = (o = l.pendingDot) === null || o === void 0 ? void 0 : o.call(l), reverse: I, mode: H } = e, O = typeof m == "boolean" ? null : m, L = F((a = l.default) === null || a === void 0 ? void 0 : a.call(l)), T = m ? y(v, {
298          pending: !!m,
299          dot: M || y(J, null, null)
300        }, {
301          default: () => [
302            O
303          ]
304        }) : null;
305        T && L.push(T);
306        const C = I ? L.reverse() : L, z = C.length, B = `${t.value}-item-last`, V = C.map((p, s) => {
307          const $ = s === z - 2 ? B : "", j = s === z - 1 ? B : "";
308          return Z(p, {
309            class: P([
310              !I && m ? $ : j,
311              g(p, s)
312            ])
313          });
314        }), _ = C.some((p) => {
315          var s, $;
316          return !!(!((s = p.props) === null || s === void 0) && s.label || !(($ = p.children) === null || $ === void 0) && $.label);
317        }), X = P(t.value, {
318          [`${t.value}-pending`]: !!m,
319          [`${t.value}-reverse`]: !!I,
320          [`${t.value}-${H}`]: !!H && !_,
321          [`${t.value}-label`]: _,
322          [`${t.value}-rtl`]: c.value === "rtl"
323        }, n.class, u.value);
324        return b(y("ul", W(W({}, n), {}, {
325          class: X
326        }), [
327          V
328        ]));
329      };
330    }
331  });
332  S.Item = v;
333  S.install = function(e) {
334    return e.component(S.name, S), e.component(v.name, v), e;
335  };
336});
337export {
338  S as T,
339  v as _,
340  __tla
341};