vft 0.0.398 → 0.0.400

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/es/component.js +83 -81
  2. package/es/components/autocomplete/autocomplete.vue.d.ts +2 -2
  3. package/es/components/autocomplete/index.d.ts +6 -6
  4. package/es/components/button/index.d.ts +9 -9
  5. package/es/components/client-only/client-only.vue.d.ts +12 -0
  6. package/es/components/client-only/client-only.vue.js +4 -0
  7. package/es/components/client-only/client-only.vue2.js +13 -0
  8. package/es/components/client-only/index.d.ts +19 -0
  9. package/es/components/client-only/index.js +13 -0
  10. package/es/components/client-only/style/css.d.ts +1 -0
  11. package/es/components/client-only/style/css.js +2 -0
  12. package/es/components/client-only/style/index.d.ts +1 -0
  13. package/es/components/client-only/style/index.js +2 -0
  14. package/es/components/form/form-item.vue.d.ts +1 -1
  15. package/es/components/form/index.d.ts +30 -30
  16. package/es/components/index.d.ts +1 -0
  17. package/es/components/index.js +391 -389
  18. package/es/components/popconfirm/index.d.ts +15 -15
  19. package/es/components/popconfirm/popconfirm.vue.d.ts +1 -1
  20. package/es/components/select/index.d.ts +4 -4
  21. package/es/components/select/select.vue.d.ts +4 -4
  22. package/es/components/select/useSelect.d.ts +4 -4
  23. package/es/components/side-menu/side-menu.vue2.js +87 -88
  24. package/es/components/skeleton/skeleton.vue.d.ts +0 -1
  25. package/es/components/skeleton/skeleton.vue2.js +0 -1
  26. package/es/components/super-form/super-form-item.vue2.js +3 -2
  27. package/es/components/table/style/css.d.ts +2 -0
  28. package/es/components/table/style/css.js +2 -0
  29. package/es/components/table/style/index.d.ts +2 -0
  30. package/es/components/table/style/index.js +3 -1
  31. package/es/components/table/table.vue2.js +123 -118
  32. package/es/index.js +1 -0
  33. package/es/package.json.d.ts +1 -1
  34. package/es/package.json.js +1 -1
  35. package/lib/component.cjs +1 -1
  36. package/lib/components/autocomplete/autocomplete.vue.d.ts +2 -2
  37. package/lib/components/autocomplete/index.d.ts +6 -6
  38. package/lib/components/button/index.d.ts +9 -9
  39. package/lib/components/client-only/client-only.vue.cjs +1 -0
  40. package/lib/components/client-only/client-only.vue.d.ts +12 -0
  41. package/lib/components/client-only/client-only.vue2.cjs +1 -0
  42. package/lib/components/client-only/index.cjs +1 -0
  43. package/lib/components/client-only/index.d.ts +19 -0
  44. package/lib/components/client-only/style/css.cjs +1 -0
  45. package/lib/components/client-only/style/css.d.ts +1 -0
  46. package/lib/components/client-only/style/index.cjs +1 -0
  47. package/lib/components/client-only/style/index.d.ts +1 -0
  48. package/lib/components/form/form-item.vue.d.ts +1 -1
  49. package/lib/components/form/index.d.ts +30 -30
  50. package/lib/components/index.cjs +1 -1
  51. package/lib/components/index.d.ts +1 -0
  52. package/lib/components/popconfirm/index.d.ts +15 -15
  53. package/lib/components/popconfirm/popconfirm.vue.d.ts +1 -1
  54. package/lib/components/select/index.d.ts +4 -4
  55. package/lib/components/select/select.vue.d.ts +4 -4
  56. package/lib/components/select/useSelect.d.ts +4 -4
  57. package/lib/components/side-menu/side-menu.vue2.cjs +1 -1
  58. package/lib/components/skeleton/skeleton.vue.d.ts +0 -1
  59. package/lib/components/super-form/super-form-item.vue2.cjs +1 -1
  60. package/lib/components/table/style/css.cjs +1 -1
  61. package/lib/components/table/style/css.d.ts +2 -0
  62. package/lib/components/table/style/index.cjs +1 -1
  63. package/lib/components/table/style/index.d.ts +2 -0
  64. package/lib/components/table/table.vue2.cjs +1 -1
  65. package/lib/index.cjs +1 -1
  66. package/lib/package.json.cjs +1 -1
  67. package/lib/package.json.d.ts +1 -1
  68. package/package.json +4 -4
  69. package/theme-style/src/client-only.scss +0 -0
  70. package/theme-style/src/index.scss +1 -0
  71. package/theme-style/vft-client-only.css +0 -0
  72. package/web-types.json +1 -1
@@ -7,14 +7,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
7
7
  type: import("vue").PropType<string | number>;
8
8
  default: number;
9
9
  };
10
- icon: {
11
- type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
12
- default: string;
13
- };
14
10
  teleported: {
15
11
  type: import("vue").PropType<boolean>;
16
12
  default: boolean;
17
13
  };
14
+ icon: {
15
+ type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
16
+ default: string;
17
+ };
18
18
  hideAfter: {
19
19
  type: import("vue").PropType<number>;
20
20
  default: number;
@@ -52,8 +52,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
52
52
  cancel: (val: MouseEvent) => void;
53
53
  }, import("vue").PublicProps, {
54
54
  width: string | number;
55
- icon: string | import("vft/es/vft").IconProps;
56
55
  teleported: boolean;
56
+ icon: string | import("vft/es/vft").IconProps;
57
57
  hideAfter: number;
58
58
  persistent: boolean;
59
59
  confirmButtonType: import("vft/es/vft").ButtonType;
@@ -74,14 +74,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
74
74
  type: import("vue").PropType<string | number>;
75
75
  default: number;
76
76
  };
77
- icon: {
78
- type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
79
- default: string;
80
- };
81
77
  teleported: {
82
78
  type: import("vue").PropType<boolean>;
83
79
  default: boolean;
84
80
  };
81
+ icon: {
82
+ type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
83
+ default: string;
84
+ };
85
85
  hideAfter: {
86
86
  type: import("vue").PropType<number>;
87
87
  default: number;
@@ -116,8 +116,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
116
116
  onConfirm?: ((val: MouseEvent) => any) | undefined;
117
117
  }>, {}, {}, {}, {}, {
118
118
  width: string | number;
119
- icon: string | import("vft/es/vft").IconProps;
120
119
  teleported: boolean;
120
+ icon: string | import("vft/es/vft").IconProps;
121
121
  hideAfter: number;
122
122
  persistent: boolean;
123
123
  confirmButtonType: import("vft/es/vft").ButtonType;
@@ -135,14 +135,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
135
135
  type: import("vue").PropType<string | number>;
136
136
  default: number;
137
137
  };
138
- icon: {
139
- type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
140
- default: string;
141
- };
142
138
  teleported: {
143
139
  type: import("vue").PropType<boolean>;
144
140
  default: boolean;
145
141
  };
142
+ icon: {
143
+ type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
144
+ default: string;
145
+ };
146
146
  hideAfter: {
147
147
  type: import("vue").PropType<number>;
148
148
  default: number;
@@ -180,8 +180,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
180
180
  cancel: (val: MouseEvent) => void;
181
181
  }, string, {
182
182
  width: string | number;
183
- icon: string | import("vft/es/vft").IconProps;
184
183
  teleported: boolean;
184
+ icon: string | import("vft/es/vft").IconProps;
185
185
  hideAfter: number;
186
186
  persistent: boolean;
187
187
  confirmButtonType: import("vft/es/vft").ButtonType;
@@ -43,8 +43,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
43
43
  onConfirm?: ((val: MouseEvent) => any) | undefined;
44
44
  }>, {
45
45
  width: string | number;
46
- icon: string | IconProps;
47
46
  teleported: boolean;
47
+ icon: string | IconProps;
48
48
  hideAfter: number;
49
49
  persistent: boolean;
50
50
  confirmButtonType: ButtonType;
@@ -260,9 +260,9 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
260
260
  readonly strategy?: "fixed" | "absolute" | undefined;
261
261
  readonly effect?: "light" | "dark" | undefined;
262
262
  readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
263
- readonly visible?: boolean | undefined;
264
263
  readonly teleported?: boolean | undefined;
265
264
  readonly open?: boolean | undefined;
265
+ readonly visible?: boolean | undefined;
266
266
  readonly arrowOffset?: number | undefined;
267
267
  readonly gpuAcceleration?: boolean | undefined;
268
268
  readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -678,9 +678,9 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
678
678
  readonly strategy?: "fixed" | "absolute" | undefined;
679
679
  readonly effect?: "light" | "dark" | undefined;
680
680
  readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
681
- readonly visible?: boolean | undefined;
682
681
  readonly teleported?: boolean | undefined;
683
682
  readonly open?: boolean | undefined;
683
+ readonly visible?: boolean | undefined;
684
684
  readonly arrowOffset?: number | undefined;
685
685
  readonly gpuAcceleration?: boolean | undefined;
686
686
  readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -1097,9 +1097,9 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
1097
1097
  readonly strategy?: "fixed" | "absolute" | undefined;
1098
1098
  readonly effect?: "light" | "dark" | undefined;
1099
1099
  readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
1100
- readonly visible?: boolean | undefined;
1101
1100
  readonly teleported?: boolean | undefined;
1102
1101
  readonly open?: boolean | undefined;
1102
+ readonly visible?: boolean | undefined;
1103
1103
  readonly arrowOffset?: number | undefined;
1104
1104
  readonly gpuAcceleration?: boolean | undefined;
1105
1105
  readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -1515,9 +1515,9 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
1515
1515
  readonly strategy?: "fixed" | "absolute" | undefined;
1516
1516
  readonly effect?: "light" | "dark" | undefined;
1517
1517
  readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
1518
- readonly visible?: boolean | undefined;
1519
1518
  readonly teleported?: boolean | undefined;
1520
1519
  readonly open?: boolean | undefined;
1520
+ readonly visible?: boolean | undefined;
1521
1521
  readonly arrowOffset?: number | undefined;
1522
1522
  readonly gpuAcceleration?: boolean | undefined;
1523
1523
  readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -256,9 +256,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
256
256
  readonly strategy?: "fixed" | "absolute" | undefined;
257
257
  readonly effect?: "light" | "dark" | undefined;
258
258
  readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
259
- readonly visible?: boolean | undefined;
260
259
  readonly teleported?: boolean | undefined;
261
260
  readonly open?: boolean | undefined;
261
+ readonly visible?: boolean | undefined;
262
262
  readonly arrowOffset?: number | undefined;
263
263
  readonly gpuAcceleration?: boolean | undefined;
264
264
  readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -674,9 +674,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
674
674
  readonly strategy?: "fixed" | "absolute" | undefined;
675
675
  readonly effect?: "light" | "dark" | undefined;
676
676
  readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
677
- readonly visible?: boolean | undefined;
678
677
  readonly teleported?: boolean | undefined;
679
678
  readonly open?: boolean | undefined;
679
+ readonly visible?: boolean | undefined;
680
680
  readonly arrowOffset?: number | undefined;
681
681
  readonly gpuAcceleration?: boolean | undefined;
682
682
  readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -1093,9 +1093,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1093
1093
  readonly strategy?: "fixed" | "absolute" | undefined;
1094
1094
  readonly effect?: "light" | "dark" | undefined;
1095
1095
  readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
1096
- readonly visible?: boolean | undefined;
1097
1096
  readonly teleported?: boolean | undefined;
1098
1097
  readonly open?: boolean | undefined;
1098
+ readonly visible?: boolean | undefined;
1099
1099
  readonly arrowOffset?: number | undefined;
1100
1100
  readonly gpuAcceleration?: boolean | undefined;
1101
1101
  readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -1511,9 +1511,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1511
1511
  readonly strategy?: "fixed" | "absolute" | undefined;
1512
1512
  readonly effect?: "light" | "dark" | undefined;
1513
1513
  readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
1514
- readonly visible?: boolean | undefined;
1515
1514
  readonly teleported?: boolean | undefined;
1516
1515
  readonly open?: boolean | undefined;
1516
+ readonly visible?: boolean | undefined;
1517
1517
  readonly arrowOffset?: number | undefined;
1518
1518
  readonly gpuAcceleration?: boolean | undefined;
1519
1519
  readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -104,9 +104,9 @@ declare const useSelect: (props: SelectV2Props, emit: any) => {
104
104
  readonly strategy?: "fixed" | "absolute" | undefined;
105
105
  readonly effect?: "light" | "dark" | undefined;
106
106
  readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
107
- readonly visible?: boolean | undefined;
108
107
  readonly teleported?: boolean | undefined;
109
108
  readonly open?: boolean | undefined;
109
+ readonly visible?: boolean | undefined;
110
110
  readonly arrowOffset?: number | undefined;
111
111
  readonly gpuAcceleration?: boolean | undefined;
112
112
  readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -522,9 +522,9 @@ declare const useSelect: (props: SelectV2Props, emit: any) => {
522
522
  readonly strategy?: "fixed" | "absolute" | undefined;
523
523
  readonly effect?: "light" | "dark" | undefined;
524
524
  readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
525
- readonly visible?: boolean | undefined;
526
525
  readonly teleported?: boolean | undefined;
527
526
  readonly open?: boolean | undefined;
527
+ readonly visible?: boolean | undefined;
528
528
  readonly arrowOffset?: number | undefined;
529
529
  readonly gpuAcceleration?: boolean | undefined;
530
530
  readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -941,9 +941,9 @@ declare const useSelect: (props: SelectV2Props, emit: any) => {
941
941
  readonly strategy?: "fixed" | "absolute" | undefined;
942
942
  readonly effect?: "light" | "dark" | undefined;
943
943
  readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
944
- readonly visible?: boolean | undefined;
945
944
  readonly teleported?: boolean | undefined;
946
945
  readonly open?: boolean | undefined;
946
+ readonly visible?: boolean | undefined;
947
947
  readonly arrowOffset?: number | undefined;
948
948
  readonly gpuAcceleration?: boolean | undefined;
949
949
  readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -1359,9 +1359,9 @@ declare const useSelect: (props: SelectV2Props, emit: any) => {
1359
1359
  readonly strategy?: "fixed" | "absolute" | undefined;
1360
1360
  readonly effect?: "light" | "dark" | undefined;
1361
1361
  readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
1362
- readonly visible?: boolean | undefined;
1363
1362
  readonly teleported?: boolean | undefined;
1364
1363
  readonly open?: boolean | undefined;
1364
+ readonly visible?: boolean | undefined;
1365
1365
  readonly arrowOffset?: number | undefined;
1366
1366
  readonly gpuAcceleration?: boolean | undefined;
1367
1367
  readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -1,25 +1,25 @@
1
- import { defineComponent as j, toRefs as le, useSlots as ne, getCurrentInstance as ae, ref as g, computed as m, h as b, createVNode as p, onMounted as ue, nextTick as se, watch as ie, isVNode as de } from "vue";
2
- import { listenerRouteChange as re, useRouterHelper as ce } from "@vft/router";
3
- import { useSortable as pe } from "@vft/use/sortable";
4
- import { isUrl as fe, isNullOrUndefined as W, isNumber as me } from "@vft/utils";
1
+ import { defineComponent as j, toRefs as oe, useSlots as le, getCurrentInstance as ne, ref as h, computed as g, watch as ae, onMounted as ue, nextTick as se, createVNode as p, h as b, isVNode as ie } from "vue";
2
+ import { listenerRouteChange as de, useRouterHelper as re } from "@vft/router";
3
+ import { useSortable as ce } from "@vft/use/sortable";
4
+ import { isNullOrUndefined as W, isNumber as pe, isUrl as fe } from "@vft/utils";
5
5
  import "@vueuse/core";
6
6
  import { addUnit as I } from "../../utils/helper.js";
7
7
  import "lodash-es";
8
8
  import "../form/index.js";
9
- import { VftIcon as ve } from "../icon/index.js";
10
- import { VftMenu as he, VftSubMenu as ge, VftMenuItem as V } from "../menu/index.js";
11
- import { useNamespace as be } from "../../hooks/use-namespace/index.js";
9
+ import { VftIcon as me } from "../icon/index.js";
10
+ import { VftMenu as ve, VftSubMenu as he, VftMenuItem as V } from "../menu/index.js";
11
+ import { useNamespace as ge } from "../../hooks/use-namespace/index.js";
12
12
  import "../../hooks/use-model-toggle/index.js";
13
13
  import "@popperjs/core";
14
14
  import "../../hooks/use-z-index/index.js";
15
- import { useDragLine as ye } from "./use-drag-line.js";
16
- function Ce(v) {
17
- return typeof v == "function" || Object.prototype.toString.call(v) === "[object Object]" && !de(v);
15
+ import { useDragLine as be } from "./use-drag-line.js";
16
+ function ye(m) {
17
+ return typeof m == "function" || Object.prototype.toString.call(m) === "[object Object]" && !ie(m);
18
18
  }
19
- const Me = j({
19
+ const Ce = j({
20
20
  name: "vft-side-menu"
21
- }), je = /* @__PURE__ */ j({
22
- ...Me,
21
+ }), Ve = /* @__PURE__ */ j({
22
+ ...Ce,
23
23
  props: {
24
24
  isFixedLeft: {
25
25
  type: Boolean,
@@ -79,17 +79,17 @@ const Me = j({
79
79
  defaultOpeneds: {}
80
80
  },
81
81
  emits: ["update:collapse", "update:width", "dragEnd", "dragWidthEnd", "select", "subMenuClick", "menuItemMouseenter", "menuItemMouseleave"],
82
- setup(v, {
82
+ setup(m, {
83
83
  expose: q,
84
84
  emit: J
85
85
  }) {
86
- const t = v, {
86
+ const t = m, {
87
87
  defaultActive: E,
88
88
  collapse: f,
89
89
  uniqueOpened: L,
90
90
  defaultOpeneds: P,
91
91
  openMenuCollapse: H
92
- } = le(t), r = J, u = be("side-menu"), s = ne(), M = ae(), S = g(), a = m(() => ({
92
+ } = oe(t), r = J, u = ge("side-menu"), s = le(), S = ne(), M = h(), a = g(() => ({
93
93
  path: "path",
94
94
  children: "children",
95
95
  title: "title",
@@ -98,15 +98,15 @@ const Me = j({
98
98
  disabled: "disabled",
99
99
  ...t.attrMapping
100
100
  }));
101
- re(({
101
+ de(({
102
102
  route: e
103
103
  }) => {
104
- !e || e.meta?.hideSide && !t.useRouterJump || (S.value = e.path);
104
+ !e || e.meta?.hideSide && !t.useRouterJump || (M.value = e.path);
105
105
  });
106
106
  const U = (e) => {
107
107
  const n = e.e;
108
108
  if (t.autoScrollActiveDom && n) {
109
- const o = me(t.autoScrollActiveDom) ? t.autoScrollActiveDom : 0, l = n.target;
109
+ const o = pe(t.autoScrollActiveDom) ? t.autoScrollActiveDom : 0, l = n.target;
110
110
  O({
111
111
  activeDom: l,
112
112
  offset: o
@@ -118,9 +118,9 @@ const Me = j({
118
118
  offset: n = 0,
119
119
  delay: o = 300
120
120
  } = {}) => {
121
- h.value?.menu && setTimeout(() => {
121
+ v.value?.menu && setTimeout(() => {
122
122
  const l = e || document.querySelector(".vft-menu-item.is-active") || document.querySelector(".vft-sub-menu.is-active");
123
- l && (h.value.menu.scrollTop = h.value.menu.scrollTop + (l.getBoundingClientRect().top - h.value.menu.getBoundingClientRect().top) + n);
123
+ l && (v.value.menu.scrollTop = v.value.menu.scrollTop + (l.getBoundingClientRect().top - v.value.menu.getBoundingClientRect().top) + n);
124
124
  }, o);
125
125
  }, F = (e) => {
126
126
  r("menuItemMouseenter", e);
@@ -130,7 +130,7 @@ const Me = j({
130
130
  const o = e[a.value.path], l = e[a.value.title], i = e?.[a.value.children], c = e?.[a.value.index], D = e?.[a.value.icon], T = !!e?.[a.value.disabled], R = t.disabledJudgeTurnOver ? !T : T, k = c || o || n + l;
131
131
  return i?.length ? b(
132
132
  // @ts-ignore
133
- ge,
133
+ he,
134
134
  {
135
135
  ...e,
136
136
  popperAppendToBody: !0,
@@ -142,18 +142,18 @@ const Me = j({
142
142
  popperClass: u.e("popper")
143
143
  },
144
144
  {
145
- default: () => i?.map((d, X) => {
146
- const C = d[a.value.path], A = d[a.value.index], ee = d[a.value.icon], te = d[a.value.title], N = !!d[a.value.disabled], oe = t.disabledJudgeTurnOver ? !N : N;
147
- return d?.[a.value.children]?.length ? _(d, X) : (
145
+ default: () => i?.map((d, Q) => {
146
+ const C = d[a.value.path], A = d[a.value.index], X = d[a.value.icon], ee = d[a.value.title], N = !!d[a.value.disabled], te = t.disabledJudgeTurnOver ? !N : N;
147
+ return d?.[a.value.children]?.length ? _(d, Q) : (
148
148
  // @ts-ignore
149
149
  b(V, {
150
150
  ...d,
151
151
  key: A || C,
152
152
  index: A || C,
153
153
  route: C,
154
- icon: ee,
155
- title: te,
156
- disabled: t.openDisabled && oe
154
+ icon: X,
155
+ title: ee,
156
+ disabled: t.openDisabled && te
157
157
  }, s.menuItem ? () => s.menuItem?.({
158
158
  item: d
159
159
  }) : "")
@@ -174,33 +174,17 @@ const Me = j({
174
174
  item: e,
175
175
  index: n
176
176
  }) : "");
177
- }, h = g(), $ = m(() => ({
177
+ }, v = h(), $ = g(() => ({
178
178
  ...t.collapseWidth === 0 && f.value ? {
179
179
  width: 0
180
180
  } : {},
181
181
  height: `calc(100% - ${t.menuTopBottomHeight}px)`
182
- })), z = m(() => {
183
- let e;
184
- return b(p(he, {
185
- ref: h,
186
- onSelect: Y,
187
- onOpen: U,
188
- defaultActive: E?.value || S.value,
189
- defaultOpeneds: P?.value,
190
- class: [u.e("con"), t.dragOption?.dragClassName ? u.e(t.dragOption?.dragClassName) : ""],
191
- style: $.value,
192
- collapse: H.value ? f.value : !1,
193
- uniqueOpened: L.value,
194
- collapseTransition: !1
195
- }, Ce(e = t.menus.map((n, o) => _(n, o))) ? e : {
196
- default: () => [e]
197
- }));
198
- }), x = M.appContext.config.globalProperties.$router;
199
- async function Y(e) {
182
+ })), x = S.appContext.config.globalProperties.$router;
183
+ async function z(e) {
200
184
  if (t.useRouterJump) {
201
185
  const {
202
186
  go: n
203
- } = ce(x), o = e.route;
187
+ } = re(x), o = e.route;
204
188
  let l = e.route;
205
189
  e.indexPath.some((c) => fe(c)) && (l = e.indexPath.slice(-2).join("/"));
206
190
  const i = x.getRoutes().filter((c) => c.path === l)?.[0]?.meta?.linkTarget;
@@ -213,12 +197,25 @@ const Me = j({
213
197
  }
214
198
  r("select", e);
215
199
  }
216
- ue(() => {
200
+ const y = h(), w = h(), B = h(), Y = g(() => ({
201
+ ...t.collapseWidth === 0 && f.value ? {
202
+ borderRight: "none"
203
+ } : {},
204
+ width: I(t.width),
205
+ height: t.height
206
+ }));
207
+ ae(() => f.value, (e) => {
208
+ e ? r("update:width", t.collapseWidth) : r("update:width", B.value || t.width), B.value = t.width;
209
+ }), t.dragWidthCfg && be(y, w, S);
210
+ const G = g(() => ({
211
+ left: I(t.width)
212
+ })), K = g(() => [u.b(), t.isFixedLeft ? u.m("fixed") : ""]);
213
+ return ue(() => {
217
214
  se(() => {
218
215
  if (t.dragOption?.dragClassName) {
219
216
  const e = document.querySelectorAll("." + u.e(t.dragOption?.dragClassName))?.[0], {
220
217
  initSortable: n
221
- } = pe(e, {
218
+ } = ce(e, {
222
219
  draggable: ".vft-menu-item",
223
220
  onEnd: (o) => {
224
221
  const {
@@ -232,47 +229,49 @@ const Me = j({
232
229
  n();
233
230
  }
234
231
  });
235
- });
236
- const y = g(), w = g(), B = g(), G = m(() => ({
237
- ...t.collapseWidth === 0 && f.value ? {
238
- borderRight: "none"
239
- } : {},
240
- width: I(t.width),
241
- height: t.height
242
- }));
243
- ie(() => f.value, (e) => {
244
- e ? r("update:width", t.collapseWidth) : r("update:width", B.value || t.width), B.value = t.width;
245
- }), t.dragWidthCfg && ye(y, w, M);
246
- const K = m(() => ({
247
- left: I(t.width)
248
- })), Q = m(() => [u.b(), t.isFixedLeft ? u.m("fixed") : ""]);
249
- return q({
232
+ }), q({
250
233
  sideRef: y,
251
234
  jumpActiveDom: O
252
- }), () => p("div", {
253
- ref: y,
254
- class: Q.value,
255
- style: G.value
256
- }, [s.top ? p("div", {
257
- class: u.e("top")
258
- }, [s.top()]) : null, z.value, s.bottom ? p("div", {
259
- class: u.e("bottom")
260
- }, [s.bottom()]) : t.showCollapse ? p("div", {
261
- onClick: () => r("update:collapse", !f.value),
262
- class: [u.e("bottom"), u.e("collapse")]
263
- }, [p(ve, {
264
- style: {
265
- transform: f.value ? "rotateY(180deg)" : ""
266
- },
267
- size: 20,
268
- icon: "icon-sidebar-collapse"
269
- }, null)]) : null, s.default?.(), t.dragWidthCfg ? p("div", {
270
- ref: w,
271
- style: K.value,
272
- class: u.e("drag-bar")
273
- }, null) : null]);
235
+ }), () => {
236
+ let e;
237
+ return p("div", {
238
+ ref: y,
239
+ class: K.value,
240
+ style: Y.value
241
+ }, [s.top ? p("div", {
242
+ class: u.e("top")
243
+ }, [s.top()]) : null, b(p(ve, {
244
+ ref: v,
245
+ onSelect: z,
246
+ onOpen: U,
247
+ defaultActive: E?.value || M.value,
248
+ defaultOpeneds: P?.value,
249
+ class: [u.e("con"), t.dragOption?.dragClassName ? u.e(t.dragOption?.dragClassName) : ""],
250
+ style: $.value,
251
+ collapse: H.value ? f.value : !1,
252
+ uniqueOpened: L.value,
253
+ collapseTransition: !1
254
+ }, ye(e = t.menus.map((n, o) => _(n, o))) ? e : {
255
+ default: () => [e]
256
+ })), s.bottom ? p("div", {
257
+ class: u.e("bottom")
258
+ }, [s.bottom()]) : t.showCollapse ? p("div", {
259
+ onClick: () => r("update:collapse", !f.value),
260
+ class: [u.e("bottom"), u.e("collapse")]
261
+ }, [p(me, {
262
+ style: {
263
+ transform: f.value ? "rotateY(180deg)" : ""
264
+ },
265
+ size: 20,
266
+ icon: "icon-sidebar-collapse"
267
+ }, null)]) : null, s.default?.(), t.dragWidthCfg ? p("div", {
268
+ ref: w,
269
+ style: G.value,
270
+ class: u.e("drag-bar")
271
+ }, null) : null]);
272
+ };
274
273
  }
275
274
  });
276
275
  export {
277
- je as default
276
+ Ve as default
278
277
  };
@@ -14,7 +14,6 @@ declare function __VLS_template(): {
14
14
  }): any;
15
15
  };
16
16
  declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {
17
- /** @description loading state */
18
17
  uiLoading: import("vue").Ref<boolean, boolean>;
19
18
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
20
19
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
@@ -27,7 +27,6 @@ const N = k({
27
27
  n.throttle
28
28
  );
29
29
  return g({
30
- /** @description loading state */
31
30
  uiLoading: l
32
31
  }), (e, z) => t(l) ? (o(), a("div", u({
33
32
  key: 0,
@@ -10,6 +10,7 @@ import "../cascader-panel/index.js";
10
10
  import "../check-tag/index.js";
11
11
  import "../checkbox/index.js";
12
12
  import "../clamp/index.js";
13
+ import "../client-only/index.js";
13
14
  import "../clamp-toggle/index.js";
14
15
  import "../clamp-tooltip/index.js";
15
16
  import { VftCol as X } from "../col/index.js";
@@ -116,7 +117,7 @@ function q(o) {
116
117
  }
117
118
  const Ce = Q({
118
119
  inheritAttrs: !1
119
- }), yr = /* @__PURE__ */ Q({
120
+ }), Ar = /* @__PURE__ */ Q({
120
121
  ...Ce,
121
122
  __name: "super-form-item",
122
123
  props: {
@@ -493,5 +494,5 @@ const Ce = Q({
493
494
  }
494
495
  });
495
496
  export {
496
- yr as default
497
+ Ar as default
497
498
  };
@@ -2,4 +2,6 @@ import 'vft/es/components/clamp-toggle/style/css';
2
2
  import 'vft/es/components/empty/style/css';
3
3
  import 'vft/es/components/pagination/style/css';
4
4
  import 'vft/es/components/super-form/style/css';
5
+ import 'vft/es/components/skeleton/style/css';
6
+ import 'vft/es/components/skeleton-item/style/css';
5
7
  import 'vft/theme-style/vft-table.css';
@@ -37,4 +37,6 @@ import "vft/theme-style/vft-form.css";
37
37
  import "vft/theme-style/vft-form-item.css";
38
38
  import "vft/theme-style/vft-time-select.css";
39
39
  import "vft/theme-style/vft-super-form.css";
40
+ import "vft/theme-style/vft-skeleton-item.css";
41
+ import "vft/theme-style/vft-skeleton.css";
40
42
  import "vft/theme-style/vft-table.css";
@@ -1,5 +1,7 @@
1
1
  import 'vft/es/components/clamp-toggle/style';
2
2
  import 'vft/es/components/empty/style';
3
3
  import 'vft/es/components/pagination/style';
4
+ import 'vft/es/components/skeleton/style';
5
+ import 'vft/es/components/skeleton-item/style';
4
6
  import 'vft/es/components/super-form/style';
5
7
  import 'vft/theme-style/src/table.scss';
@@ -2,6 +2,9 @@ import "vft/theme-style/src/base.scss";
2
2
  import "vft/theme-style/src/clamp-toggle.scss";
3
3
  import "vft/theme-style/src/empty.scss";
4
4
  import "vft/theme-style/src/pagination.scss";
5
+ import "vft/theme-style/src/skeleton-item.scss";
6
+ import "vft/theme-style/src/icon.scss";
7
+ import "vft/theme-style/src/skeleton.scss";
5
8
  import "vft/theme-style/src/autocomplete.scss";
6
9
  import "vft/theme-style/src/input.scss";
7
10
  import "vft/theme-style/src/scrollbar.scss";
@@ -15,7 +18,6 @@ import "vft/theme-style/src/slider.scss";
15
18
  import "vft/theme-style/src/input-number.scss";
16
19
  import "vft/theme-style/src/tooltip.scss";
17
20
  import "vft/theme-style/src/color-picker.scss";
18
- import "vft/theme-style/src/icon.scss";
19
21
  import "vft/theme-style/src/button.scss";
20
22
  import "vft/theme-style/src/progress.scss";
21
23
  import "vft/theme-style/src/upload.scss";