@creatorsn/vfluent3 0.3.61 → 0.3.63

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 (6) hide show
  1. package/dist/style.css +1 -1
  2. package/dist/types/packages/list-view/index.d.ts +18 -0
  3. package/dist/types/packages/list-view/source/index.vue.d.ts +18 -0
  4. package/dist/vfluent3.js +27 -6
  5. package/dist/vfluent3.umd.cjs +1 -1
  6. package/package.json +1 -1
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
+ focus: (...args: any[]) => any;
6
+ blur: (...args: any[]) => any;
5
7
  $props: {
6
8
  readonly theme?: string | undefined;
7
9
  readonly disabled?: boolean | undefined;
@@ -18,6 +20,8 @@ export declare const FvListView: import("../../types/plugins/component-plugin").
18
20
  readonly rowHeight?: string | undefined;
19
21
  readonly headerForeground?: string | undefined;
20
22
  readonly itemPadding?: string | undefined;
23
+ readonly itemBorderWidth?: number | undefined;
24
+ readonly itemBorderColor?: string | undefined;
21
25
  readonly showSlider?: boolean | undefined;
22
26
  };
23
27
  $emit: (event: "update:modelValue" | "item-click" | "chooseItem" | "choosen-items" | "selection-change" | "item-drag-over" | "item-drag-leave" | "item-drop" | "update:sliderTarget" | "update:sliderIndex", ...args: any[]) => void;
@@ -50,6 +54,7 @@ export declare const FvListView: import("../../types/plugins/component-plugin").
50
54
  outSideClickInit(): void;
51
55
  outSideClickEvent(event: any): void;
52
56
  keyDownEventInit(): void;
57
+ keyDownEvent(event: any): void;
53
58
  valueTrigger(val: any): any;
54
59
  handlerClick($event: any, cur: any): void;
55
60
  onChoosen($event: any, cur: any): 0 | undefined;
@@ -63,6 +68,7 @@ export declare const FvListView: import("../../types/plugins/component-plugin").
63
68
  dragOver(event: any, item: any): void;
64
69
  dragLeave(event: any, item: any): void;
65
70
  dropItem(event: any, item: any): void;
71
+ blur(): void;
66
72
  inspectItemAPI(cur: any): 0 | undefined;
67
73
  }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, {}, true, {}, {}, {
68
74
  P: {};
@@ -73,6 +79,8 @@ export declare const FvListView: import("../../types/plugins/component-plugin").
73
79
  Defaults: {};
74
80
  }, Readonly<import("vue").ExtractPropTypes<{}>>, {
75
81
  move: (...args: any[]) => any;
82
+ focus: (...args: any[]) => any;
83
+ blur: (...args: any[]) => any;
76
84
  $props: {
77
85
  readonly theme?: string | undefined;
78
86
  readonly disabled?: boolean | undefined;
@@ -89,6 +97,8 @@ export declare const FvListView: import("../../types/plugins/component-plugin").
89
97
  readonly rowHeight?: string | undefined;
90
98
  readonly headerForeground?: string | undefined;
91
99
  readonly itemPadding?: string | undefined;
100
+ readonly itemBorderWidth?: number | undefined;
101
+ readonly itemBorderColor?: string | undefined;
92
102
  readonly showSlider?: boolean | undefined;
93
103
  };
94
104
  $emit: (event: "update:modelValue" | "item-click" | "chooseItem" | "choosen-items" | "selection-change" | "item-drag-over" | "item-drag-leave" | "item-drop" | "update:sliderTarget" | "update:sliderIndex", ...args: any[]) => void;
@@ -121,6 +131,7 @@ export declare const FvListView: import("../../types/plugins/component-plugin").
121
131
  outSideClickInit(): void;
122
132
  outSideClickEvent(event: any): void;
123
133
  keyDownEventInit(): void;
134
+ keyDownEvent(event: any): void;
124
135
  valueTrigger(val: any): any;
125
136
  handlerClick($event: any, cur: any): void;
126
137
  onChoosen($event: any, cur: any): 0 | undefined;
@@ -134,6 +145,7 @@ export declare const FvListView: import("../../types/plugins/component-plugin").
134
145
  dragOver(event: any, item: any): void;
135
146
  dragLeave(event: any, item: any): void;
136
147
  dropItem(event: any, item: any): void;
148
+ blur(): void;
137
149
  inspectItemAPI(cur: any): 0 | undefined;
138
150
  }, {}>;
139
151
  __isFragment?: undefined;
@@ -141,6 +153,8 @@ export declare const FvListView: import("../../types/plugins/component-plugin").
141
153
  __isSuspense?: undefined;
142
154
  } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {
143
155
  move: (...args: any[]) => any;
156
+ focus: (...args: any[]) => any;
157
+ blur: (...args: any[]) => any;
144
158
  $props: {
145
159
  readonly theme?: string | undefined;
146
160
  readonly disabled?: boolean | undefined;
@@ -157,6 +171,8 @@ export declare const FvListView: import("../../types/plugins/component-plugin").
157
171
  readonly rowHeight?: string | undefined;
158
172
  readonly headerForeground?: string | undefined;
159
173
  readonly itemPadding?: string | undefined;
174
+ readonly itemBorderWidth?: number | undefined;
175
+ readonly itemBorderColor?: string | undefined;
160
176
  readonly showSlider?: boolean | undefined;
161
177
  };
162
178
  $emit: (event: "update:modelValue" | "item-click" | "chooseItem" | "choosen-items" | "selection-change" | "item-drag-over" | "item-drag-leave" | "item-drop" | "update:sliderTarget" | "update:sliderIndex", ...args: any[]) => void;
@@ -189,6 +205,7 @@ export declare const FvListView: import("../../types/plugins/component-plugin").
189
205
  outSideClickInit(): void;
190
206
  outSideClickEvent(event: any): void;
191
207
  keyDownEventInit(): void;
208
+ keyDownEvent(event: any): void;
192
209
  valueTrigger(val: any): any;
193
210
  handlerClick($event: any, cur: any): void;
194
211
  onChoosen($event: any, cur: any): 0 | undefined;
@@ -202,6 +219,7 @@ export declare const FvListView: import("../../types/plugins/component-plugin").
202
219
  dragOver(event: any, item: any): void;
203
220
  dragLeave(event: any, item: any): void;
204
221
  dropItem(event: any, item: any): void;
222
+ blur(): void;
205
223
  inspectItemAPI(cur: any): 0 | undefined;
206
224
  }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
207
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
+ focus: (...args: any[]) => any;
5
+ blur: (...args: any[]) => any;
4
6
  $props: {
5
7
  readonly theme?: string | undefined;
6
8
  readonly disabled?: boolean | undefined;
@@ -17,6 +19,8 @@ declare const _default: {
17
19
  readonly rowHeight?: string | undefined;
18
20
  readonly headerForeground?: string | undefined;
19
21
  readonly itemPadding?: string | undefined;
22
+ readonly itemBorderWidth?: number | undefined;
23
+ readonly itemBorderColor?: string | undefined;
20
24
  readonly showSlider?: boolean | undefined;
21
25
  };
22
26
  $emit: (event: "update:modelValue" | "item-click" | "chooseItem" | "choosen-items" | "selection-change" | "item-drag-over" | "item-drag-leave" | "item-drop" | "update:sliderTarget" | "update:sliderIndex", ...args: any[]) => void;
@@ -49,6 +53,7 @@ declare const _default: {
49
53
  outSideClickInit(): void;
50
54
  outSideClickEvent(event: any): void;
51
55
  keyDownEventInit(): void;
56
+ keyDownEvent(event: any): void;
52
57
  valueTrigger(val: any): any;
53
58
  handlerClick($event: any, cur: any): void;
54
59
  onChoosen($event: any, cur: any): 0 | undefined;
@@ -62,6 +67,7 @@ declare const _default: {
62
67
  dragOver(event: any, item: any): void;
63
68
  dragLeave(event: any, item: any): void;
64
69
  dropItem(event: any, item: any): void;
70
+ blur(): void;
65
71
  inspectItemAPI(cur: any): 0 | undefined;
66
72
  }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, {}, true, {}, {}, {
67
73
  P: {};
@@ -72,6 +78,8 @@ declare const _default: {
72
78
  Defaults: {};
73
79
  }, Readonly<import("vue").ExtractPropTypes<{}>>, {
74
80
  move: (...args: any[]) => any;
81
+ focus: (...args: any[]) => any;
82
+ blur: (...args: any[]) => any;
75
83
  $props: {
76
84
  readonly theme?: string | undefined;
77
85
  readonly disabled?: boolean | undefined;
@@ -88,6 +96,8 @@ declare const _default: {
88
96
  readonly rowHeight?: string | undefined;
89
97
  readonly headerForeground?: string | undefined;
90
98
  readonly itemPadding?: string | undefined;
99
+ readonly itemBorderWidth?: number | undefined;
100
+ readonly itemBorderColor?: string | undefined;
91
101
  readonly showSlider?: boolean | undefined;
92
102
  };
93
103
  $emit: (event: "update:modelValue" | "item-click" | "chooseItem" | "choosen-items" | "selection-change" | "item-drag-over" | "item-drag-leave" | "item-drop" | "update:sliderTarget" | "update:sliderIndex", ...args: any[]) => void;
@@ -120,6 +130,7 @@ declare const _default: {
120
130
  outSideClickInit(): void;
121
131
  outSideClickEvent(event: any): void;
122
132
  keyDownEventInit(): void;
133
+ keyDownEvent(event: any): void;
123
134
  valueTrigger(val: any): any;
124
135
  handlerClick($event: any, cur: any): void;
125
136
  onChoosen($event: any, cur: any): 0 | undefined;
@@ -133,6 +144,7 @@ declare const _default: {
133
144
  dragOver(event: any, item: any): void;
134
145
  dragLeave(event: any, item: any): void;
135
146
  dropItem(event: any, item: any): void;
147
+ blur(): void;
136
148
  inspectItemAPI(cur: any): 0 | undefined;
137
149
  }, {}>;
138
150
  __isFragment?: undefined;
@@ -140,6 +152,8 @@ declare const _default: {
140
152
  __isSuspense?: undefined;
141
153
  } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {
142
154
  move: (...args: any[]) => any;
155
+ focus: (...args: any[]) => any;
156
+ blur: (...args: any[]) => any;
143
157
  $props: {
144
158
  readonly theme?: string | undefined;
145
159
  readonly disabled?: boolean | undefined;
@@ -156,6 +170,8 @@ declare const _default: {
156
170
  readonly rowHeight?: string | undefined;
157
171
  readonly headerForeground?: string | undefined;
158
172
  readonly itemPadding?: string | undefined;
173
+ readonly itemBorderWidth?: number | undefined;
174
+ readonly itemBorderColor?: string | undefined;
159
175
  readonly showSlider?: boolean | undefined;
160
176
  };
161
177
  $emit: (event: "update:modelValue" | "item-click" | "chooseItem" | "choosen-items" | "selection-change" | "item-drag-over" | "item-drag-leave" | "item-drop" | "update:sliderTarget" | "update:sliderIndex", ...args: any[]) => void;
@@ -188,6 +204,7 @@ declare const _default: {
188
204
  outSideClickInit(): void;
189
205
  outSideClickEvent(event: any): void;
190
206
  keyDownEventInit(): void;
207
+ keyDownEvent(event: any): void;
191
208
  valueTrigger(val: any): any;
192
209
  handlerClick($event: any, cur: any): void;
193
210
  onChoosen($event: any, cur: any): 0 | undefined;
@@ -201,6 +218,7 @@ declare const _default: {
201
218
  dragOver(event: any, item: any): void;
202
219
  dragLeave(event: any, item: any): void;
203
220
  dropItem(event: any, item: any): void;
221
+ blur(): void;
204
222
  inspectItemAPI(cur: any): 0 | undefined;
205
223
  }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
206
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: {
@@ -14253,6 +14262,12 @@ const mo = /* @__PURE__ */ we(Cg, [["render", Vg]]), Tg = { class: "list-view-he
14253
14262
  itemBorderRadius: {
14254
14263
  default: 3
14255
14264
  },
14265
+ itemBorderWidth: {
14266
+ default: 2
14267
+ },
14268
+ itemBorderColor: {
14269
+ default: ""
14270
+ },
14256
14271
  revealBorderColor: {
14257
14272
  default: !1
14258
14273
  },
@@ -14285,11 +14300,17 @@ const mo = /* @__PURE__ */ we(Cg, [["render", Vg]]), Tg = { class: "list-view-he
14285
14300
  setup(e, { expose: i, emit: t }) {
14286
14301
  const { proxy: s } = $i();
14287
14302
  return i({
14288
- move: (...n) => s.move(...n)
14303
+ move: (...n) => s.move(...n),
14304
+ focus: (...n) => s.focus(...n),
14305
+ blur: (...n) => s.blur(...n)
14289
14306
  }), (n, r) => {
14290
14307
  const o = j("fv-reveal-container");
14291
14308
  return p(), w("div", {
14292
14309
  class: D(["fv-ListView", [n.$theme]]),
14310
+ style: b({
14311
+ "--list-view-selected-border-width": e.itemBorderWidth + "px",
14312
+ "--list-view-selected-border-color": e.itemBorderColor
14313
+ }),
14293
14314
  onClick: r[0] || (r[0] = (a) => n.focus = !0)
14294
14315
  }, [
14295
14316
  u("div", Tg, [
@@ -14359,7 +14380,7 @@ const mo = /* @__PURE__ */ we(Cg, [["render", Vg]]), Tg = { class: "list-view-he
14359
14380
  height: n.currentHeight,
14360
14381
  background: e.headerForeground
14361
14382
  }, null, 8, ["top", "height", "background"])) : ie("", !0)
14362
- ], 2);
14383
+ ], 6);
14363
14384
  };
14364
14385
  }
14365
14386
  }), Lg = Z(Mg);