vft 0.0.428 → 0.0.430

package/es/components/select/select.vue.js

@@ -0,0 +1,338 @@
+import I from "./select.vue2.js";
+import { resolveComponent as m, resolveDirective as R, withDirectives as w, createElementBlock as p, openBlock as a, normalizeClass as o, createVNode as u, withCtx as t, createSlots as M, renderSlot as i, normalizeProps as D, guardReactiveProps as E, createElementVNode as n, toDisplayString as f, withModifiers as r, createCommentVNode as d, createBlock as b, Fragment as h, renderList as $, normalizeStyle as k, createTextVNode as T, withKeys as g, vModelText as B, vShow as K } from "vue";
+import L from "../../_virtual/_plugin-vue_export-helper.js";
+const P = ["id", "autocomplete", "tabindex", "aria-expanded", "aria-label", "disabled", "readonly", "name"], N = ["textContent"], O = { key: 1 };
+function H(e, s, U, A, F, j) {
+  const v = m("tag"), C = m("tooltip"), S = m("icon"), V = m("select-menu"), z = R("click-outside");
+  return w((a(), p("div", {
+    ref: "selectRef",
+    class: o([e.nsSelect.b(), e.nsSelect.m(e.selectSize)]),
+    onMouseenter: s[13] || (s[13] = (l) => e.states.inputHovering = !0),
+    onMouseleave: s[14] || (s[14] = (l) => e.states.inputHovering = !1)
+  }, [
+    u(C, {
+      ref: "tooltipRef",
+      visible: e.dropdownMenuVisible,
+      teleported: e.teleported,
+      "popper-class": [e.nsSelect.e("popper"), e.popperClass],
+      "gpu-acceleration": !1,
+      "stop-popper-mouse-event": !1,
+      "popper-options": e.popperOptions,
+      "fallback-placements": e.fallbackPlacements,
+      effect: e.effect,
+      placement: e.placement,
+      pure: "",
+      transition: `${e.nsSelect.namespace.value}-zoom-in-top`,
+      trigger: "click",
+      persistent: e.persistent,
+      "append-to": e.appendTo,
+      "show-arrow": e.showArrow,
+      offset: e.offset,
+      onBeforeShow: e.handleMenuEnter,
+      onHide: s[12] || (s[12] = (l) => e.states.isBeforeHide = !1)
+    }, {
+      default: t(() => [
+        n("div", {
+          ref: "wrapperRef",
+          class: o([
+            e.nsSelect.e("wrapper"),
+            e.nsSelect.is("focused", e.isFocused),
+            e.nsSelect.is("hovering", e.states.inputHovering),
+            e.nsSelect.is("filterable", e.filterable),
+            e.nsSelect.is("disabled", e.selectDisabled)
+          ]),
+          onClick: s[11] || (s[11] = r((...l) => e.toggleMenu && e.toggleMenu(...l), ["prevent"]))
+        }, [
+          e.$slots.prefix ? (a(), p("div", {
+            key: 0,
+            ref: "prefixRef",
+            class: o(e.nsSelect.e("prefix"))
+          }, [
+            i(e.$slots, "prefix")
+          ], 2)) : d("", !0),
+          n("div", {
+            ref: "selectionRef",
+            class: o([
+              e.nsSelect.e("selection"),
+              e.nsSelect.is(
+                "near",
+                e.multiple && !e.$slots.prefix && !!e.modelValue.length
+              )
+            ])
+          }, [
+            e.multiple ? i(e.$slots, "tag", {
+              key: 0,
+              data: e.states.cachedOptions,
+              deleteTag: e.deleteTag,
+              selectDisabled: e.selectDisabled
+            }, () => [
+              (a(!0), p(h, null, $(e.showTagList, (l) => (a(), p("div", {
+                key: e.getValueKey(e.getValue(l)),
+                class: o(e.nsSelect.e("selected-item"))
+              }, [
+                u(v, {
+                  closable: !e.selectDisabled && !e.getDisabled(l),
+                  size: e.collapseTagSize,
+                  type: e.tagType,
+                  effect: e.tagEffect,
+                  "disable-transitions": "",
+                  style: k(e.tagStyle),
+                  onClose: (y) => e.deleteTag(y, l)
+                }, {
+                  default: t(() => [
+                    n("span", {
+                      class: o(e.nsSelect.e("tags-text"))
+                    }, [
+                      i(e.$slots, "label", {
+                        label: e.getLabel(l),
+                        value: e.getValue(l)
+                      }, () => [
+                        T(f(e.getLabel(l)), 1)
+                      ])
+                    ], 2)
+                  ]),
+                  _: 2
+                }, 1032, ["closable", "size", "type", "effect", "style", "onClose"])
+              ], 2))), 128)),
+              e.collapseTags && e.modelValue.length > e.maxCollapseTags ? (a(), b(C, {
+                key: 0,
+                ref: "tagTooltipRef",
+                disabled: e.dropdownMenuVisible || !e.collapseTagsTooltip,
+                "fallback-placements": ["bottom", "top", "right", "left"],
+                effect: e.effect,
+                placement: "bottom",
+                "popper-class": e.popperClass,
+                teleported: e.teleported
+              }, {
+                default: t(() => [
+                  n("div", {
+                    ref: "collapseItemRef",
+                    class: o(e.nsSelect.e("selected-item"))
+                  }, [
+                    u(v, {
+                      closable: !1,
+                      size: e.collapseTagSize,
+                      type: e.tagType,
+                      effect: e.tagEffect,
+                      style: k(e.collapseTagStyle),
+                      "disable-transitions": ""
+                    }, {
+                      default: t(() => [
+                        n("span", {
+                          class: o(e.nsSelect.e("tags-text"))
+                        }, " + " + f(e.modelValue.length - e.maxCollapseTags), 3)
+                      ]),
+                      _: 1
+                    }, 8, ["size", "type", "effect", "style"])
+                  ], 2)
+                ]),
+                content: t(() => [
+                  n("div", {
+                    ref: "tagMenuRef",
+                    class: o(e.nsSelect.e("selection"))
+                  }, [
+                    (a(!0), p(h, null, $(e.collapseTagList, (l) => (a(), p("div", {
+                      key: e.getValueKey(e.getValue(l)),
+                      class: o(e.nsSelect.e("selected-item"))
+                    }, [
+                      u(v, {
+                        class: "in-tooltip",
+                        closable: !e.selectDisabled && !e.getDisabled(l),
+                        size: e.collapseTagSize,
+                        type: e.tagType,
+                        effect: e.tagEffect,
+                        "disable-transitions": "",
+                        onClose: (y) => e.deleteTag(y, l)
+                      }, {
+                        default: t(() => [
+                          n("span", {
+                            class: o(e.nsSelect.e("tags-text"))
+                          }, [
+                            i(e.$slots, "label", {
+                              label: e.getLabel(l),
+                              value: e.getValue(l)
+                            }, () => [
+                              T(f(e.getLabel(l)), 1)
+                            ])
+                          ], 2)
+                        ]),
+                        _: 2
+                      }, 1032, ["closable", "size", "type", "effect", "onClose"])
+                    ], 2))), 128))
+                  ], 2)
+                ]),
+                _: 3
+              }, 8, ["disabled", "effect", "popper-class", "teleported"])) : d("", !0)
+            ]) : d("", !0),
+            n("div", {
+              class: o([
+                e.nsSelect.e("selected-item"),
+                e.nsSelect.e("input-wrapper"),
+                e.nsSelect.is("hidden", !e.filterable)
+              ])
+            }, [
+              w(n("input", {
+                id: e.inputId,
+                ref: "inputRef",
+                "onUpdate:modelValue": s[0] || (s[0] = (l) => e.states.inputValue = l),
+                style: k(e.inputStyle),
+                autocomplete: e.autocomplete,
+                tabindex: e.tabindex,
+                "aria-autocomplete": "list",
+                "aria-haspopup": "listbox",
+                autocapitalize: "off",
+                "aria-expanded": e.expanded,
+                "aria-label": e.ariaLabel,
+                class: o([e.nsSelect.e("input"), e.nsSelect.is(e.selectSize)]),
+                disabled: e.selectDisabled,
+                role: "combobox",
+                readonly: !e.filterable,
+                spellcheck: "false",
+                type: "text",
+                name: e.name,
+                onInput: s[1] || (s[1] = (...l) => e.onInput && e.onInput(...l)),
+                onCompositionstart: s[2] || (s[2] = (...l) => e.handleCompositionStart && e.handleCompositionStart(...l)),
+                onCompositionupdate: s[3] || (s[3] = (...l) => e.handleCompositionUpdate && e.handleCompositionUpdate(...l)),
+                onCompositionend: s[4] || (s[4] = (...l) => e.handleCompositionEnd && e.handleCompositionEnd(...l)),
+                onKeydown: [
+                  s[5] || (s[5] = g(r((l) => e.onKeyboardNavigate("backward"), ["stop", "prevent"]), ["up"])),
+                  s[6] || (s[6] = g(r((l) => e.onKeyboardNavigate("forward"), ["stop", "prevent"]), ["down"])),
+                  s[7] || (s[7] = g(r((...l) => e.onKeyboardSelect && e.onKeyboardSelect(...l), ["stop", "prevent"]), ["enter"])),
+                  s[8] || (s[8] = g(r((...l) => e.handleEsc && e.handleEsc(...l), ["stop", "prevent"]), ["esc"])),
+                  s[9] || (s[9] = g(r((...l) => e.handleDel && e.handleDel(...l), ["stop"]), ["delete"]))
+                ],
+                onClick: s[10] || (s[10] = r((...l) => e.toggleMenu && e.toggleMenu(...l), ["stop"]))
+              }, null, 46, P), [
+                [B, e.states.inputValue]
+              ]),
+              e.filterable ? (a(), p("span", {
+                key: 0,
+                ref: "calculatorRef",
+                "aria-hidden": "true",
+                class: o(e.nsSelect.e("input-calculator")),
+                textContent: f(e.states.inputValue)
+              }, null, 10, N)) : d("", !0)
+            ], 2),
+            e.shouldShowPlaceholder ? (a(), p("div", {
+              key: 1,
+              class: o([
+                e.nsSelect.e("selected-item"),
+                e.nsSelect.e("placeholder"),
+                e.nsSelect.is(
+                  "transparent",
+                  !e.hasModelValue || e.expanded && !e.states.inputValue
+                )
+              ])
+            }, [
+              e.hasModelValue ? i(e.$slots, "label", {
+                key: 0,
+                label: e.currentPlaceholder,
+                value: e.modelValue
+              }, () => [
+                n("span", null, f(e.currentPlaceholder), 1)
+              ]) : (a(), p("span", O, f(e.currentPlaceholder), 1))
+            ], 2)) : d("", !0)
+          ], 2),
+          n("div", {
+            ref: "suffixRef",
+            class: o(e.nsSelect.e("suffix"))
+          }, [
+            e.iconComponent ? w((a(), b(S, {
+              key: 0,
+              icon: e.iconComponent,
+              class: o([e.nsSelect.e("caret"), e.nsInput.e("icon"), e.iconReverse])
+            }, null, 8, ["icon", "class"])), [
+              [K, !e.showClearBtn]
+            ]) : d("", !0),
+            e.showClearBtn && e.clearIcon ? (a(), b(S, {
+              key: 1,
+              class: o([
+                e.nsSelect.e("caret"),
+                e.nsInput.e("icon"),
+                e.nsSelect.e("clear")
+              ]),
+              icon: e.clearIcon,
+              onClick: r(e.handleClear, ["prevent", "stop"])
+            }, null, 8, ["class", "icon", "onClick"])) : d("", !0),
+            e.validateState && e.validateIcon && e.needStatusIcon ? (a(), b(S, {
+              key: 2,
+              icon: e.validateIcon,
+              class: o([
+                e.nsInput.e("icon"),
+                e.nsInput.e("validateIcon"),
+                e.nsInput.is("loading", e.validateState === "validating")
+              ])
+            }, null, 8, ["icon", "class"])) : d("", !0)
+          ], 2)
+        ], 2)
+      ]),
+      content: t(() => [
+        u(V, {
+          ref: "menuRef",
+          data: e.filteredOptions,
+          width: e.popperSize,
+          "hovering-index": e.states.hoveringIndex,
+          "scrollbar-always-on": e.scrollbarAlwaysOn
+        }, M({
+          default: t((l) => [
+            i(e.$slots, "default", D(E(l)))
+          ]),
+          _: 2
+        }, [
+          e.$slots.header ? {
+            name: "header",
+            fn: t(() => [
+              n("div", {
+                class: o(e.nsSelect.be("dropdown", "header"))
+              }, [
+                i(e.$slots, "header")
+              ], 2)
+            ]),
+            key: "0"
+          } : void 0,
+          e.$slots.loading && e.loading ? {
+            name: "loading",
+            fn: t(() => [
+              n("div", {
+                class: o(e.nsSelect.be("dropdown", "loading"))
+              }, [
+                i(e.$slots, "loading")
+              ], 2)
+            ]),
+            key: "1"
+          } : e.loading || e.filteredOptions.length === 0 ? {
+            name: "empty",
+            fn: t(() => [
+              n("div", {
+                class: o(e.nsSelect.be("dropdown", "empty"))
+              }, [
+                i(e.$slots, "empty", {}, () => [
+                  n("span", null, f(e.emptyText), 1)
+                ])
+              ], 2)
+            ]),
+            key: "2"
+          } : void 0,
+          e.$slots.footer ? {
+            name: "footer",
+            fn: t(() => [
+              n("div", {
+                class: o(e.nsSelect.be("dropdown", "footer"))
+              }, [
+                i(e.$slots, "footer")
+              ], 2)
+            ]),
+            key: "3"
+          } : void 0
+        ]), 1032, ["data", "width", "hovering-index", "scrollbar-always-on"])
+      ]),
+      _: 3
+    }, 8, ["visible", "teleported", "popper-class", "popper-options", "fallback-placements", "effect", "placement", "transition", "persistent", "append-to", "show-arrow", "offset", "onBeforeShow"])
+  ], 34)), [
+    [z, e.handleClickOutside, e.popperRef]
+  ]);
+}
+const Q = /* @__PURE__ */ L(I, [["render", H]]);
+export {
+  Q as default
+};

package/es/components/side-menu/index.d.ts

@@ -96,10 +96,7 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
     "update:width": (val: string | number) => void;
     dragEnd: (oldIndex: import("sortablejs").SortableEvent, newIndex: import("sortablejs").SortableEvent) => void;
     dragWidthEnd: () => void;
-    select: (val: {
-        route: string;
-        indexPath: string[];
-    }) => void;
+    select: (val: import("./types").MenuSelectEventData) => void;
     subMenuClick: (val: any) => void;
     subMenuOpenClick: (val: any) => void;
     menuItemMouseenter: (val: any) => void;
@@ -190,10 +187,7 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
         default: boolean;
     };
 }>> & Readonly<{
-    onSelect?: ((val: {
-        route: string;
-        indexPath: string[];
-    }) => any) | undefined;
+    onSelect?: ((val: import("./types").MenuSelectEventData) => any) | undefined;
     "onUpdate:collapse"?: ((val: boolean) => any) | undefined;
     "onUpdate:width"?: ((val: string | number) => any) | undefined;
     onDragEnd?: ((oldIndex: import("sortablejs").SortableEvent, newIndex: import("sortablejs").SortableEvent) => any) | undefined;

package/es/components/side-menu/side-menu.vue.d.ts

@@ -1,54 +1,6 @@
 import Sortable from 'sortablejs';
-import type { MenuAttrMapping, MenuType } from './types';
-export interface MenuConProps {
-    /** 是否需要固定在左侧 */
-    isFixedLeft?: boolean;
-    /** 菜单列表 */
-    menus: MenuType[];
-    /** 侧边栏宽度 */
-    width?: string | number;
-    /** 侧边栏高度 */
-    height?: string;
-    /** 侧边栏折叠后的宽度 */
-    collapseWidth?: string | number;
-    /** 属性字段映射 */
-    attrMapping?: MenuAttrMapping;
-    /** 菜单内上下 slot 插槽高度总和 */
-    menuTopBottomHeight?: number;
-    /** 是否显示底部收缩 */
-    showCollapse?: boolean;
-    /** 只有一级菜单时拖拽配置 */
-    dragOption?: Sortable.Options & {
-        dragClassName: string;
-    };
-    /** 是否可以拖拽侧边栏宽度 */
-    dragWidthCfg?: boolean | {
-        maxWidth?: number;
-        minWidth?: number;
-    };
-    /** 是否使用菜单组件内部的选中事件 */
-    useRouterJump?: boolean;
-    /** 是否开启菜单禁用 */
-    openDisabled?: boolean;
-    /** 点击子菜单时是否滚动到其父级位置 */
-    autoScrollActiveDom?: boolean | number;
-    /** 开启菜单折叠 */
-    openMenuCollapse?: boolean;
-    /** 是否收缩 */
-    collapse?: boolean;
-    /** 保持只打开一个 */
-    uniqueOpened?: boolean;
-    /** 禁用判断使用相反的条件 */
-    disabledJudgeTurnOver?: boolean;
-    /** 默认选中 */
-    defaultActive?: string;
-    /** 默认展开 */
-    defaultOpeneds?: Array<string | number>;
-    defaultOpenedsLevel?: number | boolean;
-    /** 禁用子菜单的展开收缩行为 */
-    disableSubMenuAction?: boolean;
-}
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MenuConProps>, {
+import type { MenuSelectEventData, SideMenuProps } from './types';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SideMenuProps>, {
     isFixedLeft: boolean;
     autoScrollActiveDom: boolean;
     openMenuCollapse: boolean;
@@ -77,15 +29,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "update:width": (val: string | number) => void;
     dragEnd: (oldIndex: Sortable.SortableEvent, newIndex: Sortable.SortableEvent) => void;
     dragWidthEnd: () => void;
-    select: (val: {
-        route: string;
-        indexPath: string[];
-    }) => void;
+    select: (val: MenuSelectEventData) => void;
     subMenuClick: (val: any) => void;
     subMenuOpenClick: (val: any) => void;
     menuItemMouseenter: (val: any) => void;
     menuItemMouseleave: (val: any) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MenuConProps>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SideMenuProps>, {
     isFixedLeft: boolean;
     autoScrollActiveDom: boolean;
     openMenuCollapse: boolean;
@@ -102,10 +51,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     disableSubMenuAction: boolean;
     defaultOpenedsLevel: boolean;
 }>>> & Readonly<{
-    onSelect?: ((val: {
-        route: string;
-        indexPath: string[];
-    }) => any) | undefined;
+    onSelect?: ((val: MenuSelectEventData) => any) | undefined;
     "onUpdate:collapse"?: ((val: boolean) => any) | undefined;
     "onUpdate:width"?: ((val: string | number) => any) | undefined;
     onDragEnd?: ((oldIndex: Sortable.SortableEvent, newIndex: Sortable.SortableEvent) => any) | undefined;

package/es/components/side-menu/types.d.ts

@@ -1,14 +1,121 @@
+import type Sortable from 'sortablejs';
+import type { SortableEvent } from 'sortablejs';
+/** 菜单项类型 */
 export type MenuType = {
+    /** 子菜单列表 */
     children?: MenuType[];
+    /** 菜单标题 */
     title: string;
+    /** 菜单图标 */
     icon?: string;
+    /** 其他自定义属性 */
     [key: string]: any;
 };
+/** 菜单属性字段映射配置 */
 export type MenuAttrMapping = {
+    /** 路径字段名 */
     path?: string;
+    /** 子菜单字段名 */
     children?: string;
+    /** 标题字段名 */
     title?: string;
+    /** 索引字段名 */
     index?: string | number;
+    /** 图标字段名 */
     icon?: string;
+    /** 禁用字段名 */
     disabled?: string;
 };
+/** 侧边菜单组件属性 */
+export interface SideMenuProps {
+    /** 是否固定在左侧 */
+    isFixedLeft?: boolean;
+    /** 菜单列表 */
+    menus: MenuType[];
+    /** 侧边栏宽度 */
+    width?: string | number;
+    /** 侧边栏高度 */
+    height?: string;
+    /** 侧边栏折叠后的宽度 */
+    collapseWidth?: string | number;
+    /** 属性字段映射 */
+    attrMapping?: MenuAttrMapping;
+    /** 菜单内上下插槽高度总和 */
+    menuTopBottomHeight?: number;
+    /** 是否显示底部收缩按钮 */
+    showCollapse?: boolean;
+    /** 只有一级菜单时的拖拽配置 */
+    dragOption?: Sortable.Options & {
+        dragClassName: string;
+    };
+    /** 是否可以拖拽侧边栏宽度 */
+    dragWidthCfg?: boolean | {
+        /** 最大宽度 */
+        maxWidth?: number;
+        /** 最小宽度 */
+        minWidth?: number;
+    };
+    /** 是否使用菜单组件内部的选中事件进行路由跳转 */
+    useRouterJump?: boolean;
+    /** 是否开启菜单禁用功能 */
+    openDisabled?: boolean;
+    /** 点击子菜单时是否自动滚动到其父级位置 */
+    autoScrollActiveDom?: boolean | number;
+    /** 是否开启菜单折叠功能 */
+    openMenuCollapse?: boolean;
+    /** 是否折叠菜单 */
+    collapse?: boolean;
+    /** 是否保持只打开一个子菜单 */
+    uniqueOpened?: boolean;
+    /** 禁用判断使用相反的条件 */
+    disabledJudgeTurnOver?: boolean;
+    /** 默认选中的菜单索引 */
+    defaultActive?: string;
+    /** 默认展开的子菜单索引数组 */
+    defaultOpeneds?: Array<string | number>;
+    /** 默认展开的层级深度 */
+    defaultOpenedsLevel?: number | boolean;
+    /** 禁用子菜单的展开收缩行为 */
+    disableSubMenuAction?: boolean;
+}
+/** 菜单选中事件参数 */
+export interface MenuSelectEventData {
+    /** 选中的路由路径 */
+    route: string;
+    /** 选中菜单的索引路径 */
+    indexPath: string[];
+}
+/** 侧边菜单组件 Emits */
+export interface SideMenuEmits {
+    /** 折叠状态更新事件 */
+    (e: 'update:collapse', val: boolean): void;
+    /** 宽度更新事件 */
+    (e: 'update:width', val: string | number): void;
+    /** 拖拽结束事件 */
+    (e: 'dragEnd', oldIndex: SortableEvent, newIndex: SortableEvent): void;
+    /** 拖拽宽度结束事件 */
+    (e: 'dragWidthEnd'): void;
+    /** 菜单选中事件 */
+    (e: 'select', val: MenuSelectEventData): void;
+    /** 子菜单点击事件 */
+    (e: 'subMenuClick', val: any): void;
+    /** 子菜单展开点击事件 */
+    (e: 'subMenuOpenClick', val: any): void;
+    /** 菜单项鼠标进入事件 */
+    (e: 'menuItemMouseenter', val: any): void;
+    /** 菜单项鼠标离开事件 */
+    (e: 'menuItemMouseleave', val: any): void;
+}
+/** 侧边菜单组件暴露的方法和属性 */
+export interface SideMenuExpose {
+    /** 侧边栏容器引用 */
+    sideRef: any;
+    /** 跳转到激活的菜单项 */
+    jumpActiveDom: (options?: {
+        activeDom?: HTMLElement | null;
+        offset?: number;
+        delay?: number;
+    }) => void;
+    /** 菜单组件引用 */
+    menuRef: any;
+}

package/es/components/skeleton/skeleton-item.vue2.js

@@ -0,0 +1,36 @@
+import { defineComponent as n, computed as m, createElementBlock as c, openBlock as r, normalizeClass as a, unref as t, createBlock as l, createCommentVNode as p, normalizeProps as s, mergeProps as f } from "vue";
+import { VftIcon as u } from "../icon/index.js";
+import "@vueuse/core";
+import { singleAttrToObj as d } from "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import "lodash-es";
+import "../form/index.js";
+import { useNamespace as k } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+const g = n({
+  name: "VftSkeletonItem"
+}), y = /* @__PURE__ */ n({
+  ...g,
+  props: {
+    variant: { default: "text" },
+    imgIcon: {}
+  },
+  setup(e) {
+    const i = m(
+      () => d(e.imgIcon, "icon", {
+        size: 20,
+        icon: "icon-picture-filled"
+      })
+    ), o = k("skeleton");
+    return (v, _) => (r(), c("div", {
+      class: a([t(o).e("item"), t(o).e(e.variant)])
+    }, [
+      e.variant === "image" ? (r(), l(t(u), s(f({ key: 0 }, i.value)), null, 16)) : p("", !0)
+    ], 2));
+  }
+});
+export {
+  y as default
+};

package/es/components/skeleton/skeleton.vue2.js

@@ -0,0 +1,56 @@
+import { defineComponent as k, computed as y, createElementBlock as n, renderSlot as u, unref as t, openBlock as o, mergeProps as d, Fragment as l, renderList as c, createCommentVNode as h, createVNode as B, normalizeClass as f, createBlock as $, normalizeProps as v } from "vue";
+import "@vueuse/core";
+import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import "lodash-es";
+import "../form/index.js";
+import { useNamespace as w } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import { useThrottleRender as C } from "../../hooks/use-throttle-render/index.js";
+import "../../hooks/use-z-index/index.js";
+import p from "./skeleton-item.vue2.js";
+const N = k({
+  name: "vft-skeleton"
+}), D = /* @__PURE__ */ k({
+  ...N,
+  props: {
+    animated: { type: Boolean, default: !1 },
+    count: { default: 1 },
+    rows: { default: 3 },
+    loading: { type: Boolean, default: !0 },
+    throttle: {}
+  },
+  setup(e, { expose: g }) {
+    const r = w("skeleton"), s = C(
+      y(() => e.loading),
+      e.throttle
+    );
+    return g({
+      uiLoading: s
+    }), (a, z) => t(s) ? (o(), n("div", d({
+      key: 0,
+      class: [t(r).b(), t(r).is("animated", e.animated)]
+    }, a.$attrs), [
+      (o(!0), n(l, null, c(e.count, (m) => (o(), n(l, { key: m }, [
+        e.loading ? u(a.$slots, "template", { key: m }, () => [
+          B(p, {
+            class: f(t(r).is("first")),
+            variant: "p"
+          }, null, 8, ["class"]),
+          (o(!0), n(l, null, c(e.rows, (i) => (o(), $(p, {
+            key: i,
+            class: f([
+              t(r).e("paragraph"),
+              t(r).is("last", i === e.rows && e.rows > 1)
+            ]),
+            variant: "p"
+          }, null, 8, ["class"]))), 128))
+        ]) : h("", !0)
+      ], 64))), 128))
+    ], 16)) : u(a.$slots, "default", v(d({ key: 1 }, a.$attrs)));
+  }
+});
+export {
+  D as default
+};