@creatorsn/vfluent3 0.3.62 → 0.3.64

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 (7) hide show
  1. package/dist/types/packages/drop-down/index.d.ts +3 -3
  2. package/dist/types/packages/drop-down/source/index.vue.d.ts +3 -3
  3. package/dist/types/packages/list-view/index.d.ts +12 -0
  4. package/dist/types/packages/list-view/source/index.vue.d.ts +12 -0
  5. package/dist/vfluent3.js +16 -5
  6. package/dist/vfluent3.umd.cjs +9 -9
  7. package/package.json +1 -1
package/dist/types/packages/drop-down/index.d.ts CHANGED
@@ -16,9 +16,9 @@ export declare const FvDropDown: import("../../types/plugins/component-plugin").
16
16
  readonly dropDownIconForeground?: string | undefined;
17
17
  readonly multiple?: boolean | undefined;
18
18
  readonly options?: never[] | undefined;
19
+ readonly setFocus?: boolean | undefined;
19
20
  readonly dropDownListBackground?: string | undefined;
20
21
  readonly dropDownListForeground?: string | undefined;
21
- readonly setFocus?: boolean | undefined;
22
22
  readonly inputBorderColor?: string | undefined;
23
23
  readonly inputHeight?: string | undefined;
24
24
  readonly inputFontSize?: string | undefined;
@@ -80,9 +80,9 @@ export declare const FvDropDown: import("../../types/plugins/component-plugin").
80
80
  readonly dropDownIconForeground?: string | undefined;
81
81
  readonly multiple?: boolean | undefined;
82
82
  readonly options?: never[] | undefined;
83
+ readonly setFocus?: boolean | undefined;
83
84
  readonly dropDownListBackground?: string | undefined;
84
85
  readonly dropDownListForeground?: string | undefined;
85
- readonly setFocus?: boolean | undefined;
86
86
  readonly inputBorderColor?: string | undefined;
87
87
  readonly inputHeight?: string | undefined;
88
88
  readonly inputFontSize?: string | undefined;
@@ -141,9 +141,9 @@ export declare const FvDropDown: import("../../types/plugins/component-plugin").
141
141
  readonly dropDownIconForeground?: string | undefined;
142
142
  readonly multiple?: boolean | undefined;
143
143
  readonly options?: never[] | undefined;
144
+ readonly setFocus?: boolean | undefined;
144
145
  readonly dropDownListBackground?: string | undefined;
145
146
  readonly dropDownListForeground?: string | undefined;
146
- readonly setFocus?: boolean | undefined;
147
147
  readonly inputBorderColor?: string | undefined;
148
148
  readonly inputHeight?: string | undefined;
149
149
  readonly inputFontSize?: string | undefined;
package/dist/types/packages/drop-down/source/index.vue.d.ts CHANGED
@@ -15,9 +15,9 @@ declare const _default: {
15
15
  readonly dropDownIconForeground?: string | undefined;
16
16
  readonly multiple?: boolean | undefined;
17
17
  readonly options?: never[] | undefined;
18
+ readonly setFocus?: boolean | undefined;
18
19
  readonly dropDownListBackground?: string | undefined;
19
20
  readonly dropDownListForeground?: string | undefined;
20
- readonly setFocus?: boolean | undefined;
21
21
  readonly inputBorderColor?: string | undefined;
22
22
  readonly inputHeight?: string | undefined;
23
23
  readonly inputFontSize?: string | undefined;
@@ -79,9 +79,9 @@ declare const _default: {
79
79
  readonly dropDownIconForeground?: string | undefined;
80
80
  readonly multiple?: boolean | undefined;
81
81
  readonly options?: never[] | undefined;
82
+ readonly setFocus?: boolean | undefined;
82
83
  readonly dropDownListBackground?: string | undefined;
83
84
  readonly dropDownListForeground?: string | undefined;
84
- readonly setFocus?: boolean | undefined;
85
85
  readonly inputBorderColor?: string | undefined;
86
86
  readonly inputHeight?: string | undefined;
87
87
  readonly inputFontSize?: string | undefined;
@@ -140,9 +140,9 @@ declare const _default: {
140
140
  readonly dropDownIconForeground?: string | undefined;
141
141
  readonly multiple?: boolean | undefined;
142
142
  readonly options?: never[] | undefined;
143
+ readonly setFocus?: boolean | undefined;
143
144
  readonly dropDownListBackground?: string | undefined;
144
145
  readonly dropDownListForeground?: string | undefined;
145
- readonly setFocus?: boolean | undefined;
146
146
  readonly inputBorderColor?: string | undefined;
147
147
  readonly inputHeight?: string | undefined;
148
148
  readonly inputFontSize?: string | undefined;
package/dist/types/packages/list-view/index.d.ts CHANGED
@@ -2,6 +2,8 @@ import "./style";
2
2
  export declare const FvListView: import("../../types/plugins/component-plugin").ComponentPlugin<{
3
3
  new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, {
4
4
  move: (...args: any[]) => any;
5
+ setFocus: (...args: any[]) => any;
6
+ setBlur: (...args: any[]) => any;
5
7
  $props: {
6
8
  readonly theme?: string | undefined;
7
9
  readonly disabled?: boolean | undefined;
@@ -52,6 +54,7 @@ export declare const FvListView: import("../../types/plugins/component-plugin").
52
54
  outSideClickInit(): void;
53
55
  outSideClickEvent(event: any): void;
54
56
  keyDownEventInit(): void;
57
+ keyDownEvent(event: any): void;
55
58
  valueTrigger(val: any): any;
56
59
  handlerClick($event: any, cur: any): void;
57
60
  onChoosen($event: any, cur: any): 0 | undefined;
@@ -65,6 +68,7 @@ export declare const FvListView: import("../../types/plugins/component-plugin").
65
68
  dragOver(event: any, item: any): void;
66
69
  dragLeave(event: any, item: any): void;
67
70
  dropItem(event: any, item: any): void;
71
+ blur(): void;
68
72
  inspectItemAPI(cur: any): 0 | undefined;
69
73
  }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, {}, true, {}, {}, {
70
74
  P: {};
@@ -75,6 +79,8 @@ export declare const FvListView: import("../../types/plugins/component-plugin").
75
79
  Defaults: {};
76
80
  }, Readonly<import("vue").ExtractPropTypes<{}>>, {
77
81
  move: (...args: any[]) => any;
82
+ setFocus: (...args: any[]) => any;
83
+ setBlur: (...args: any[]) => any;
78
84
  $props: {
79
85
  readonly theme?: string | undefined;
80
86
  readonly disabled?: boolean | undefined;
@@ -125,6 +131,7 @@ export declare const FvListView: import("../../types/plugins/component-plugin").
125
131
  outSideClickInit(): void;
126
132
  outSideClickEvent(event: any): void;
127
133
  keyDownEventInit(): void;
134
+ keyDownEvent(event: any): void;
128
135
  valueTrigger(val: any): any;
129
136
  handlerClick($event: any, cur: any): void;
130
137
  onChoosen($event: any, cur: any): 0 | undefined;
@@ -138,6 +145,7 @@ export declare const FvListView: import("../../types/plugins/component-plugin").
138
145
  dragOver(event: any, item: any): void;
139
146
  dragLeave(event: any, item: any): void;
140
147
  dropItem(event: any, item: any): void;
148
+ blur(): void;
141
149
  inspectItemAPI(cur: any): 0 | undefined;
142
150
  }, {}>;
143
151
  __isFragment?: undefined;
@@ -145,6 +153,8 @@ export declare const FvListView: import("../../types/plugins/component-plugin").
145
153
  __isSuspense?: undefined;
146
154
  } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {
147
155
  move: (...args: any[]) => any;
156
+ setFocus: (...args: any[]) => any;
157
+ setBlur: (...args: any[]) => any;
148
158
  $props: {
149
159
  readonly theme?: string | undefined;
150
160
  readonly disabled?: boolean | undefined;
@@ -195,6 +205,7 @@ export declare const FvListView: import("../../types/plugins/component-plugin").
195
205
  outSideClickInit(): void;
196
206
  outSideClickEvent(event: any): void;
197
207
  keyDownEventInit(): void;
208
+ keyDownEvent(event: any): void;
198
209
  valueTrigger(val: any): any;
199
210
  handlerClick($event: any, cur: any): void;
200
211
  onChoosen($event: any, cur: any): 0 | undefined;
@@ -208,6 +219,7 @@ export declare const FvListView: import("../../types/plugins/component-plugin").
208
219
  dragOver(event: any, item: any): void;
209
220
  dragLeave(event: any, item: any): void;
210
221
  dropItem(event: any, item: any): void;
222
+ blur(): void;
211
223
  inspectItemAPI(cur: any): 0 | undefined;
212
224
  }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
213
225
  $slots: {
package/dist/types/packages/list-view/source/index.vue.d.ts CHANGED
@@ -1,6 +1,8 @@
1
1
  declare const _default: {
2
2
  new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, {
3
3
  move: (...args: any[]) => any;
4
+ setFocus: (...args: any[]) => any;
5
+ setBlur: (...args: any[]) => any;
4
6
  $props: {
5
7
  readonly theme?: string | undefined;
6
8
  readonly disabled?: boolean | undefined;
@@ -51,6 +53,7 @@ declare const _default: {
51
53
  outSideClickInit(): void;
52
54
  outSideClickEvent(event: any): void;
53
55
  keyDownEventInit(): void;
56
+ keyDownEvent(event: any): void;
54
57
  valueTrigger(val: any): any;
55
58
  handlerClick($event: any, cur: any): void;
56
59
  onChoosen($event: any, cur: any): 0 | undefined;
@@ -64,6 +67,7 @@ declare const _default: {
64
67
  dragOver(event: any, item: any): void;
65
68
  dragLeave(event: any, item: any): void;
66
69
  dropItem(event: any, item: any): void;
70
+ blur(): void;
67
71
  inspectItemAPI(cur: any): 0 | undefined;
68
72
  }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, {}, true, {}, {}, {
69
73
  P: {};
@@ -74,6 +78,8 @@ declare const _default: {
74
78
  Defaults: {};
75
79
  }, Readonly<import("vue").ExtractPropTypes<{}>>, {
76
80
  move: (...args: any[]) => any;
81
+ setFocus: (...args: any[]) => any;
82
+ setBlur: (...args: any[]) => any;
77
83
  $props: {
78
84
  readonly theme?: string | undefined;
79
85
  readonly disabled?: boolean | undefined;
@@ -124,6 +130,7 @@ declare const _default: {
124
130
  outSideClickInit(): void;
125
131
  outSideClickEvent(event: any): void;
126
132
  keyDownEventInit(): void;
133
+ keyDownEvent(event: any): void;
127
134
  valueTrigger(val: any): any;
128
135
  handlerClick($event: any, cur: any): void;
129
136
  onChoosen($event: any, cur: any): 0 | undefined;
@@ -137,6 +144,7 @@ declare const _default: {
137
144
  dragOver(event: any, item: any): void;
138
145
  dragLeave(event: any, item: any): void;
139
146
  dropItem(event: any, item: any): void;
147
+ blur(): void;
140
148
  inspectItemAPI(cur: any): 0 | undefined;
141
149
  }, {}>;
142
150
  __isFragment?: undefined;
@@ -144,6 +152,8 @@ declare const _default: {
144
152
  __isSuspense?: undefined;
145
153
  } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {
146
154
  move: (...args: any[]) => any;
155
+ setFocus: (...args: any[]) => any;
156
+ setBlur: (...args: any[]) => any;
147
157
  $props: {
148
158
  readonly theme?: string | undefined;
149
159
  readonly disabled?: boolean | undefined;
@@ -194,6 +204,7 @@ declare const _default: {
194
204
  outSideClickInit(): void;
195
205
  outSideClickEvent(event: any): void;
196
206
  keyDownEventInit(): void;
207
+ keyDownEvent(event: any): void;
197
208
  valueTrigger(val: any): any;
198
209
  handlerClick($event: any, cur: any): void;
199
210
  onChoosen($event: any, cur: any): 0 | undefined;
@@ -207,6 +218,7 @@ declare const _default: {
207
218
  dragOver(event: any, item: any): void;
208
219
  dragLeave(event: any, item: any): void;
209
220
  dropItem(event: any, item: any): void;
221
+ blur(): void;
210
222
  inspectItemAPI(cur: any): 0 | undefined;
211
223
  }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
212
224
  $slots: {
package/dist/vfluent3.js CHANGED
@@ -14050,9 +14050,10 @@ const mo = /* @__PURE__ */ we(Cg, [["render", Vg]]), Tg = { class: "list-view-he
14050
14050
  t || (this.focus = !1);
14051
14051
  },
14052
14052
  keyDownEventInit() {
14053
- window.addEventListener("keydown", (e) => {
14054
- !this.focus || (e.keyCode === 40 ? this.move(e, 1) : e.keyCode === 38 && this.move(e, -1), e.keyCode === 13 && this.enter(e));
14055
- });
14053
+ window.addEventListener("keydown", this.keyDownEvent);
14054
+ },
14055
+ keyDownEvent(e) {
14056
+ !this.focus || (e.keyCode === 40 ? this.move(e, 1) : e.keyCode === 38 && this.move(e, -1), e.keyCode === 13 && this.enter(e));
14056
14057
  },
14057
14058
  valueTrigger(e) {
14058
14059
  return typeof e == "function" ? e() : e;
@@ -14158,6 +14159,8 @@ const mo = /* @__PURE__ */ we(Cg, [["render", Vg]]), Tg = { class: "list-view-he
14158
14159
  }), this.setSliderTarget(t), this.$emit("choosen-items", this.currentChoosen);
14159
14160
  },
14160
14161
  scrollFormat(e) {
14162
+ if (!e)
14163
+ return;
14161
14164
  let i = e.getBoundingClientRect(), t = this.$refs.container.getBoundingClientRect();
14162
14165
  if (i.top < t.top) {
14163
14166
  let s = t.top - i.top;
@@ -14215,6 +14218,12 @@ const mo = /* @__PURE__ */ we(Cg, [["render", Vg]]), Tg = { class: "list-view-he
14215
14218
  root: this.thisValue
14216
14219
  });
14217
14220
  },
14221
+ focus() {
14222
+ this.focus = !0;
14223
+ },
14224
+ blur() {
14225
+ this.focus = !1;
14226
+ },
14218
14227
  inspectItemAPI(e) {
14219
14228
  let i = this.thisValue.find((n) => this.valueTrigger(n.name) === this.valueTrigger(e.name) && this.valueTrigger(n.type) === this.valueTrigger(e.type) && n.key === e.key), t = this.thisValue.indexOf(i);
14220
14229
  if (t < 0)
@@ -14224,7 +14233,7 @@ const mo = /* @__PURE__ */ we(Cg, [["render", Vg]]), Tg = { class: "list-view-he
14224
14233
  }
14225
14234
  },
14226
14235
  beforeUnmount() {
14227
- clearInterval(this.timer.slider), window.removeEventListener("click", this.outSideClickEvent);
14236
+ clearInterval(this.timer.slider), window.removeEventListener("click", this.outSideClickEvent), window.removeEventListener("keydown", this.keyDownEvent);
14228
14237
  }
14229
14238
  }, Mg = Object.assign(Dg, {
14230
14239
  props: {
@@ -14291,7 +14300,9 @@ const mo = /* @__PURE__ */ we(Cg, [["render", Vg]]), Tg = { class: "list-view-he
14291
14300
  setup(e, { expose: i, emit: t }) {
14292
14301
  const { proxy: s } = $i();
14293
14302
  return i({
14294
- move: (...n) => s.move(...n)
14303
+ move: (...n) => s.move(...n),
14304
+ setFocus: (...n) => s.focus(...n),
14305
+ setBlur: (...n) => s.blur(...n)
14295
14306
  }), (n, r) => {
14296
14307
  const o = j("fv-reveal-container");
14297
14308
  return p(), w("div", {