yc-design-vue 1.2.2 → 1.2.3

package/es/Alert/index.vue2.js

@@ -1,12 +1,12 @@
 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";
 import "../Empty/index.js";
 /* empty css                             */
-/* empty css                                          */
+/* empty css                                         */
 const _hoisted_1 = {
   key: 0,
   class: "yc-alert-icon"

package/es/Calendar/Calendar.vue2.js

@@ -7,8 +7,8 @@ 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";
-/* empty css                                          */
+import IconButton from "../_shared/components/IconButton.vue2.js";
+/* empty css                                         */
 import Button from "../Button/index.js";
 import "../Radio/index.js";
 import MonthCalendar from "./CalendarMonth.vue.js";

package/es/Cascader/CascaderIcon.vue2.js

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

package/es/Checkbox/Checkbox.vue2.js

@@ -8,8 +8,8 @@ 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";
-/* empty css                                          */
+import IconButton from "../_shared/components/IconButton.vue2.js";
+/* empty css                                         */
 const _hoisted_1 = ["value", "disabled", "checked"];
 const _hoisted_2 = { class: "yc-checkbox-icon" };
 const _hoisted_3 = {

package/es/Collapse/CollapseItem.vue2.js

@@ -6,8 +6,8 @@ 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 ExpandTransition from "../_shared/components/ExpandTransition.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 = {
   key: 1,

package/es/Drawer/Drawer.vue2.js

@@ -5,8 +5,8 @@ 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";
-/* empty css                                          */
+import IconButton from "../_shared/components/IconButton.vue2.js";
+/* empty css                                         */
 /* empty css                             */
 const _hoisted_1 = {
   key: 0,

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/Input/Input.vue2.js

@@ -5,9 +5,9 @@ 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                                         */
 /* empty css                             */
 import InputSuffix from "./InputSuffix.vue.js";
 const _hoisted_1 = ["value", "type", "disabled", "readonly", "placeholder"];

package/es/Input/InputSuffix.vue2.js

@@ -6,9 +6,9 @@ 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                                          */
+/* empty css                                         */
 const _hoisted_1 = {
   key: 0,
   class: "yc-input-word-limit"

package/es/InputTag/index.vue2.js

@@ -8,9 +8,9 @@ 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                                         */
 /* empty css                             */
 const _hoisted_1 = ["disabled", "readonly", "placeholder"];
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/es/Menu/SubMenu.vue2.js

@@ -6,8 +6,8 @@ import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
-/* empty css                                    */
-import ExpandTransition from "../_shared/components/ExpandTransition.vue.js";
+/* empty css                                   */
+import ExpandTransition from "../_shared/components/ExpandTransition.vue2.js";
 import "./index.js";
 import MenuItem from "./MenuItem.vue.js";
 const _hoisted_1 = { class: "yc-menu-inline" };

package/es/Message/Message.vue2.js

@@ -6,8 +6,8 @@ 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";
-/* empty css                                          */
+import IconButton from "../_shared/components/IconButton.vue2.js";
+/* empty css                                         */
 import { useTimeoutFn } from "../node_modules/@vueuse/shared/index.js";
 const _hoisted_1 = {
   key: 0,

package/es/Modal/Modal.vue2.js

@@ -6,8 +6,8 @@ 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";
-/* empty css                                          */
+import IconButton from "../_shared/components/IconButton.vue2.js";
+/* empty css                                         */
 /* empty css                             */
 const _hoisted_1 = {
   key: 0,

package/es/Notification/Notification.vue2.js

@@ -7,8 +7,8 @@ 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";
-/* empty css                                          */
+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" };
 const _hoisted_2 = {

package/es/PageHeader/index.vue2.js

@@ -6,8 +6,8 @@ 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";
-/* empty css                                          */
+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" };
 const _hoisted_3 = {

package/es/Radio/Radio.vue2.js

@@ -6,8 +6,8 @@ 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";
-/* empty css                                          */
+import IconButton from "../_shared/components/IconButton.vue2.js";
+/* empty css                                         */
 const _hoisted_1 = ["value", "checked", "disabled"];
 const _hoisted_2 = {
   key: 0,

package/es/Select/SelectIcon.vue2.js

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

package/es/Tabs/TabButton.vue2.js

@@ -1,11 +1,11 @@
 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";
 import "../Empty/index.js";
 /* empty css                             */
-/* empty css                                          */
+/* empty css                                         */
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TabButton",
   props: {

package/es/Tag/index.vue2.js

@@ -6,8 +6,8 @@ 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";
-/* empty css                                          */
+import IconButton from "../_shared/components/IconButton.vue2.js";
+/* empty css                                         */
 /* empty css                             */
 const _hoisted_1 = {
   key: 0,

package/es/Textarea/index.vue2.js

@@ -1,14 +1,14 @@
 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";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
-/* empty css                                          */
+/* empty css                                         */
 const _hoisted_1 = ["value", "disabled", "readonly", "placeholder"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/es/TimePicker/TimePicker.vue2.js

@@ -5,8 +5,8 @@ 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";
-/* empty css                                          */
+import IconButton from "../_shared/components/IconButton.vue2.js";
+/* empty css                                         */
 /* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconTime.vue.js";
 import Trigger from "../Trigger/index.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,8 +11,8 @@ 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";
-/* empty css                                          */
+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" };
 const _hoisted_3 = { class: "yc-transfer-view-header-title" };

package/es/Trigger/index.vue2.js

@@ -7,9 +7,9 @@ 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                                          */
+/* empty css                                         */
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "Trigger",

package/es/_shared/components/{ExpandTransition.vue.js → ExpandTransition.vue2.js}

@@ -1,5 +1,5 @@
 import _sfc_main from "./ExpandTransition.vue3.js";
-/* empty css                      */
+/* empty css                     */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
 const ExpandTransition = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6e588238"]]);
 export {

package/es/_shared/components/{IconButton.vue.js → IconButton.vue2.js}

@@ -1,5 +1,5 @@
 import _sfc_main from "./IconButton.vue3.js";
-/* empty css                */
+/* empty css               */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
 const IconButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8fb80b1e"]]);
 export {