@creatorsn/vfluent3 0.3.96 → 0.3.98

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.
@@ -10,6 +10,8 @@ export declare const FvBadge: import("../../types/plugins/component-plugin").Com
10
10
  readonly modelValue?: string | undefined;
11
11
  readonly max?: number | undefined;
12
12
  readonly isDot?: boolean | undefined;
13
+ readonly offsetTop?: string | undefined;
14
+ readonly offsetRight?: string | undefined;
13
15
  };
14
16
  $emit: (event: "update:modelValue", ...args: any[]) => void;
15
17
  }, {
@@ -43,6 +45,8 @@ export declare const FvBadge: import("../../types/plugins/component-plugin").Com
43
45
  readonly modelValue?: string | undefined;
44
46
  readonly max?: number | undefined;
45
47
  readonly isDot?: boolean | undefined;
48
+ readonly offsetTop?: string | undefined;
49
+ readonly offsetRight?: string | undefined;
46
50
  };
47
51
  $emit: (event: "update:modelValue", ...args: any[]) => void;
48
52
  }, {
@@ -73,6 +77,8 @@ export declare const FvBadge: import("../../types/plugins/component-plugin").Com
73
77
  readonly modelValue?: string | undefined;
74
78
  readonly max?: number | undefined;
75
79
  readonly isDot?: boolean | undefined;
80
+ readonly offsetTop?: string | undefined;
81
+ readonly offsetRight?: string | undefined;
76
82
  };
77
83
  $emit: (event: "update:modelValue", ...args: any[]) => void;
78
84
  }, {
@@ -9,6 +9,8 @@ declare const _default: {
9
9
  readonly modelValue?: string | undefined;
10
10
  readonly max?: number | undefined;
11
11
  readonly isDot?: boolean | undefined;
12
+ readonly offsetTop?: string | undefined;
13
+ readonly offsetRight?: string | undefined;
12
14
  };
13
15
  $emit: (event: "update:modelValue", ...args: any[]) => void;
14
16
  }, {
@@ -42,6 +44,8 @@ declare const _default: {
42
44
  readonly modelValue?: string | undefined;
43
45
  readonly max?: number | undefined;
44
46
  readonly isDot?: boolean | undefined;
47
+ readonly offsetTop?: string | undefined;
48
+ readonly offsetRight?: string | undefined;
45
49
  };
46
50
  $emit: (event: "update:modelValue", ...args: any[]) => void;
47
51
  }, {
@@ -72,6 +76,8 @@ declare const _default: {
72
76
  readonly modelValue?: string | undefined;
73
77
  readonly max?: number | undefined;
74
78
  readonly isDot?: boolean | undefined;
79
+ readonly offsetTop?: string | undefined;
80
+ readonly offsetRight?: string | undefined;
75
81
  };
76
82
  $emit: (event: "update:modelValue", ...args: any[]) => void;
77
83
  }, {
@@ -15,6 +15,7 @@ export declare const FvSlider: import("../../types/plugins/component-plugin").Co
15
15
  readonly maxinum?: number | undefined;
16
16
  readonly mininum?: number | undefined;
17
17
  readonly showLabel?: boolean | undefined;
18
+ readonly scaleColor?: string | undefined;
18
19
  readonly iconWrapperBackground?: string | undefined;
19
20
  };
20
21
  }, {
@@ -79,6 +80,7 @@ export declare const FvSlider: import("../../types/plugins/component-plugin").Co
79
80
  readonly maxinum?: number | undefined;
80
81
  readonly mininum?: number | undefined;
81
82
  readonly showLabel?: boolean | undefined;
83
+ readonly scaleColor?: string | undefined;
82
84
  readonly iconWrapperBackground?: string | undefined;
83
85
  };
84
86
  }, {
@@ -140,6 +142,7 @@ export declare const FvSlider: import("../../types/plugins/component-plugin").Co
140
142
  readonly maxinum?: number | undefined;
141
143
  readonly mininum?: number | undefined;
142
144
  readonly showLabel?: boolean | undefined;
145
+ readonly scaleColor?: string | undefined;
143
146
  readonly iconWrapperBackground?: string | undefined;
144
147
  };
145
148
  }, {
@@ -14,6 +14,7 @@ declare const _default: {
14
14
  readonly maxinum?: number | undefined;
15
15
  readonly mininum?: number | undefined;
16
16
  readonly showLabel?: boolean | undefined;
17
+ readonly scaleColor?: string | undefined;
17
18
  readonly iconWrapperBackground?: string | undefined;
18
19
  };
19
20
  }, {
@@ -78,6 +79,7 @@ declare const _default: {
78
79
  readonly maxinum?: number | undefined;
79
80
  readonly mininum?: number | undefined;
80
81
  readonly showLabel?: boolean | undefined;
82
+ readonly scaleColor?: string | undefined;
81
83
  readonly iconWrapperBackground?: string | undefined;
82
84
  };
83
85
  }, {
@@ -139,6 +141,7 @@ declare const _default: {
139
141
  readonly maxinum?: number | undefined;
140
142
  readonly mininum?: number | undefined;
141
143
  readonly showLabel?: boolean | undefined;
144
+ readonly scaleColor?: string | undefined;
142
145
  readonly iconWrapperBackground?: string | undefined;
143
146
  };
144
147
  }, {
package/dist/vfluent3.js CHANGED
@@ -1813,6 +1813,12 @@ const xa = /* @__PURE__ */ u("p", null, "Badge", -1), Ea = { class: "badge-conte
1813
1813
  hidden: {
1814
1814
  default: !1
1815
1815
  },
1816
+ offsetTop: {
1817
+ default: ""
1818
+ },
1819
+ offsetRight: {
1820
+ default: ""
1821
+ },
1816
1822
  type: {
1817
1823
  default: "default"
1818
1824
  }
@@ -1827,7 +1833,11 @@ const xa = /* @__PURE__ */ u("p", null, "Badge", -1), Ea = { class: "badge-conte
1827
1833
  ]),
1828
1834
  S(u("sup", {
1829
1835
  class: T(["fv-badge-container", { dot: e.isDot }]),
1830
- style: v({ background: t.finalColor })
1836
+ style: v({
1837
+ top: e.offsetTop,
1838
+ right: e.offsetRight,
1839
+ background: t.finalColor
1840
+ })
1831
1841
  }, [
1832
1842
  u("p", Ea, z(t.finalValue), 1)
1833
1843
  ], 6), [
@@ -18674,7 +18684,11 @@ const Qv = ["title"], Zv = { class: "fv-slider-unit-container" }, eb = {
18674
18684
  return e < this.mininum ? e = this.mininum : e > this.maxinum && (e = this.maxinum), e = parseFloat(e).toFixed(0), e;
18675
18685
  },
18676
18686
  setPos() {
18677
- !this.btnEl.width || !this.barEl.width || (this.vertical ? this.currentTop = this.progress / (this.maxinum - this.mininum) * (this.barEl.height - this.btnEl.height) : this.currentLeft = this.progress / (this.maxinum - this.mininum) * (this.barEl.width - this.btnEl.width));
18687
+ const e = this.maxinum - this.mininum;
18688
+ if (e <= 0 || !this.btnEl.width || !this.barEl.width || this.vertical && !this.barEl.height)
18689
+ return;
18690
+ const i = (this.progress - this.mininum) / e;
18691
+ this.vertical ? this.currentTop = i * (this.barEl.height - this.btnEl.height) : this.currentLeft = i * (this.barEl.width - this.btnEl.width);
18678
18692
  },
18679
18693
  setProgress(e = !1) {
18680
18694
  if (!e) {
@@ -18724,6 +18738,9 @@ const Qv = ["title"], Zv = { class: "fv-slider-unit-container" }, eb = {
18724
18738
  type: [Boolean, Number],
18725
18739
  default: !1
18726
18740
  },
18741
+ scaleColor: {
18742
+ default: ""
18743
+ },
18727
18744
  color: {
18728
18745
  default: ""
18729
18746
  },
@@ -18737,7 +18754,8 @@ const Qv = ["title"], Zv = { class: "fv-slider-unit-container" }, eb = {
18737
18754
  setup(e, { emit: i }) {
18738
18755
  return (t, s) => (p(), y("div", {
18739
18756
  class: T(["fv-Slider", [t.$theme, { vertical: e.vertical }]]),
18740
- ref: "slider"
18757
+ ref: "slider",
18758
+ style: v({ "--fv-slider-unit-color": e.scaleColor })
18741
18759
  }, [
18742
18760
  u("div", {
18743
18761
  class: "fv-slider-main",
@@ -18805,7 +18823,7 @@ const Qv = ["title"], Zv = { class: "fv-slider-unit-container" }, eb = {
18805
18823
  }, null, 4))), 128))
18806
18824
  ])
18807
18825
  ], 4)
18808
- ], 2));
18826
+ ], 6));
18809
18827
  }
18810
18828
  }), ib = Z(tb);
18811
18829
  const sb = {