yc-design-vue 1.0.1 → 1.0.3

package/es/Select/type.d.ts

@@ -1,6 +1,7 @@
 import { ObjectData, RenderContent, Size, PopupContainer } from '../_shared/type';
 import { TriggerInstance, TriggerProps } from '../Trigger';
 import { TagProps } from '../Tag';
+import { VNode } from 'vue';
 export interface SelectProps {
     multiple?: boolean;
     modelValue?: SelectValue;
@@ -56,21 +57,21 @@ export interface SelectEmits {
     (e: 'select', value: SelectValue): void;
 }
 export interface SelectSlots {
-    default(): void;
-    trigger(): void;
-    prefix(): void;
-    ['search-icon'](): void;
-    ['loading-icon'](): void;
-    ['arrow-icon'](): void;
-    footer(): void;
-    header(): void;
-    label(scope: {
+    default?: () => VNode[];
+    trigger?: () => VNode[];
+    prefix?: () => VNode[];
+    'search-icon'?: () => VNode[];
+    'loading-icon'?: () => VNode[];
+    'arrow-icon'?: () => VNode[];
+    footer?: () => VNode[];
+    header?: () => VNode[];
+    label?: (scope: {
         data: ObjectData;
-    }): void;
-    option(scope: {
+    }) => VNode[];
+    option?: (scope: {
         data: ObjectData;
-    }): void;
-    empty(): void;
+    }) => VNode[];
+    empty?: () => VNode[];
 }
 export interface SelectExpose {
     focus(): void;
@@ -86,16 +87,16 @@ export interface OptionProps {
     isFallbackOption?: boolean;
 }
 export interface OptionSlots {
-    default(): void;
-    icon(): void;
-    suffix(): void;
+    default?: () => VNode[];
+    icon?: () => VNode[];
+    suffix?: () => VNode[];
 }
 export interface OptgroupProps {
     label?: string;
 }
 export interface OptgroupSlots {
-    default(): void;
-    label(): void;
+    default?: () => VNode[];
+    label?: () => VNode[];
 }
 export type SelectValue = (string | number | boolean | ObjectData) | (string | number | boolean | ObjectData)[];
 export type SelectOptionData = {

package/es/Skeleton/type.d.ts

@@ -1,10 +1,11 @@
+import { VNode } from 'vue';
 export interface SkeletonProps {
     animation?: boolean;
     loading?: boolean;
 }
 export interface SkeletonSlots {
-    default(): void;
-    content(): void;
+    default?: () => VNode[];
+    content?: () => VNode[];
 }
 export interface SkeletonLineProps {
     rows?: number;

package/es/Space/index.vue.js

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

package/es/Space/index.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, toRefs, useSlots, computed, Fragment, Comment, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot, createCommentVNode, renderList, createElementVNode, createBlock, resolveDynamicComponent } from "vue";
+import { defineComponent, useSlots, toRefs, computed, Fragment, Comment, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot, createCommentVNode, renderList, createElementVNode, createBlock, resolveDynamicComponent } from "vue";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import { valueToPx } from "../_shared/utils/fn.js";
@@ -25,9 +25,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     size: { default: "small" }
   },
   setup(__props) {
+    const slots = useSlots();
     const props = __props;
     const { size, direction, align: _align } = toRefs(props);
-    const slots = useSlots();
     const gap = computed(() => {
       const map = {
         mini: 4,

package/es/Space/type.d.ts

@@ -1,4 +1,5 @@
 import { Direction, Size } from '../_shared/type';
+import { VNode } from 'vue';
 export interface SpaceProps {
     align?: SpaceAlign;
     direction?: Direction;
@@ -7,7 +8,7 @@ export interface SpaceProps {
     size?: Size | number;
 }
 export interface SpaceSlots {
-    default(): void;
-    split(): void;
+    default?: () => VNode[];
+    split?: () => VNode[];
 }
 export type SpaceAlign = 'start' | 'end' | 'center' | 'baseline';

package/es/Spin/index.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.js";
 /* empty css           */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Spin = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9ab77259"]]);
+const _Spin = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4d07b531"]]);
 export {
   _Spin as default
 };

package/es/Spin/index.vue2.js

@@ -47,7 +47,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }
               ]),
               style: normalizeStyle({
-                fontSize: !_ctx.isSizeInherit ? unref(valueToPx)(_ctx.size) : ""
+                fontSize: !_ctx.isSizeInherit ? unref(valueToPx)(_ctx.size) : "inherit"
               })
             }, [
               renderSlot(_ctx.$slots, "icon", {}, () => [

package/es/Spin/type.d.ts

@@ -1,3 +1,4 @@
+import { VNode } from 'vue';
 export interface SpinProps {
     size?: number;
     loading?: boolean;
@@ -7,7 +8,7 @@ export interface SpinProps {
     isSizeInherit?: boolean;
 }
 export interface SpinSlots {
-    default(): void;
-    icon(): void;
-    tip(): void;
+    default?: () => VNode[];
+    icon?: () => VNode[];
+    tip?: () => VNode[];
 }

package/es/Split/type.d.ts

@@ -1,4 +1,5 @@
 import { Direction } from '../_shared/type';
+import { VNode } from 'vue';
 export interface SplitProps {
     component?: string;
     direction?: Direction;
@@ -15,8 +16,8 @@ export interface SplitEmits {
     (e: 'moving-end'): void;
 }
 export interface SplitSlots {
-    ['resize-trigger-icon'](): void;
-    ['resize-trigger'](): void;
-    first(): void;
-    second(): void;
+    'resize-trigger-icon'?: () => VNode[];
+    'resize-trigger'?: () => VNode[];
+    first?: () => VNode[];
+    second?: () => VNode[];
 }

package/es/Statistic/type.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'vue';
+import { CSSProperties, VNode } from 'vue';
 export interface StatisticProps {
     title?: string;
     value?: StatisticValue;
@@ -20,11 +20,11 @@ export interface StatisticEmits {
     (e: 'finish'): void;
 }
 export interface StatisticSlots {
-    title(): void;
-    prefix(): void;
-    suffix(): void;
-    extra(): void;
-    value(): void;
+    title?: () => VNode[];
+    prefix?: () => VNode[];
+    suffix?: () => VNode[];
+    extra?: () => VNode[];
+    value?: () => VNode[];
 }
 export interface CountdownProps {
     title?: string;
@@ -39,6 +39,6 @@ export interface CountDownEmits {
     (e: 'finish'): void;
 }
 export interface CountdownSlots {
-    title(): void;
+    title?: () => VNode[];
 }
 export type StatisticValue = number | Date;

package/es/Steps/type.d.ts

@@ -1,4 +1,5 @@
 import { Direction } from '../_shared/type';
+import { VNode } from 'vue';
 export interface StepsProps {
     type?: StepType;
     direction?: Direction;
@@ -15,7 +16,7 @@ export interface StepsEmits {
     (e: 'update:current', step: number): void;
 }
 export interface StepsSlots {
-    default(): void;
+    default?: () => VNode[];
 }
 export interface StepProps {
     title?: string;
@@ -24,16 +25,16 @@ export interface StepProps {
     disabled?: boolean;
 }
 export interface StepSlots {
-    node(scope: {
+    node?: (scope: {
         step: number;
         status: StepStatus;
-    }): void;
-    icon(scope: {
+    }) => VNode[];
+    icon?: (scope: {
         step: number;
         status: StepStatus;
-    }): void;
-    description(): void;
-    default(): void;
+    }) => VNode[];
+    description?: () => VNode[];
+    default?: () => VNode[];
 }
 export type StepStatus = 'wait' | 'process' | 'finish' | 'error';
 export type StepType = 'default' | 'arrow' | 'dot' | 'navigation';

package/es/Switch/index.vue.js

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

package/es/Switch/index.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, useCssVars, computed, toRefs, useSlots, ref, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createCommentVNode, createBlock, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, useCssVars, computed, useSlots, toRefs, ref, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createCommentVNode, createBlock, renderSlot, createTextVNode, toDisplayString } from "vue";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import { isBoolean } from "../_shared/utils/is.js";
@@ -42,8 +42,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "455e587d": background.value
+      "e55eb67a": background.value
     }));
+    const slots = useSlots();
     const props = __props;
     const emits = __emit;
     const {
@@ -60,7 +61,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       loading: _loading
     } = toRefs(props);
     const { beforeChange } = props;
-    const slots = useSlots();
     const { size } = getGlobalConfig(props);
     const computedValue = useControlValue(
       modelValue,

package/es/Switch/type.d.ts

@@ -1,3 +1,4 @@
+import { VNode } from 'vue';
 export interface SwitchProps {
     modelValue?: SwitchValue;
     defaultChecked?: SwitchValue;
@@ -20,10 +21,10 @@ export interface SwitchEmits {
     (e: 'blur', ev: FocusEvent): void;
 }
 export interface SwitchSlots {
-    ['checked-icon'](): void;
-    ['unchecked-icon'](): void;
-    ['checked'](): void;
-    ['unchecked'](): void;
+    'checked-icon'?: () => VNode[];
+    'unchecked-icon'?: () => VNode[];
+    checked?: () => VNode[];
+    unchecked?: () => VNode[];
 }
 export type SwitchValue = string | number | boolean;
 export type SwitchType = 'circle' | 'round' | 'line';

package/es/Tabs/Tabs.vue.js

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

package/es/Tabs/Tabs.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, useSlots, computed, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createCommentVNode, createBlock, withCtx, createVNode, normalizeStyle, Fragment, renderList, renderSlot, resolveDynamicComponent, nextTick } from "vue";
+import { defineComponent, useSlots, ref, computed, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createCommentVNode, createBlock, withCtx, createVNode, normalizeStyle, Fragment, renderList, renderSlot, resolveDynamicComponent, nextTick } from "vue";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import { valueToPx } from "../_shared/utils/fn.js";
@@ -44,11 +44,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:activeKey", "change", "tab-click", "add", "delete"],
   setup(__props, { emit: __emit }) {
+    const slots = useSlots();
     const props = __props;
     const emits = __emit;
     const listRef = ref();
     const { computedActiveKey, size, direction, autoSwitch, position } = useContext().provide(props, emits, listRef);
-    const slots = useSlots();
     const tabPanes = computed(
       () => {
         var _a;

package/es/Tabs/type.d.ts

@@ -1,4 +1,5 @@
 import { Direction, Size } from '../_shared/type';
+import { VNode } from 'vue';
 export interface TabsProps {
     activeKey?: TabKey;
     defaultActiveKey?: TabKey;
@@ -24,8 +25,8 @@ export interface TabsEmits {
     (e: 'delete', value: TabKey): void;
 }
 export interface TabsSlots {
-    extra(): void;
-    default(): void;
+    extra?: () => VNode[];
+    default?: () => VNode[];
 }
 export interface TabPaneProps {
     title?: string;
@@ -35,8 +36,8 @@ export interface TabPaneProps {
     destoryOnHide?: boolean;
 }
 export interface TabPaneSlots {
-    default(): void;
-    title(): void;
+    default?: () => VNode[];
+    title?: () => VNode[];
 }
 export type TabKey = string | number;
 export type TabType = 'line' | 'card' | 'card-gutter' | 'text' | 'rounded' | 'capsule';

package/es/Tag/type.d.ts

@@ -1,3 +1,4 @@
+import { VNode } from 'vue';
 export interface TagProps {
     color?: string;
     size?: TagSize;
@@ -18,8 +19,8 @@ export interface TagEmits {
     (e: 'check', value: boolean, ev: MouseEvent): void;
 }
 export interface TagSlots {
-    default(): void;
-    icon(): void;
-    ['close-icon'](): void;
+    default?: () => VNode[];
+    icon?: () => VNode[];
+    'close-icon'?: () => VNode[];
 }
 export type TagSize = 'small' | 'medium' | 'large';

package/es/TimePicker/type.d.ts

@@ -1,5 +1,6 @@
 import { PopupContainer, Size } from '../_shared/type';
 import { TriggerProps } from '../Trigger';
+import { VNode } from 'vue';
 export interface TimePickerProps {
     type?: TimePickerType;
     modelValue?: TimePickerValue;
@@ -37,9 +38,9 @@ export interface TimePickerEmits {
     (e: 'popup-visible-change', value: boolean): void;
 }
 export interface TimePickerSlots {
-    prefix(): void;
-    ['suffix-icon'](): void;
-    extra(): void;
+    prefix?: () => VNode[];
+    'suffix-icon'?: () => VNode[];
+    extra?: () => VNode[];
 }
 export type TimeUnit = 'hour' | 'minute' | 'second';
 export type TimePickerValue = string | number | Date | (string | number | Date)[];

package/es/Timeline/type.d.ts

@@ -1,4 +1,5 @@
 import { Direction } from '../_shared/type';
+import { VNode } from 'vue';
 export interface TimelineProps {
     reverse?: boolean;
     direction?: Direction;
@@ -7,8 +8,8 @@ export interface TimelineProps {
     labelPosition?: TimelineLabelPosition;
 }
 export interface TimelineSlots {
-    dot(): void;
-    default(): void;
+    dot?: () => VNode[];
+    default?: () => VNode[];
 }
 export interface TimelineItemProps {
     dotColor?: string;
@@ -20,9 +21,9 @@ export interface TimelineItemProps {
     isGhost?: boolean;
 }
 export interface TimelineItemSlots {
-    dot(): void;
-    label(): void;
-    default(): void;
+    dot?: () => VNode[];
+    label?: () => VNode[];
+    default?: () => VNode[];
 }
 export type TimelineMode = 'left' | 'right' | 'top' | 'bottom' | 'alternate';
 export type TimelineLabelPosition = 'relative' | 'same';

package/es/Tooltip/type.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'vue';
+import { CSSProperties, VNode } from 'vue';
 import { ClassName, PopupContainer } from '../_shared/type';
 import { TriggerPostion, TriggerProps } from '../Trigger/type';
 export interface TooltipProps {
@@ -20,8 +20,8 @@ export interface TooltipEmits {
     (e: 'popup-visible-change', value: boolean): void;
 }
 export interface TooltipSlots {
-    default(): void;
-    content(): void;
+    default?: () => VNode[];
+    content?: () => VNode[];
 }
 export interface TooltipExpose {
     hide(): void;

package/es/Transfer/type.d.ts

@@ -1,4 +1,5 @@
 import { InputProps } from '../Input';
+import { VNode } from 'vue';
 export interface TransferProps {
     data?: TransferItem[];
     modelValue?: string[];
@@ -22,24 +23,24 @@ export interface TransferEmits {
     (e: 'search', value: string, type: 'target' | 'source'): void;
 }
 export interface TransferSlots {
-    source(scope: DefaultSlots): void;
-    target(scope: DefaultSlots): void;
-    ['source-title'](scope: TitleSlots): void;
-    ['target-title'](scope: TitleSlots): void;
-    ['to-source-icon'](): void;
-    ['to-target-icon'](): void;
-    item(scope: {
+    source?: (scope: DefaultSlots) => VNode[];
+    target?: (scope: DefaultSlots) => VNode[];
+    'source-title'?: (scope: TitleSlots) => VNode[];
+    'target-title'?: (scope: TitleSlots) => VNode[];
+    'to-source-icon'?: () => VNode[];
+    'to-target-icon'?: () => VNode[];
+    item?: (scope: {
         value: string;
         label: string;
-    }): void;
+    }) => VNode[];
 }
 export interface TransferPanelSlots {
-    default(scope: DefaultSlots): void;
-    ['title'](scope: TitleSlots): void;
-    item(scope: {
+    default: (scope: DefaultSlots) => VNode[];
+    title: (scope: TitleSlots) => VNode[];
+    item: (scope: {
         value: string;
         label: string;
-    }): void;
+    }) => VNode[];
 }
 export interface TransferItem {
     label?: string;

package/es/Trigger/hooks/useContext.js

@@ -1,10 +1,10 @@
 import { inject, ref, provide, watch } from "vue";
 import { nanoid } from "../../node_modules/nanoid/index.browser.js";
+import { unrefElement } from "../../node_modules/@vueuse/core/index.js";
 import "../../node_modules/tinycolor2/esm/tinycolor.js";
 import "../../_shared/utils/dom.js";
 import { sleep } from "../../_shared/utils/fn.js";
 import "../../_shared/utils/time.js";
-import { unrefElement } from "../../_shared/utils/vue-utils.js";
 import "../../Empty/index.js";
 /* empty css                            */
 const TRIGGER_CONTEXT_KEY = "trigger-context";

package/es/Trigger/hooks/useTriggerPosition.d.ts

@@ -19,8 +19,8 @@ declare const _default: (params: {
     popupHeight: import('vue').ShallowRef<number, number>;
     triggerWidth: import('vue').ShallowRef<number, number>;
     triggerHeight: import('vue').ShallowRef<number, number>;
-    arrowWidth: Ref<number, number>;
-    arrowHeight: Ref<number, number>;
+    arrowWidth: import('vue').ShallowRef<number, number>;
+    arrowHeight: import('vue').ShallowRef<number, number>;
     popupStyle: import('vue').ComputedRef<{
         top: string;
         left: string;

package/es/Trigger/hooks/useTriggerPosition.js

@@ -1,10 +1,9 @@
 import { toRefs, ref, computed, watch } from "vue";
-import { useElementSize, useElementBounding } from "../../node_modules/@vueuse/core/index.js";
+import { useElementSize, useElementBounding, unrefElement } from "../../node_modules/@vueuse/core/index.js";
 import "../../node_modules/tinycolor2/esm/tinycolor.js";
 import "../../_shared/utils/dom.js";
 import { valueToPx, sleep } from "../../_shared/utils/fn.js";
 import "../../_shared/utils/time.js";
-import { unrefElement } from "../../_shared/utils/vue-utils.js";
 import { getGlobalConfig } from "../../_shared/utils/global-config.js";
 const useTriggerPosition = (params) => {
   const {
@@ -39,7 +38,13 @@ const useTriggerPosition = (params) => {
       box: "border-box"
     }
   );
-  const { arrowWidth, arrowHeight } = getArrowSize();
+  const { width: arrowWidth, height: arrowHeight } = useElementSize(
+    arrowRef,
+    void 0,
+    {
+      box: "border-box"
+    }
+  );
   const {
     left,
     top,
@@ -132,7 +137,7 @@ const useTriggerPosition = (params) => {
       })
     };
   });
-  function calcPopupOffset() {
+  const calcPopupOffset = () => {
     const [translateX, translateY] = popupTranslate.value;
     let offsetX = translateX;
     let offsetY = translateY;
@@ -146,7 +151,7 @@ const useTriggerPosition = (params) => {
       offsetX = popupOffset.value;
     }
     return [offsetX, offsetY];
-  }
+  };
   const calcPopupPosition = (params2) => {
     let offsetTop = 0;
     let offsetLeft = 0;
@@ -221,21 +226,6 @@ const useTriggerPosition = (params) => {
     }
     return [newLeft, newTop];
   };
-  function getArrowSize() {
-    if (!showArrow.value) {
-      return {
-        arrowWidth: ref(0),
-        arrowHeight: ref(0)
-      };
-    }
-    const { width, height } = useElementSize(arrowRef, void 0, {
-      box: "border-box"
-    });
-    return {
-      arrowWidth: width,
-      arrowHeight: height
-    };
-  }
   const calcArrowPosition = (params2) => {
     const {
       position: position2,
@@ -282,7 +272,7 @@ const useTriggerPosition = (params) => {
     }
     return inset;
   };
-  function calcPositionRef(params2) {
+  const calcPositionRef = (params2) => {
     const {
       offsetLeft,
       offsetTop,
@@ -314,7 +304,7 @@ const useTriggerPosition = (params) => {
       return Math.abs(finalLeft - offsetLeft) < epsilon && Math.abs(finalTop - offsetTop) < epsilon;
     });
     return (target == null ? void 0 : target[2]) ?? position.value;
-  }
+  };
   watch(
     () => computedVisible.value,
     async (val) => {

package/es/Trigger/hooks/useTriggerVisible.js

@@ -1,10 +1,9 @@
 import { toRefs, ref, computed, watch, nextTick } from "vue";
-import { onClickOutside, useEventListener } from "../../node_modules/@vueuse/core/index.js";
+import { unrefElement, onClickOutside, useEventListener } from "../../node_modules/@vueuse/core/index.js";
 import useContext from "./useContext.js";
 import "../../node_modules/tinycolor2/esm/tinycolor.js";
 import { findFirstScrollableParent } from "../../_shared/utils/dom.js";
 import "../../_shared/utils/time.js";
-import { unrefElement } from "../../_shared/utils/vue-utils.js";
 import { getGlobalConfig } from "../../_shared/utils/global-config.js";
 import useControlValue from "../../_shared/utils/control.js";
 const useTriggerVisible = (params) => {