yc-design-vue 1.9.5 → 1.9.7

package/es/Transfer/Transfer.vue.d.ts

@@ -9,13 +9,13 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<TransferProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (value: import('./type').TransferItemValue[]) => any;
     select: (value: import('./type').TransferItemValue[]) => any;
-    search: (value: string, type: "source" | "target") => any;
+    search: (value: string, type: "target" | "source") => any;
     "update:modelValue": (value: import('./type').TransferItemValue[]) => any;
     "update:selected": (value: import('./type').TransferItemValue[]) => any;
 }, string, import('vue').PublicProps, Readonly<TransferProps> & Readonly<{
     onChange?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
     onSelect?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
-    onSearch?: ((value: string, type: "source" | "target") => any) | undefined;
+    onSearch?: ((value: string, type: "target" | "source") => any) | undefined;
     "onUpdate:modelValue"?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
     "onUpdate:selected"?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
 }>, {

package/es/Transfer/Transfer.vue.js

@@ -4,7 +4,9 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../_shared/utils/locale.js";
-/* empty css                             */
+/* empty css                                         */
+/* empty css                                               */
+/* empty css                                   */
 import _sfc_main$2 from "../_shared/icons/IconArrowRight.vue.js";
 import _sfc_main$1 from "./TransferPanel.vue.js";
 /* empty css                   */

package/es/Transfer/TransferPanel.vue.js

@@ -1,9 +1,12 @@
 import { defineComponent, toRefs, ref, computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, createBlock, unref, resolveDynamicComponent, Fragment, withCtx, createTextVNode, toDisplayString, createVNode, mergeProps, renderList, normalizeClass } from "vue";
+import _sfc_main$1 from "../_shared/components/IconButton/index.vue2.js";
+/* empty css                                         */
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../_shared/utils/locale.js";
-/* empty css                             */
+/* empty css                                               */
+/* empty css                                   */
 import _sfc_main$4 from "../_shared/icons/IconClose.vue.js";
 import _sfc_main$2 from "../_shared/icons/IconDelete.vue2.js";
 import _sfc_main$3 from "../_shared/icons/IconSearch.vue2.js";
@@ -12,9 +15,6 @@ import Checkbox from "../Checkbox/index.js";
 import Scrollbar from "../Scrollbar/index.js";
 import Input from "../Input/index.js";
 import Empty from "../Empty/index.js";
-import _sfc_main$1 from "../_shared/components/IconButton.vue.js";
-/* empty css                                    */
-/* 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/Transfer/index.d.ts

@@ -6,13 +6,13 @@ declare const Transfer: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').TransferProps> & Readonly<{
         onChange?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
         onSelect?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
-        onSearch?: ((value: string, type: "source" | "target") => any) | undefined;
+        onSearch?: ((value: string, type: "target" | "source") => any) | undefined;
         "onUpdate:modelValue"?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
         "onUpdate:selected"?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         change: (value: import('./type').TransferItemValue[]) => any;
         select: (value: import('./type').TransferItemValue[]) => any;
-        search: (value: string, type: "source" | "target") => any;
+        search: (value: string, type: "target" | "source") => any;
         "update:modelValue": (value: import('./type').TransferItemValue[]) => any;
         "update:selected": (value: import('./type').TransferItemValue[]) => any;
     }, import('vue').PublicProps, {
@@ -39,7 +39,7 @@ declare const Transfer: {
     }, Readonly<import('./type').TransferProps> & Readonly<{
         onChange?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
         onSelect?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
-        onSearch?: ((value: string, type: "source" | "target") => any) | undefined;
+        onSearch?: ((value: string, type: "target" | "source") => any) | undefined;
         "onUpdate:modelValue"?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
         "onUpdate:selected"?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
     }>, {}, {}, {}, {}, {
@@ -63,13 +63,13 @@ declare const Transfer: {
 } & import('vue').ComponentOptionsBase<Readonly<import('./type').TransferProps> & Readonly<{
     onChange?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
     onSelect?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
-    onSearch?: ((value: string, type: "source" | "target") => any) | undefined;
+    onSearch?: ((value: string, type: "target" | "source") => any) | undefined;
     "onUpdate:modelValue"?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
     "onUpdate:selected"?: ((value: import('./type').TransferItemValue[]) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (value: import('./type').TransferItemValue[]) => any;
     select: (value: import('./type').TransferItemValue[]) => any;
-    search: (value: string, type: "source" | "target") => any;
+    search: (value: string, type: "target" | "source") => any;
     "update:modelValue": (value: import('./type').TransferItemValue[]) => any;
     "update:selected": (value: import('./type').TransferItemValue[]) => any;
 }, string, {

package/es/Trigger/hooks/useTriggerPosition.js

@@ -24,11 +24,12 @@ const useTriggerPosition = (params) => {
     autoFitPopupMinWidth,
     autoFitPopupWidth,
     autoSetPosition,
+    updateAtScroll,
     position: _position,
     arrowStyle: _arrowStyle,
     contentStyle: _contentStyle
   } = toRefs(props);
-  const { updateAtScroll, zIndex } = getGlobalConfig(props);
+  const { zIndex } = getGlobalConfig(props);
   const position = ref(_position.value);
   const { width: popupWidth, height: popupHeight } = useElementSize(
     popupRef,

package/es/Trigger/hooks/useTriggerVisible.js

@@ -4,7 +4,6 @@ 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 { getGlobalConfig } from "../../_shared/utils/global-config.js";
 import "../../_shared/utils/locale.js";
 import useControlValue from "../../_shared/utils/control.js";
 const useTriggerVisible = (params) => {
@@ -21,10 +20,10 @@ const useTriggerVisible = (params) => {
     focusDelay,
     disabled,
     scrollToCloseDistance,
+    scrollToClose,
     autoSetPosition,
     alignPoint
   } = toRefs(props);
-  const { scrollToClose } = getGlobalConfig(props);
   const {
     onTriggerMouseclick,
     onTriggerMouseenter,

package/es/Trigger/index.css

@@ -1 +1 @@
-.yc-trigger{position:fixed}.yc-trigger .yc-trigger-content{background-color:var(--color-bg-5)}.yc-trigger .yc-trigger-arrow{position:absolute;transform:rotate(45deg);width:8px;height:8px;background-color:var(--color-bg-5)}.yc-trigger-absolute{position:absolute}.yc-trigger.yc-trigger-position-top .yc-trigger-arrow,.yc-trigger.yc-trigger-position-tl .yc-trigger-arrow,.yc-trigger.yc-trigger-position-tr .yc-trigger-arrow{border-bottom-right-radius:2px;border-top:none;border-left:none}.yc-trigger.yc-trigger-position-bottom .yc-trigger-arrow,.yc-trigger.yc-trigger-position-bl .yc-trigger-arrow,.yc-trigger.yc-trigger-position-br .yc-trigger-arrow{border-top-left-radius:2px;border-bottom:none;border-right:none}.yc-trigger.yc-trigger-position-left .yc-trigger-arrow,.yc-trigger.yc-trigger-position-lt .yc-trigger-arrow,.yc-trigger.yc-trigger-position-lb .yc-trigger-arrow{border-top-right-radius:2px;border-bottom:none;border-left:none}.yc-trigger.yc-trigger-position-right .yc-trigger-arrow,.yc-trigger.yc-trigger-position-rt .yc-trigger-arrow,.yc-trigger.yc-trigger-position-rb .yc-trigger-arrow{border-bottom-left-radius:2px;border-top:none;border-right:none}.yc-trigger-transform-origin.yc-trigger-position-top .yc-trigger-content{transform-origin:50% 100%}.yc-trigger-transform-origin.yc-trigger-position-tl .yc-trigger-content{transform-origin:0 100%}.yc-trigger-transform-origin.yc-trigger-position-tr .yc-trigger-content{transform-origin:100% 100%}.yc-trigger-transform-origin.yc-trigger-position-bottom .yc-trigger-content{transform-origin:50% 0}.yc-trigger-transform-origin.yc-trigger-position-bl .yc-trigger-content{transform-origin:0 0}.yc-trigger-transform-origin.yc-trigger-position-br .yc-trigger-content{transform-origin:100% 0}.yc-trigger-transform-origin.yc-trigger-position-right .yc-trigger-content{transform-origin:0 50%}.yc-trigger-transform-origin.yc-trigger-position-rt .yc-trigger-content{transform-origin:0 50%}.yc-trigger-transform-origin.yc-trigger-position-rb .yc-trigger-content{transform-origin:0 100%}.yc-trigger-transform-origin.yc-trigger-position-left .yc-trigger-content{transform-origin:100% 50%}.yc-trigger-transform-origin.yc-trigger-position-lt .yc-trigger-content{transform-origin:100% 0}.yc-trigger-transform-origin.yc-trigger-position-lb .yc-trigger-content{transform-origin:100% 100%}
+.yc-trigger{position:fixed}.yc-trigger .yc-trigger-arrow{position:absolute;transform:rotate(45deg);width:8px;height:8px}.yc-trigger-absolute{position:absolute}.yc-trigger.yc-trigger-position-top .yc-trigger-arrow,.yc-trigger.yc-trigger-position-tl .yc-trigger-arrow,.yc-trigger.yc-trigger-position-tr .yc-trigger-arrow{border-bottom-right-radius:2px;border-top:none;border-left:none}.yc-trigger.yc-trigger-position-bottom .yc-trigger-arrow,.yc-trigger.yc-trigger-position-bl .yc-trigger-arrow,.yc-trigger.yc-trigger-position-br .yc-trigger-arrow{border-top-left-radius:2px;border-bottom:none;border-right:none}.yc-trigger.yc-trigger-position-left .yc-trigger-arrow,.yc-trigger.yc-trigger-position-lt .yc-trigger-arrow,.yc-trigger.yc-trigger-position-lb .yc-trigger-arrow{border-top-right-radius:2px;border-bottom:none;border-left:none}.yc-trigger.yc-trigger-position-right .yc-trigger-arrow,.yc-trigger.yc-trigger-position-rt .yc-trigger-arrow,.yc-trigger.yc-trigger-position-rb .yc-trigger-arrow{border-bottom-left-radius:2px;border-top:none;border-right:none}.yc-trigger-transform-origin.yc-trigger-position-top .yc-trigger-content{transform-origin:50% 100%}.yc-trigger-transform-origin.yc-trigger-position-tl .yc-trigger-content{transform-origin:0 100%}.yc-trigger-transform-origin.yc-trigger-position-tr .yc-trigger-content{transform-origin:100% 100%}.yc-trigger-transform-origin.yc-trigger-position-bottom .yc-trigger-content{transform-origin:50% 0}.yc-trigger-transform-origin.yc-trigger-position-bl .yc-trigger-content{transform-origin:0 0}.yc-trigger-transform-origin.yc-trigger-position-br .yc-trigger-content{transform-origin:100% 0}.yc-trigger-transform-origin.yc-trigger-position-right .yc-trigger-content{transform-origin:0 50%}.yc-trigger-transform-origin.yc-trigger-position-rt .yc-trigger-content{transform-origin:0 50%}.yc-trigger-transform-origin.yc-trigger-position-rb .yc-trigger-content{transform-origin:0 100%}.yc-trigger-transform-origin.yc-trigger-position-left .yc-trigger-content{transform-origin:100% 50%}.yc-trigger-transform-origin.yc-trigger-position-lt .yc-trigger-content{transform-origin:100% 0}.yc-trigger-transform-origin.yc-trigger-position-lb .yc-trigger-content{transform-origin:100% 100%}

package/es/Trigger/index.d.ts

@@ -29,6 +29,7 @@ declare const Trigger: {
         focusDelay: number;
         disabled: boolean;
         scrollToCloseDistance: number;
+        scrollToClose: boolean;
         autoSetPosition: boolean;
         alignPoint: boolean;
         position: import('./type').TriggerPostion;
@@ -49,7 +50,6 @@ declare const Trigger: {
         autoFitPosition: boolean;
         updateAtScroll: boolean;
         preventFocus: boolean;
-        scrollToClose: boolean;
         needTransformOrigin: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         triggerRef: unknown;
@@ -140,6 +140,7 @@ declare const Trigger: {
         focusDelay: number;
         disabled: boolean;
         scrollToCloseDistance: number;
+        scrollToClose: boolean;
         autoSetPosition: boolean;
         alignPoint: boolean;
         position: import('./type').TriggerPostion;
@@ -160,7 +161,6 @@ declare const Trigger: {
         autoFitPosition: boolean;
         updateAtScroll: boolean;
         preventFocus: boolean;
-        scrollToClose: boolean;
         needTransformOrigin: boolean;
     }>;
     __isFragment?: never;
@@ -192,6 +192,7 @@ declare const Trigger: {
     focusDelay: number;
     disabled: boolean;
     scrollToCloseDistance: number;
+    scrollToClose: boolean;
     autoSetPosition: boolean;
     alignPoint: boolean;
     position: import('./type').TriggerPostion;
@@ -212,7 +213,6 @@ declare const Trigger: {
     autoFitPosition: boolean;
     updateAtScroll: boolean;
     preventFocus: boolean;
-    scrollToClose: boolean;
     needTransformOrigin: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: Readonly<import('./type').TriggerSlots> & import('./type').TriggerSlots;

package/es/Trigger/index.vue.d.ts

@@ -93,6 +93,7 @@ declare const __VLS_component: import('vue').DefineComponent<TriggerProps, {
     focusDelay: number;
     disabled: boolean;
     scrollToCloseDistance: number;
+    scrollToClose: boolean;
     autoSetPosition: boolean;
     alignPoint: boolean;
     position: import('./type').TriggerPostion;
@@ -113,7 +114,6 @@ declare const __VLS_component: import('vue').DefineComponent<TriggerProps, {
     autoFitPosition: boolean;
     updateAtScroll: boolean;
     preventFocus: boolean;
-    scrollToClose: boolean;
     needTransformOrigin: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     triggerRef: unknown;

package/es/Trigger/index.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, useSlots, toRefs, ref, computed, createElementBlock, openBlock, Fragment, createBlock, resolveDynamicComponent, unref, withModifiers, Teleport, createVNode, Transition, withCtx, withDirectives, createCommentVNode, normalizeStyle, normalizeClass, createElementVNode, renderSlot, vShow } from "vue";
+import { defineComponent, useSlots, ref, computed, createElementBlock, openBlock, Fragment, createBlock, resolveDynamicComponent, unref, withModifiers, Teleport, createVNode, Transition, withCtx, withDirectives, createCommentVNode, normalizeStyle, normalizeClass, createElementVNode, renderSlot, vShow } from "vue";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
@@ -7,10 +7,10 @@ import { getGlobalConfig } from "../_shared/utils/global-config.js";
 import "../_shared/utils/locale.js";
 import useTriggerVisible from "./hooks/useTriggerVisible.js";
 import useTriggerPosition from "./hooks/useTriggerPosition.js";
-/* empty css                             */
-/* empty css                                    */
-import _sfc_main$1 from "../_shared/components/PreventFocus.vue.js";
 /* empty css                                         */
+import _sfc_main$1 from "../_shared/components/PreventFocus/index.vue.js";
+/* empty css                                               */
+/* empty css                                   */
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "Trigger",
@@ -49,10 +49,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     popupContainer: { default: void 0 },
     renderToBody: { type: Boolean, default: true },
     autoFitPosition: { type: Boolean, default: true },
-    updateAtScroll: { type: Boolean, default: void 0 },
+    updateAtScroll: { type: Boolean, default: true },
     preventFocus: { type: Boolean, default: false },
     alignPoint: { type: Boolean, default: false },
-    scrollToClose: { type: Boolean, default: void 0 },
+    scrollToClose: { type: Boolean, default: false },
     scrollToCloseDistance: { default: 1 },
     needTransformOrigin: { type: Boolean, default: false },
     autoSetPosition: { type: Boolean, default: false },
@@ -68,8 +68,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const slots = useSlots();
     const props = __props;
     const emits = __emit;
-    const { popupContainer: _popupContainer } = toRefs(props);
-    const { popupContainer } = getGlobalConfig(props);
+    const { popupContainer, isAbsolute } = getGlobalConfig(props);
     const popupRef = ref();
     const triggerRef = ref();
     const arrowRef = ref();
@@ -144,7 +143,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   `yc-trigger-position-${unref(position)}`,
                   {
                     "yc-trigger-transform-origin": _ctx.needTransformOrigin,
-                    "yc-trigger-absolute": unref(_popupContainer)
+                    "yc-trigger-absolute": unref(isAbsolute)
                   },
                   _ctx.$attrs.class
                 ]),

package/es/Typography/TypographyBase.vue.js

@@ -5,7 +5,9 @@ import { getDomText, sleep } from "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import { useI18n } from "../_shared/utils/locale.js";
 import useControlValue from "../_shared/utils/control.js";
-/* empty css                             */
+/* empty css                                         */
+/* empty css                                               */
+/* empty css                                   */
 import _sfc_main$3 from "../_shared/icons/IconCopy.vue2.js";
 import _sfc_main$1 from "../_shared/icons/IconEdit.vue2.js";
 import _sfc_main$2 from "../_shared/icons/IconInfo.vue.js";

package/es/Watermark/index.d.ts

@@ -4,9 +4,9 @@ export type WatermarkInstance = InstanceType<typeof _Watermark>;
 export * from './type';
 declare const Watermark: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').WatermarkProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        zIndex: number;
         width: number;
         height: number;
+        zIndex: number;
         repeat: boolean;
         content: string | string[];
         alpha: number;
@@ -28,9 +28,9 @@ declare const Watermark: {
         M: {};
         Defaults: {};
     }, Readonly<import('./type').WatermarkProps> & Readonly<{}>, {}, {}, {}, {}, {
-        zIndex: number;
         width: number;
         height: number;
+        zIndex: number;
         repeat: boolean;
         content: string | string[];
         alpha: number;
@@ -47,9 +47,9 @@ declare const Watermark: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./type').WatermarkProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    zIndex: number;
     width: number;
     height: number;
+    zIndex: number;
     repeat: boolean;
     content: string | string[];
     alpha: number;

package/es/Watermark/index.vue.d.ts

@@ -9,9 +9,9 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<WatermarkProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<WatermarkProps> & Readonly<{}>, {
-    zIndex: number;
     width: number;
     height: number;
+    zIndex: number;
     repeat: boolean;
     content: string | string[];
     alpha: number;

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

@@ -1,10 +1,10 @@
 import { defineComponent, createBlock, openBlock, Transition, mergeProps, withCtx, renderSlot } from "vue";
-import "../../node_modules/tinycolor2/esm/tinycolor.js";
-import { valueToPx } from "../utils/dom.js";
-import "../utils/time.js";
-import "../utils/locale.js";
+import "../../../node_modules/tinycolor2/esm/tinycolor.js";
+import { valueToPx } from "../../utils/dom.js";
+import "../../utils/time.js";
+import "../../utils/locale.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ExpandTransition",
+  __name: "index",
   setup(__props) {
     const transitions = {
       onBeforeEnter(el) {

package/es/_shared/components/ExpandTransition/index.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./index.vue2.js";
+/* empty css          */
+export {
+  _sfc_main as default
+};

package/es/_shared/components/Icon/index.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./index.vue3.js";
+/* empty css          */
+export {
+  _sfc_main as default
+};

package/es/_shared/components/{Icon.vue3.js → Icon/index.vue3.js}

@@ -1,10 +1,10 @@
 import { defineComponent, toRefs, useAttrs, computed, createElementBlock, openBlock, mergeProps, unref, renderSlot } from "vue";
-import "../../node_modules/tinycolor2/esm/tinycolor.js";
-import { valueToPx } from "../utils/dom.js";
-import "../utils/time.js";
-import "../utils/locale.js";
+import "../../../node_modules/tinycolor2/esm/tinycolor.js";
+import { valueToPx } from "../../utils/dom.js";
+import "../../utils/time.js";
+import "../../utils/locale.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Icon",
+  __name: "index",
   props: {
     strokeWidth: { default: 4 },
     strokeLinecap: { default: "butt" },

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

@@ -1,12 +1,14 @@
 import { defineComponent, toRefs, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot, createVNode, unref } from "vue";
-import "../../node_modules/tinycolor2/esm/tinycolor.js";
-import { valueToPx } from "../utils/dom.js";
-import "../utils/time.js";
-import "../utils/locale.js";
-/* empty css         */
-import _sfc_main$1 from "../icons/IconClose.vue.js";
+import "../../../node_modules/tinycolor2/esm/tinycolor.js";
+import { valueToPx } from "../../utils/dom.js";
+import "../../utils/time.js";
+import "../../utils/locale.js";
+/* empty css          */
+/* empty css                            */
+/* empty css                */
+import _sfc_main$1 from "../../icons/IconClose.vue.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconButton",
+  __name: "index",
   props: {
     size: { default: 12 },
     hoverSize: { default: 20 },

package/es/_shared/components/IconButton/index.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./index.vue2.js";
+/* empty css          */
+export {
+  _sfc_main as default
+};

package/es/_shared/components/{PreventFocus.vue.js → PreventFocus/index.vue.js}

@@ -1,6 +1,6 @@
 import { defineComponent, createBlock, openBlock, resolveDynamicComponent, withCtx, renderSlot } from "vue";
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "PreventFocus",
+  __name: "index",
   props: {
     preventFocus: { type: Boolean, default: true },
     tag: { default: "div" }

package/es/_shared/components/PreventFocus/index.vue2.js

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

package/es/_shared/components/index.d.ts

@@ -1,4 +1,4 @@
-export { default as IconButton } from './IconButton.vue';
-export { default as PreventFocus } from './PreventFocus.vue';
-export { default as ExpandTransition } from './ExpandTransition.vue';
-export { default as Icon } from './Icon.vue';
+export { default as IconButton } from './IconButton/index.vue';
+export { default as PreventFocus } from './PreventFocus/index.vue';
+export { default as ExpandTransition } from './ExpandTransition/index.vue';
+export { default as Icon } from './Icon/index.vue';

package/es/_shared/constants/index.js

@@ -6,7 +6,9 @@ import "../../node_modules/tinycolor2/esm/tinycolor.js";
 import "../utils/dom.js";
 import "../utils/time.js";
 import "../utils/locale.js";
-/* empty css                     */
+/* empty css                                 */
+/* empty css                                       */
+/* empty css                           */
 import _sfc_main from "../icons/IconCheck.vue.js";
 import _sfc_main$1 from "../icons/IconClose.vue.js";
 import _sfc_main$5 from "../icons/IconError.vue.js";

package/es/_shared/icons/IconArrowDown.vue.js

@@ -1,11 +1,17 @@
-import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import _sfc_main$1 from "../components/Icon.vue3.js";
-/* empty css                     */
+import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import "../../node_modules/tinycolor2/esm/tinycolor.js";
+import "../utils/dom.js";
+import "../utils/time.js";
+import "../utils/locale.js";
+/* empty css                                 */
+/* empty css                                       */
+import _sfc_main$1 from "../components/Icon/index.vue3.js";
+/* empty css                           */
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "IconArrowDown",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+      return openBlock(), createBlock(unref(_sfc_main$1), normalizeProps(guardReactiveProps(_ctx.$attrs)), {
         default: withCtx(() => _cache[0] || (_cache[0] = [
           createElementVNode("path", { d: "M39.6 17.443 24.043 33 8.487 17.443" }, null, -1)
         ])),

package/es/_shared/icons/IconArrowRight.vue.js

@@ -1,11 +1,17 @@
-import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import _sfc_main$1 from "../components/Icon.vue3.js";
-/* empty css                     */
+import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import "../../node_modules/tinycolor2/esm/tinycolor.js";
+import "../utils/dom.js";
+import "../utils/time.js";
+import "../utils/locale.js";
+/* empty css                                 */
+/* empty css                                       */
+import _sfc_main$1 from "../components/Icon/index.vue3.js";
+/* empty css                           */
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "IconArrowRight",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+      return openBlock(), createBlock(unref(_sfc_main$1), normalizeProps(guardReactiveProps(_ctx.$attrs)), {
         default: withCtx(() => _cache[0] || (_cache[0] = [
           createElementVNode("path", { d: "m16 39.513 15.556-15.557L16 8.4" }, null, -1)
         ])),

package/es/_shared/icons/IconCheck.vue.js

@@ -1,11 +1,17 @@
-import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import _sfc_main$1 from "../components/Icon.vue3.js";
-/* empty css                     */
+import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import "../../node_modules/tinycolor2/esm/tinycolor.js";
+import "../utils/dom.js";
+import "../utils/time.js";
+import "../utils/locale.js";
+/* empty css                                 */
+/* empty css                                       */
+import _sfc_main$1 from "../components/Icon/index.vue3.js";
+/* empty css                           */
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "IconCheck",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+      return openBlock(), createBlock(unref(_sfc_main$1), normalizeProps(guardReactiveProps(_ctx.$attrs)), {
         default: withCtx(() => _cache[0] || (_cache[0] = [
           createElementVNode("path", { d: "M41.678 11.05 19.05 33.678 6.322 20.95" }, null, -1)
         ])),

package/es/_shared/icons/IconCheckboxChecked.vue.js

@@ -1,11 +1,17 @@
-import { defineComponent, createBlock, openBlock, mergeProps, withCtx, createElementVNode } from "vue";
-import _sfc_main$1 from "../components/Icon.vue3.js";
-/* empty css                     */
+import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, createElementVNode } from "vue";
+import "../../node_modules/tinycolor2/esm/tinycolor.js";
+import "../utils/dom.js";
+import "../utils/time.js";
+import "../utils/locale.js";
+/* empty css                                 */
+/* empty css                                       */
+import _sfc_main$1 from "../components/Icon/index.vue3.js";
+/* empty css                           */
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "IconCheckboxChecked",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, mergeProps({
+      return openBlock(), createBlock(unref(_sfc_main$1), mergeProps({
         viewBox: "0 0 1024 1024",
         fill: "currentColor"
       }, _ctx.$attrs), {

package/es/_shared/icons/IconClose.vue.js

@@ -1,11 +1,17 @@
-import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import _sfc_main$1 from "../components/Icon.vue3.js";
-/* empty css                     */
+import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import "../../node_modules/tinycolor2/esm/tinycolor.js";
+import "../utils/dom.js";
+import "../utils/time.js";
+import "../utils/locale.js";
+/* empty css                                 */
+/* empty css                                       */
+import _sfc_main$1 from "../components/Icon/index.vue3.js";
+/* empty css                           */
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "IconClose",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+      return openBlock(), createBlock(unref(_sfc_main$1), normalizeProps(guardReactiveProps(_ctx.$attrs)), {
         default: withCtx(() => _cache[0] || (_cache[0] = [
           createElementVNode("path", { d: "M9.857 9.858 24 24m0 0 14.142 14.142M24 24 38.142 9.858M24 24 9.857 38.142" }, null, -1)
         ])),

package/es/_shared/icons/IconCopy.vue2.js

@@ -1,11 +1,17 @@
-import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import _sfc_main$1 from "../components/Icon.vue3.js";
-/* empty css                     */
+import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import "../../node_modules/tinycolor2/esm/tinycolor.js";
+import "../utils/dom.js";
+import "../utils/time.js";
+import "../utils/locale.js";
+/* empty css                                 */
+/* empty css                                       */
+import _sfc_main$1 from "../components/Icon/index.vue3.js";
+/* empty css                           */
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "IconCopy",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+      return openBlock(), createBlock(unref(_sfc_main$1), normalizeProps(guardReactiveProps(_ctx.$attrs)), {
         default: withCtx(() => _cache[0] || (_cache[0] = [
           createElementVNode("path", { d: "M20 6h18a2 2 0 0 1 2 2v22M8 16v24c0 1.105.891 2 1.996 2h20.007A1.99 1.99 0 0 0 32 40.008V15.997A1.997 1.997 0 0 0 30 14H10a2 2 0 0 0-2 2Z" }, null, -1)
         ])),

package/es/_shared/icons/IconDelete.vue2.js

@@ -1,11 +1,17 @@
-import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import _sfc_main$1 from "../components/Icon.vue3.js";
-/* empty css                     */
+import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import "../../node_modules/tinycolor2/esm/tinycolor.js";
+import "../utils/dom.js";
+import "../utils/time.js";
+import "../utils/locale.js";
+/* empty css                                 */
+/* empty css                                       */
+import _sfc_main$1 from "../components/Icon/index.vue3.js";
+/* empty css                           */
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "IconDelete",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+      return openBlock(), createBlock(unref(_sfc_main$1), normalizeProps(guardReactiveProps(_ctx.$attrs)), {
         default: withCtx(() => _cache[0] || (_cache[0] = [
           createElementVNode("path", { d: "M5 11h5.5m0 0v29a1 1 0 0 0 1 1h25a1 1 0 0 0 1-1V11m-27 0H16m21.5 0H43m-5.5 0H32m-16 0V7h16v4m-16 0h16M20 18v15m8-15v15" }, null, -1)
         ])),

package/es/_shared/icons/IconDragDot.vue.js

@@ -1,11 +1,17 @@
-import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import _sfc_main$1 from "../components/Icon.vue3.js";
-/* empty css                     */
+import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import "../../node_modules/tinycolor2/esm/tinycolor.js";
+import "../utils/dom.js";
+import "../utils/time.js";
+import "../utils/locale.js";
+/* empty css                                 */
+/* empty css                                       */
+import _sfc_main$1 from "../components/Icon/index.vue3.js";
+/* empty css                           */
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "IconDragDot",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+      return openBlock(), createBlock(unref(_sfc_main$1), normalizeProps(guardReactiveProps(_ctx.$attrs)), {
         default: withCtx(() => _cache[0] || (_cache[0] = [
           createElementVNode("path", {
             fill: "currentColor",