@creatorsn/vfluent3 0.3.83 → 0.3.85

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.
@@ -21,7 +21,6 @@ export declare const FvNavigationPanel: import("../../types/plugins/component-pl
21
21
  readonly showSearch?: boolean | undefined;
22
22
  readonly settingTitle?: string | undefined;
23
23
  readonly showSetting?: boolean | undefined;
24
- readonly panelClassName?: string | undefined;
25
24
  readonly mobileControlBackground?: string | undefined;
26
25
  readonly mobileControlAcrylic?: boolean | undefined;
27
26
  readonly mobileControlDirection?: string | undefined;
@@ -79,7 +78,6 @@ export declare const FvNavigationPanel: import("../../types/plugins/component-pl
79
78
  readonly showSearch?: boolean | undefined;
80
79
  readonly settingTitle?: string | undefined;
81
80
  readonly showSetting?: boolean | undefined;
82
- readonly panelClassName?: string | undefined;
83
81
  readonly mobileControlBackground?: string | undefined;
84
82
  readonly mobileControlAcrylic?: boolean | undefined;
85
83
  readonly mobileControlDirection?: string | undefined;
@@ -134,7 +132,6 @@ export declare const FvNavigationPanel: import("../../types/plugins/component-pl
134
132
  readonly showSearch?: boolean | undefined;
135
133
  readonly settingTitle?: string | undefined;
136
134
  readonly showSetting?: boolean | undefined;
137
- readonly panelClassName?: string | undefined;
138
135
  readonly mobileControlBackground?: string | undefined;
139
136
  readonly mobileControlAcrylic?: boolean | undefined;
140
137
  readonly mobileControlDirection?: string | undefined;
@@ -20,7 +20,6 @@ declare const _default: {
20
20
  readonly showSearch?: boolean | undefined;
21
21
  readonly settingTitle?: string | undefined;
22
22
  readonly showSetting?: boolean | undefined;
23
- readonly panelClassName?: string | undefined;
24
23
  readonly mobileControlBackground?: string | undefined;
25
24
  readonly mobileControlAcrylic?: boolean | undefined;
26
25
  readonly mobileControlDirection?: string | undefined;
@@ -78,7 +77,6 @@ declare const _default: {
78
77
  readonly showSearch?: boolean | undefined;
79
78
  readonly settingTitle?: string | undefined;
80
79
  readonly showSetting?: boolean | undefined;
81
- readonly panelClassName?: string | undefined;
82
80
  readonly mobileControlBackground?: string | undefined;
83
81
  readonly mobileControlAcrylic?: boolean | undefined;
84
82
  readonly mobileControlDirection?: string | undefined;
@@ -133,7 +131,6 @@ declare const _default: {
133
131
  readonly showSearch?: boolean | undefined;
134
132
  readonly settingTitle?: string | undefined;
135
133
  readonly showSetting?: boolean | undefined;
136
- readonly panelClassName?: string | undefined;
137
134
  readonly mobileControlBackground?: string | undefined;
138
135
  readonly mobileControlAcrylic?: boolean | undefined;
139
136
  readonly mobileControlDirection?: string | undefined;
package/dist/vfluent3.js CHANGED
@@ -15200,9 +15200,6 @@ const ep = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--Back icon" }, null,
15200
15200
  background: {
15201
15201
  default: ""
15202
15202
  },
15203
- panelClassName: {
15204
- default: ""
15205
- },
15206
15203
  mobileControlBackground: {
15207
15204
  default: ""
15208
15205
  },
@@ -15232,7 +15229,20 @@ const ep = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--Back icon" }, null,
15232
15229
  setup(e, { emit: i }) {
15233
15230
  return (t, s) => {
15234
15231
  const n = X("fv-animated-icon"), r = X("fv-search-box");
15235
- return p(), y(ee, null, [
15232
+ return p(), y("div", {
15233
+ ref: "panel",
15234
+ class: I(["fv-NavigationPanel", [
15235
+ t.$theme,
15236
+ { compact: !t.thisExpand },
15237
+ { flyout: t.isFlyout },
15238
+ { mobile: t.isMobile }
15239
+ ]]),
15240
+ style: b({
15241
+ position: t.screenWidth <= e.fullSizeDisplay && t.thisExpand ? "static" : "",
15242
+ width: t.panelWidth,
15243
+ zIndex: e.zIndex
15244
+ })
15245
+ }, [
15236
15246
  S(u("div", {
15237
15247
  ref: "mc",
15238
15248
  class: I(["fv-NavigationPanel-container-mobile", [
@@ -15283,115 +15293,99 @@ const ep = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--Back icon" }, null,
15283
15293
  [T, t.isMobile && !t.thisExpand]
15284
15294
  ]),
15285
15295
  u("div", {
15286
- ref: "panel",
15287
- class: I(["fv-NavigationPanel", [
15288
- t.$theme,
15289
- e.panelClassName,
15290
- { compact: !t.thisExpand },
15291
- { flyout: t.isFlyout },
15292
- { mobile: t.isMobile }
15293
- ]]),
15294
- style: b({
15295
- position: t.screenWidth <= e.fullSizeDisplay && t.thisExpand ? "static" : "",
15296
- width: t.panelWidth,
15297
- zIndex: e.zIndex
15298
- })
15296
+ class: "panel-container",
15297
+ style: b({ width: t.navWidth, background: e.background })
15299
15298
  }, [
15300
- u("div", {
15301
- class: "panel-container",
15302
- style: b({ width: t.navWidth, background: e.background })
15303
- }, [
15304
- O(t.$slots, "banner"),
15305
- S(B(n, {
15306
- modelValue: "backScale",
15307
- class: "fv-nav-default-item control",
15308
- hideContent: !t.thisExpand,
15309
- style: { width: "calc(100% - 10px)" },
15310
- onClick: s[1] || (s[1] = (o) => t.$emit("back", o))
15311
- }, {
15312
- content: H(() => [
15313
- O(t.$slots, "title", { show: e.showBack }, () => [
15314
- u("p", sp, A(e.title), 1)
15315
- ])
15316
- ]),
15317
- default: H(() => [
15318
- O(t.$slots, "backIcon", {}, () => [
15319
- ip
15299
+ O(t.$slots, "banner"),
15300
+ S(B(n, {
15301
+ modelValue: "backScale",
15302
+ class: "fv-nav-default-item control",
15303
+ hideContent: !t.thisExpand,
15304
+ style: { width: "calc(100% - 10px)" },
15305
+ onClick: s[1] || (s[1] = (o) => t.$emit("back", o))
15306
+ }, {
15307
+ content: H(() => [
15308
+ O(t.$slots, "title", { show: e.showBack }, () => [
15309
+ u("p", sp, A(e.title), 1)
15310
+ ])
15311
+ ]),
15312
+ default: H(() => [
15313
+ O(t.$slots, "backIcon", {}, () => [
15314
+ ip
15315
+ ])
15316
+ ]),
15317
+ _: 3
15318
+ }, 8, ["hideContent"]), [
15319
+ [T, e.showBack]
15320
+ ]),
15321
+ S(B(n, {
15322
+ modelValue: "scaleXDown",
15323
+ class: "fv-nav-default-item control",
15324
+ hideContent: !t.thisExpand,
15325
+ style: { width: "calc(100% - 10px)" },
15326
+ onClick: t.expandClick
15327
+ }, {
15328
+ content: H(() => [
15329
+ O(t.$slots, "title", {
15330
+ show: !e.showBack
15331
+ }, () => [
15332
+ S(u("p", { class: "name title" }, A(e.title), 513), [
15333
+ [T, !e.showBack]
15320
15334
  ])
15321
- ]),
15322
- _: 3
15323
- }, 8, ["hideContent"]), [
15324
- [T, e.showBack]
15335
+ ])
15325
15336
  ]),
15337
+ default: H(() => [
15338
+ O(t.$slots, "navIcon", {}, () => [
15339
+ np
15340
+ ])
15341
+ ]),
15342
+ _: 3
15343
+ }, 8, ["hideContent", "onClick"]), [
15344
+ [T, e.showNav]
15345
+ ]),
15346
+ S(u("span", rp, [
15347
+ O(t.$slots, "searchBlock", {}, () => [
15348
+ B(r, {
15349
+ icon: "Search",
15350
+ placeholder: "Search",
15351
+ class: "nav-search",
15352
+ theme: t.theme,
15353
+ revealBorder: !0,
15354
+ borderWidth: "2",
15355
+ borderRadius: "6",
15356
+ isBoxShadow: !0,
15357
+ style: { width: "95%" }
15358
+ }, null, 8, ["theme"])
15359
+ ])
15360
+ ], 512), [
15361
+ [T, e.showSearch && t.thisExpand]
15362
+ ]),
15363
+ u("div", op, [
15364
+ O(t.$slots, "panel")
15365
+ ]),
15366
+ O(t.$slots, "setting", {}, () => [
15326
15367
  S(B(n, {
15327
- modelValue: "scaleXDown",
15328
- class: "fv-nav-default-item control",
15368
+ modelValue: "bounceRotate",
15369
+ ref: "setting",
15370
+ class: "fv-nav-default-item",
15329
15371
  hideContent: !t.thisExpand,
15330
15372
  style: { width: "calc(100% - 10px)" },
15331
- onClick: t.expandClick
15373
+ onClick: s[2] || (s[2] = (o) => t.$emit("setting-click", { event: o }))
15332
15374
  }, {
15333
15375
  content: H(() => [
15334
- O(t.$slots, "title", {
15335
- show: !e.showBack
15336
- }, () => [
15337
- S(u("p", { class: "name title" }, A(e.title), 513), [
15338
- [T, !e.showBack]
15339
- ])
15340
- ])
15376
+ u("p", lp, A(e.settingTitle), 1)
15341
15377
  ]),
15342
15378
  default: H(() => [
15343
- O(t.$slots, "navIcon", {}, () => [
15344
- np
15345
- ])
15379
+ ap
15346
15380
  ]),
15347
- _: 3
15348
- }, 8, ["hideContent", "onClick"]), [
15349
- [T, e.showNav]
15350
- ]),
15351
- S(u("span", rp, [
15352
- O(t.$slots, "searchBlock", {}, () => [
15353
- B(r, {
15354
- icon: "Search",
15355
- placeholder: "Search",
15356
- class: "nav-search",
15357
- theme: t.theme,
15358
- revealBorder: !0,
15359
- borderWidth: "2",
15360
- borderRadius: "6",
15361
- isBoxShadow: !0,
15362
- style: { width: "95%" }
15363
- }, null, 8, ["theme"])
15364
- ])
15365
- ], 512), [
15366
- [T, e.showSearch && t.thisExpand]
15367
- ]),
15368
- u("div", op, [
15369
- O(t.$slots, "panel")
15370
- ]),
15371
- O(t.$slots, "setting", {}, () => [
15372
- S(B(n, {
15373
- modelValue: "bounceRotate",
15374
- ref: "setting",
15375
- class: "fv-nav-default-item",
15376
- hideContent: !t.thisExpand,
15377
- style: { width: "calc(100% - 10px)" },
15378
- onClick: s[2] || (s[2] = (o) => t.$emit("setting-click", { event: o }))
15379
- }, {
15380
- content: H(() => [
15381
- u("p", lp, A(e.settingTitle), 1)
15382
- ]),
15383
- default: H(() => [
15384
- ap
15385
- ]),
15386
- _: 1
15387
- }, 8, ["hideContent"]), [
15388
- [T, e.showSetting]
15389
- ])
15381
+ _: 1
15382
+ }, 8, ["hideContent"]), [
15383
+ [T, e.showSetting]
15390
15384
  ])
15391
- ], 4),
15392
- O(t.$slots, "mask")
15393
- ], 6)
15394
- ], 64);
15385
+ ])
15386
+ ], 4),
15387
+ O(t.$slots, "mask")
15388
+ ], 6);
15395
15389
  };
15396
15390
  }
15397
15391
  }), hp = Z(up);
@@ -15542,9 +15536,6 @@ const fp = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--GlobalNavButton ico
15542
15536
  background: {
15543
15537
  default: ""
15544
15538
  },
15545
- panelClassName: {
15546
- default: ""
15547
- },
15548
15539
  mobileControlBackground: {
15549
15540
  default: ""
15550
15541
  },
@@ -15596,7 +15587,6 @@ const fp = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--GlobalNavButton ico
15596
15587
  settingTitle: e.settingTitle,
15597
15588
  showSetting: !1,
15598
15589
  background: e.background,
15599
- panelClassName: e.panelClassName,
15600
15590
  mobileControlBackground: e.mobileControlBackground,
15601
15591
  mobileControlAcrylic: e.mobileControlAcrylic,
15602
15592
  mobileControlDirection: e.mobileControlDirection,
@@ -15713,7 +15703,7 @@ const fp = /* @__PURE__ */ u("i", { class: "ms-Icon ms-Icon--GlobalNavButton ico
15713
15703
  O(t.$slots, "mask")
15714
15704
  ]),
15715
15705
  _: 3
15716
- }, 8, ["title", "expand", "expandMode", "expandWidth", "expandDisplay", "compactWidth", "flyoutDisplay", "fullSizeDisplay", "mobileDisplay", "showBack", "showNav", "showSearch", "settingTitle", "background", "panelClassName", "mobileControlBackground", "mobileControlAcrylic", "mobileControlDirection", "mobileControlLeft", "mobileControlTop", "zIndex", "theme", "onExpandChange", "onSettingClick"])
15706
+ }, 8, ["title", "expand", "expandMode", "expandWidth", "expandDisplay", "compactWidth", "flyoutDisplay", "fullSizeDisplay", "mobileDisplay", "showBack", "showNav", "showSearch", "settingTitle", "background", "mobileControlBackground", "mobileControlAcrylic", "mobileControlDirection", "mobileControlLeft", "mobileControlTop", "zIndex", "theme", "onExpandChange", "onSettingClick"])
15717
15707
  ], 2);
15718
15708
  };
15719
15709
  }