yc-design-vue 1.2.1 → 1.2.3

package/es/Alert/index.vue2.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, createBlock, openBlock, Transition, withCtx, createElementBlock, createCommentVNode, normalizeClass, createElementVNode, renderSlot, resolveDynamicComponent, unref, createTextVNode, toDisplayString, createVNode } from "vue";
 import { TYPE_ICON_MAP } from "../_shared/constants/index.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
+import IconButton from "../_shared/components/IconButton.vue2.js";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";

package/es/Calendar/Calendar.vue2.js

@@ -7,7 +7,7 @@ import "../Empty/index.js";
 /* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconArrowRight.vue.js";
 import useControlValue from "../_shared/utils/control.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
+import IconButton from "../_shared/components/IconButton.vue2.js";
 /* empty css                                         */
 import Button from "../Button/index.js";
 import "../Radio/index.js";

package/es/Carousel/Carousel.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./Carousel.vue2.js";
 /* empty css              */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Carousel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5285806c"]]);
+const _Carousel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c790779f"]]);
 export {
   _Carousel as default
 };

package/es/Carousel/Carousel.vue2.js

@@ -8,7 +8,6 @@ import "../Empty/index.js";
 import useContext from "./hooks/useContext.js";
 import CarouselArrow from "./CarouselArrow.vue.js";
 import CarouselIndicator from "./CarouselIndicator.vue.js";
-import { useInterval } from "../node_modules/@vueuse/shared/index.js";
 const _hoisted_1 = {
   key: 0,
   class: "yc-carousel-indicator-wrapper"
@@ -42,21 +41,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emits = __emit;
     const { slideTo, computedCurrent, autoPlay, carouselItems } = useContext().provide(props, emits);
-    let autoPlayTimer = ref(0);
+    const autoPlayTimer = ref(0);
     const stopAutoPlay = () => {
+      if (!autoPlayTimer.value) return;
       clearInterval(autoPlayTimer.value);
+      autoPlayTimer.value = 0;
     };
     const setAutoPlay = () => {
       var _a;
       if (!autoPlay.value) return;
-      autoPlayTimer = useInterval(
-        ((_a = autoPlay.value) == null ? void 0 : _a.interval) ?? 3e3,
-        {
-          callback: () => {
-            console.log("定时器触发了");
-            slideTo(computedCurrent.value + 1);
-          }
-        }
+      stopAutoPlay();
+      autoPlayTimer.value = window.setInterval(
+        () => {
+          slideTo(computedCurrent.value + 1);
+        },
+        ((_a = autoPlay.value) == null ? void 0 : _a.interval) ?? 3e3
       );
     };
     const handleChange = async (index) => {

package/es/Cascader/CascaderIcon.vue2.js

@@ -6,7 +6,7 @@ import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
-import IconButton from "../_shared/components/IconButton.vue.js";
+import IconButton from "../_shared/components/IconButton.vue2.js";
 /* empty css                                         */
 import Spin from "../Spin/index.js";
 const _hoisted_1 = { class: "yc-cascader-suffix-icon" };

package/es/Checkbox/Checkbox.vue2.js

@@ -8,7 +8,7 @@ import "../Empty/index.js";
 import _sfc_main$1 from "../_shared/icons/IconCheckboxChecked.vue.js";
 import useControlValue from "../_shared/utils/control.js";
 import useContext from "./hooks/useContext.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
+import IconButton from "../_shared/components/IconButton.vue2.js";
 /* empty css                                         */
 const _hoisted_1 = ["value", "disabled", "checked"];
 const _hoisted_2 = { class: "yc-checkbox-icon" };

package/es/Collapse/CollapseItem.vue2.js

@@ -6,7 +6,7 @@ import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconRight.vue.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
+import IconButton from "../_shared/components/IconButton.vue2.js";
 import ExpandTransition from "../_shared/components/ExpandTransition.vue2.js";
 const _hoisted_1 = { class: "yc-collapse-item-header-title text-ellipsis" };
 const _hoisted_2 = {

package/es/Descriptions/Descriptions.vue.d.ts

@@ -13,8 +13,8 @@ declare const __VLS_component: import('vue').DefineComponent<DescriptionsProps,
     data: DescData[];
     title: string;
     bordered: boolean;
-    align: import('./type').DescriptionsAlign;
     tableLayout: import('./type').TableLayout;
+    align: import('./type').DescriptionsAlign;
     labelStyle: import('vue').CSSProperties;
     valueStyle: import('vue').CSSProperties;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/es/Descriptions/index.d.ts

@@ -12,8 +12,8 @@ declare const Descriptions: {
         data: import('./type').DescData[];
         title: string;
         bordered: boolean;
-        align: import('./type').DescriptionsAlign;
         tableLayout: import('./type').TableLayout;
+        align: import('./type').DescriptionsAlign;
         labelStyle: import('vue').CSSProperties;
         valueStyle: import('vue').CSSProperties;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -30,8 +30,8 @@ declare const Descriptions: {
         data: import('./type').DescData[];
         title: string;
         bordered: boolean;
-        align: import('./type').DescriptionsAlign;
         tableLayout: import('./type').TableLayout;
+        align: import('./type').DescriptionsAlign;
         labelStyle: import('vue').CSSProperties;
         valueStyle: import('vue').CSSProperties;
     }>;
@@ -45,8 +45,8 @@ declare const Descriptions: {
     data: import('./type').DescData[];
     title: string;
     bordered: boolean;
-    align: import('./type').DescriptionsAlign;
     tableLayout: import('./type').TableLayout;
+    align: import('./type').DescriptionsAlign;
     labelStyle: import('vue').CSSProperties;
     valueStyle: import('vue').CSSProperties;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {

package/es/Drawer/Drawer.vue2.js

@@ -5,7 +5,7 @@ import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import useModalClose from "../Modal/hooks/useModalClose.js";
 import Button from "../Button/index.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
+import IconButton from "../_shared/components/IconButton.vue2.js";
 /* empty css                                         */
 /* empty css                             */
 const _hoisted_1 = {

package/es/Grid/Grid.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./Grid.vue2.js";
 /* empty css          */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Grid = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8bbcc82b"]]);
+const _Grid = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-671eadee"]]);
 export {
   _Grid as default
 };

package/es/Grid/Grid.vue2.js

@@ -19,7 +19,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const { breakpoint, cols, rowGap } = useContext().provide(props);
+    const { breakpoint, cols, rowGap, colGap } = useContext().provide(props);
     mediaQueryHandler((name) => {
       breakpoint.value = name;
     });
@@ -27,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: "yc-grid",
         style: normalizeStyle({
-          gap: `${unref(valueToPx)(unref(rowGap))} ${unref(valueToPx)(unref(rowGap))}`,
+          gap: `${unref(valueToPx)(unref(rowGap))} ${unref(valueToPx)(unref(colGap))}`,
           gridTemplateColumns: `repeat(${unref(cols)}, minmax(0px, 1fr))`
         })
       }, [

package/es/Grid/GridCol.vue.js

@@ -1,6 +1,7 @@
 import { defineComponent, toRefs, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot } from "vue";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { getBreakpointValue, valueToPx } from "../_shared/utils/dom.js";
+import { isString } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
@@ -21,12 +22,44 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { span, order, offset, flex } = toRefs(props);
     const { gutter, div, breakpoint } = useContext().inject();
     const style = computed(() => {
+      const curFlex = getBreakpointValue(breakpoint.value, flex.value);
+      const curSpan = getBreakpointValue(
+        breakpoint.value,
+        span.value,
+        24
+      );
+      const curOffset = getBreakpointValue(
+        breakpoint.value,
+        offset.value,
+        0
+      );
+      const baseStyle = {
+        padding: `${valueToPx(gutter.value[1] / 2)} ${valueToPx(
+          gutter.value[0] / 2
+        )}`,
+        order: getBreakpointValue(breakpoint.value, order.value, 0)
+      };
+      if (!curFlex) {
+        if (!curSpan) {
+          return {
+            display: "none"
+          };
+        }
+        return {
+          ...baseStyle,
+          flex: `0 0 ${curSpan / 24 * 100}%`,
+          marginLeft: `calc(${curOffset / 24 * 100}%)`
+        };
+      }
+      let styleFlex = "";
+      if (isString(curFlex)) {
+        styleFlex = /\d/.test(curFlex) ? `0 0 ${curFlex}` : curFlex;
+      } else {
+        styleFlex = `${curFlex} 1 0%`;
+      }
       return {
-        width: `calc((100% / 24) * ${getBreakpointValue(breakpoint.value, span.value, 24)})`,
-        padding: `${valueToPx(gutter.value[1] / 2)} ${valueToPx(gutter.value[0] / 2)}`,
-        marginLeft: offset.value ? `calc((100% / 24) * ${getBreakpointValue(breakpoint.value, offset.value, 0)})` : "",
-        order: getBreakpointValue(breakpoint.value, order.value),
-        flex: getBreakpointValue(breakpoint.value, flex.value)
+        ...baseStyle,
+        flex: styleFlex
       };
     });
     return (_ctx, _cache) => {

package/es/Input/Input.vue2.js

@@ -5,7 +5,7 @@ import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import useControlValue from "../_shared/utils/control.js";
 import useLimitedInput from "./hooks/useLimitedInput.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
+import IconButton from "../_shared/components/IconButton.vue2.js";
 import _sfc_main$1 from "../_shared/components/PreventFocus.vue.js";
 /* empty css                                         */
 /* empty css                             */

package/es/Input/InputSuffix.vue2.js

@@ -6,7 +6,7 @@ import "../Empty/index.js";
 /* empty css                             */
 import _sfc_main$3 from "../_shared/icons/IconEyeClose.vue2.js";
 import _sfc_main$2 from "../_shared/icons/IconEyeOpen.vue2.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
+import IconButton from "../_shared/components/IconButton.vue2.js";
 import _sfc_main$1 from "../_shared/components/PreventFocus.vue.js";
 /* empty css                                         */
 const _hoisted_1 = {

package/es/InputTag/index.vue2.js

@@ -8,7 +8,7 @@ import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import useControlValue from "../_shared/utils/control.js";
 import Tag from "../Tag/index.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
+import IconButton from "../_shared/components/IconButton.vue2.js";
 import _sfc_main$1 from "../_shared/components/PreventFocus.vue.js";
 /* empty css                                         */
 /* empty css                             */

package/es/Menu/SubMenu.vue2.js

@@ -6,7 +6,7 @@ import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
-/* empty css                                    */
+/* empty css                                   */
 import ExpandTransition from "../_shared/components/ExpandTransition.vue2.js";
 import "./index.js";
 import MenuItem from "./MenuItem.vue.js";

package/es/Message/Message.vue2.js

@@ -6,7 +6,7 @@ import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
 import { TYPE_ICON_MAP } from "../_shared/constants/index.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
+import IconButton from "../_shared/components/IconButton.vue2.js";
 /* empty css                                         */
 import { useTimeoutFn } from "../node_modules/@vueuse/shared/index.js";
 const _hoisted_1 = {

package/es/Modal/Modal.vue2.js

@@ -6,7 +6,7 @@ import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import useModalClose from "./hooks/useModalClose.js";
 import useModalDraggable from "./hooks/useModalDraggable.js";
 import Button from "../Button/index.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
+import IconButton from "../_shared/components/IconButton.vue2.js";
 /* empty css                                         */
 /* empty css                             */
 const _hoisted_1 = {

package/es/Modal/hooks/useModalClose.d.ts

@@ -12,7 +12,7 @@ declare const _default: (params: {
 }) => {
     asyncLoading: Ref<boolean, boolean>;
     outerVisible: Ref<boolean, boolean>;
-    innerVisible: import('vue').WritableComputedRef<any, boolean>;
+    innerVisible: Ref<boolean, boolean>;
     handleClose: (type: CloseEventType, ev: MouseEvent | KeyboardEvent, cancelEmits?: boolean) => Promise<void>;
     handleAfterLeave: () => void;
 };

package/es/Modal/hooks/useModalClose.js

@@ -1,4 +1,4 @@
-import { ref, watch } from "vue";
+import { ref, watch, nextTick } from "vue";
 import { onKeyStroke } from "../../node_modules/@vueuse/core/index.js";
 import "../../node_modules/tinycolor2/esm/tinycolor.js";
 import "../../_shared/utils/dom.js";
@@ -17,15 +17,16 @@ const useModalClose = (params) => {
     onBeforeOk,
     emits
   } = params;
-  const outerVisible = ref(false);
-  const asyncLoading = ref(false);
-  const innerVisible = useControlValue(
+  const computedVisible = useControlValue(
     visible,
     defaultVisible.value,
     (val) => {
       emits("update:visible", val);
     }
   );
+  const outerVisible = ref(false);
+  const innerVisible = ref(false);
+  const asyncLoading = ref(false);
   const handleAfterLeave = () => {
     emits("close");
     outerVisible.value = false;
@@ -42,19 +43,24 @@ const useModalClose = (params) => {
       emits("ok");
     }
     cancelEmits && emits("cancel", ev);
-    innerVisible.value = false;
+    computedVisible.value = false;
   };
   if (escToClose.value) {
     onKeyStroke(["Escape"], (ev) => {
-      if (!innerVisible.value) return;
+      if (!computedVisible.value) return;
       handleClose("esc", ev);
     });
   }
   watch(
-    () => innerVisible.value,
-    (val) => {
-      if (!val) return;
-      outerVisible.value = val;
+    () => computedVisible.value,
+    async (val) => {
+      if (!val) {
+        innerVisible.value = val;
+      } else {
+        outerVisible.value = val;
+        await nextTick();
+        innerVisible.value = val;
+      }
     },
     {
       immediate: true

package/es/Notification/Notification.vue2.js

@@ -7,7 +7,7 @@ import "../_shared/utils/time.js";
 import { getSlotFunction } from "../_shared/utils/vue-utils.js";
 import "../Empty/index.js";
 /* empty css                             */
-import IconButton from "../_shared/components/IconButton.vue.js";
+import IconButton from "../_shared/components/IconButton.vue2.js";
 /* empty css                                         */
 import { useTimeoutFn } from "../node_modules/@vueuse/shared/index.js";
 const _hoisted_1 = { class: "yc-notification-left" };

package/es/PageHeader/index.vue2.js

@@ -6,7 +6,7 @@ import "../Empty/index.js";
 /* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconArrowRight.vue.js";
 import Divider from "../Divider/index.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
+import IconButton from "../_shared/components/IconButton.vue2.js";
 /* empty css                                         */
 const _hoisted_1 = { class: "yc-page-header" };
 const _hoisted_2 = { class: "yc-page-header-wrapper" };

package/es/Radio/Radio.vue2.js

@@ -6,7 +6,7 @@ import "../Empty/index.js";
 /* empty css                             */
 import useControlValue from "../_shared/utils/control.js";
 import useContext from "./hooks/useContext.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
+import IconButton from "../_shared/components/IconButton.vue2.js";
 /* empty css                                         */
 const _hoisted_1 = ["value", "checked", "disabled"];
 const _hoisted_2 = {

package/es/Select/SelectIcon.vue2.js

@@ -6,7 +6,7 @@ import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
-import IconButton from "../_shared/components/IconButton.vue.js";
+import IconButton from "../_shared/components/IconButton.vue2.js";
 /* empty css                                         */
 import Spin from "../Spin/index.js";
 const _hoisted_1 = { class: "yc-select-suffix-icon" };

package/es/Tabs/TabButton.vue2.js

@@ -1,5 +1,5 @@
 import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createCommentVNode } from "vue";
-import IconButton from "../_shared/components/IconButton.vue.js";
+import IconButton from "../_shared/components/IconButton.vue2.js";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";

package/es/Tag/index.vue2.js

@@ -6,7 +6,7 @@ import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import useControlValue from "../_shared/utils/control.js";
 import Spin from "../Spin/index.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
+import IconButton from "../_shared/components/IconButton.vue2.js";
 /* empty css                                         */
 /* empty css                             */
 const _hoisted_1 = {

package/es/Textarea/index.vue2.js

@@ -1,7 +1,7 @@
 import { defineComponent, toRefs, ref, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createElementVNode, createBlock, toDisplayString, normalizeStyle, withCtx, createTextVNode } from "vue";
 import useTextareaHeight from "./hooks/useTextareaHeight.js";
 import useLimitedInput from "../Input/hooks/useLimitedInput.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
+import IconButton from "../_shared/components/IconButton.vue2.js";
 import _sfc_main$1 from "../_shared/components/PreventFocus.vue.js";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";

package/es/TimePicker/TimePicker.vue2.js

@@ -5,7 +5,7 @@ import { isArray } from "../_shared/utils/is.js";
 import { isValidTimeRange } from "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import useContext from "./hooks/useContext.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
+import IconButton from "../_shared/components/IconButton.vue2.js";
 /* empty css                                         */
 /* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconTime.vue.js";

package/es/Timeline/Timeline.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./Timeline.vue2.js";
 /* empty css              */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Timeline = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cf2690e2"]]);
+const _Timeline = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5c440608"]]);
 export {
   _Timeline as default
 };

package/es/Timeline/Timeline.vue2.js

@@ -1,14 +1,5 @@
-import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, createBlock, createCommentVNode, Fragment, renderList, resolveDynamicComponent, withCtx, toDisplayString, renderSlot, createVNode } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import "../_shared/utils/dom.js";
-import { isString } from "../_shared/utils/is.js";
-import "../_shared/utils/time.js";
-import "../Empty/index.js";
-/* empty css                             */
+import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, Fragment, renderList, createBlock, resolveDynamicComponent } from "vue";
 import useContext from "./hooks/useContext.js";
-import TimelineItem from "./TimelineItem.vue.js";
-import Spin from "../Spin/index.js";
-const _hoisted_1 = { key: 0 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "Timeline"
@@ -53,21 +44,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: i,
             mode: getPoistion(i)
           }, null, 8, ["mode"]);
-        }), 128)),
-        _ctx.pending ? (openBlock(), createBlock(TimelineItem, {
-          key: 0,
-          "is-ghost": ""
-        }, {
-          dot: withCtx(() => [
-            renderSlot(_ctx.$slots, "dot", {}, () => [
-              createVNode(unref(Spin), { size: 12 })
-            ], true)
-          ]),
-          default: withCtx(() => [
-            unref(isString)(_ctx.pending) ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.pending), 1)) : createCommentVNode("", true)
-          ]),
-          _: 3
-        })) : createCommentVNode("", true)
+        }), 128))
       ], 2);
     };
   }

package/es/Timeline/TimelineItemPending.vue.d.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    pending: boolean | string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        dot?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    pending: boolean | string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/Timeline/TimelineItemPending.vue.js

@@ -0,0 +1,34 @@
+import { defineComponent, createBlock, openBlock, withCtx, createElementBlock, createCommentVNode, unref, toDisplayString, renderSlot, createVNode } from "vue";
+import TimelineItem from "./TimelineItem.vue.js";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import "../_shared/utils/dom.js";
+import { isString } from "../_shared/utils/is.js";
+import "../_shared/utils/time.js";
+import "../Empty/index.js";
+/* empty css                             */
+import Spin from "../Spin/index.js";
+const _hoisted_1 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TimelineItemPending",
+  props: {
+    pending: { type: [Boolean, String], default: "" }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(TimelineItem, { "is-ghost": "" }, {
+        dot: withCtx(() => [
+          renderSlot(_ctx.$slots, "dot", {}, () => [
+            createVNode(unref(Spin), { size: 12 })
+          ])
+        ]),
+        default: withCtx(() => [
+          unref(isString)(_ctx.pending) ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.pending), 1)) : createCommentVNode("", true)
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/Timeline/TimelineItemPending.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./TimelineItemPending.vue.js";
+export {
+  _sfc_main as default
+};

package/es/Timeline/hooks/useContext.d.ts

@@ -11,7 +11,9 @@ declare const _default: () => {
     provide: (props: Props) => {
         direction: Ref<Direction, Direction>;
         mode: import('vue').ComputedRef<TimelineMode>;
-        timelineItems: import('vue').ComputedRef<import('../../_shared/type').ObjectData[]>;
+        timelineItems: import('vue').ComputedRef<(import('../../_shared/type').ObjectData | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+            [key: string]: any;
+        }>)[]>;
     };
     inject: () => TimelineContext;
 };

package/es/Timeline/hooks/useContext.js

@@ -1,4 +1,4 @@
-import { toRefs, useSlots, computed, provide, inject, ref } from "vue";
+import { toRefs, useSlots, computed, h, provide, inject, ref } from "vue";
 import "../../node_modules/tinycolor2/esm/tinycolor.js";
 import "../../_shared/utils/dom.js";
 import "../../_shared/utils/time.js";
@@ -6,6 +6,7 @@ import { findComponentsFromVnodes } from "../../_shared/utils/vue-utils.js";
 import "../../Empty/index.js";
 /* empty css                                */
 import TimelineItem from "../TimelineItem.vue.js";
+import _sfc_main from "../TimelineItemPending.vue.js";
 const TIMELINE_CONTEXT_KEY = "timeline-context";
 const useContext = () => {
   const provide$1 = (props) => {
@@ -13,6 +14,7 @@ const useContext = () => {
       direction,
       labelPosition,
       reverse,
+      pending,
       mode: _mode
     } = toRefs(props);
     const slots = useSlots();
@@ -26,10 +28,11 @@ const useContext = () => {
     });
     const timelineItems = computed(() => {
       var _a;
-      return findComponentsFromVnodes(
+      const nodes = findComponentsFromVnodes(
         ((_a = slots.default) == null ? void 0 : _a.call(slots)) || [],
         TimelineItem.name
       );
+      return pending.value ? [...nodes, h(_sfc_main, { pending: pending.value }, slots)] : nodes;
     });
     provide(TIMELINE_CONTEXT_KEY, {
       direction,

package/es/Transfer/TransferPanel.vue2.js

@@ -11,7 +11,7 @@ import useContext from "./hooks/useContext.js";
 import Checkbox from "../Checkbox/index.js";
 import Scrollbar from "../Scrollbar/index.js";
 import Input from "../Input/index.js";
-import IconButton from "../_shared/components/IconButton.vue.js";
+import IconButton from "../_shared/components/IconButton.vue2.js";
 /* empty css                                         */
 const _hoisted_1 = { class: "yc-transfer-view" };
 const _hoisted_2 = { class: "yc-transfer-view-header" };

package/es/Trigger/index.vue2.js

@@ -7,7 +7,7 @@ import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import useTriggerVisible from "./hooks/useTriggerVisible.js";
 import useTriggerPosition from "./hooks/useTriggerPosition.js";
 /* empty css                             */
-/* empty css                                    */
+/* empty css                                   */
 import _sfc_main$1 from "../_shared/components/PreventFocus.vue.js";
 /* empty css                                         */
 const _sfc_main = /* @__PURE__ */ defineComponent({