@flux-ui/components 3.0.0-next.21 → 3.0.0-next.22
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.
- package/dist/component/FluxMenuItem.vue.d.ts +1 -0
- package/dist/component/FluxMenuItem.vue.d.ts.map +1 -1
- package/dist/component/primitive/SelectBase.vue.d.ts +2 -0
- package/dist/component/primitive/SelectBase.vue.d.ts.map +1 -1
- package/dist/index.js +38 -31
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
- package/src/component/FluxMenuItem.vue +2 -1
- package/src/component/primitive/SelectBase.vue +6 -0
|
@@ -3,6 +3,7 @@ type __VLS_Props = Omit<FluxButtonProps, 'isFilled' | 'isSubmit' | 'size'> & {
|
|
|
3
3
|
readonly command?: string;
|
|
4
4
|
readonly commandIcon?: FluxIconName;
|
|
5
5
|
readonly commandLoading?: boolean;
|
|
6
|
+
readonly imageAlt?: string;
|
|
6
7
|
readonly imageSrc?: string;
|
|
7
8
|
readonly isActive?: boolean;
|
|
8
9
|
readonly isDestructive?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FluxMenuItem.vue.d.ts","sourceRoot":"","sources":["../../src/component/FluxMenuItem.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FluxMenuItem.vue.d.ts","sourceRoot":"","sources":["../../src/component/FluxMenuItem.vue"],"names":[],"mappings":"AAwFI,OAAO,KAAK,EAAmB,eAAe,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AASrF,KAAK,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC,GAAG;IACzE,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,YAAY,CAAC;IACpC,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;;;;;;;;;;AAkKN,wBAQG"}
|
|
@@ -216,6 +216,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
|
|
|
216
216
|
readonly command?: string;
|
|
217
217
|
readonly commandIcon?: import('@flux-ui/types').FluxIconName;
|
|
218
218
|
readonly commandLoading?: boolean;
|
|
219
|
+
readonly imageAlt?: string;
|
|
219
220
|
readonly imageSrc?: string;
|
|
220
221
|
readonly isActive?: boolean;
|
|
221
222
|
readonly isDestructive?: boolean;
|
|
@@ -242,6 +243,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
|
|
|
242
243
|
readonly command?: string;
|
|
243
244
|
readonly commandIcon?: import('@flux-ui/types').FluxIconName;
|
|
244
245
|
readonly commandLoading?: boolean;
|
|
246
|
+
readonly imageAlt?: string;
|
|
245
247
|
readonly imageSrc?: string;
|
|
246
248
|
readonly isActive?: boolean;
|
|
247
249
|
readonly isDestructive?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectBase.vue.d.ts","sourceRoot":"","sources":["../../../src/component/primitive/SelectBase.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SelectBase.vue.d.ts","sourceRoot":"","sources":["../../../src/component/primitive/SelectBase.vue"],"names":[],"mappings":"AA6VI,OAAO,KAAK,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAElF,OAAO,EAAE,uBAAuB,EAAY,QAAQ,EAA4C,MAAM,KAAK,CAAC;AAqC5G,KAAK,WAAW,GAAG;IACf,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAChC,QAAQ,CAAC,OAAO,EAAE,qBAAqB,EAAE,CAAC;IAC1C,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,QAAQ,EAAE,oBAAoB,EAAE,CAAC;CAC7C,CAAC;AA0KN,KAAK,iBAAiB,GAAG;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA8KgC,GAAG,8CAC9B,GACpB,yBAAyB,GAAG,6DAEvB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAJuC,GAAG,8CAC9B,GACpB,yBAAyB,GAAG,6DAEvB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2QT,wBAQG"}
|
package/dist/index.js
CHANGED
|
@@ -3713,12 +3713,12 @@ const _sfc_main$2z = /* @__PURE__ */ defineComponent({
|
|
|
3713
3713
|
};
|
|
3714
3714
|
}
|
|
3715
3715
|
});
|
|
3716
|
-
const { "
|
|
3717
|
-
const action$1 = `action ${
|
|
3716
|
+
const { "buttonLabel": _0$f, "buttonIcon": _1$8, "button": _2$5 } = cssModule0$4;
|
|
3717
|
+
const action$1 = `action ${_2$5}`;
|
|
3718
3718
|
const spinner$5 = `spinner`;
|
|
3719
|
-
const actionIcon = `action-icon ${
|
|
3719
|
+
const actionIcon = `action-icon ${_1$8}`;
|
|
3720
3720
|
const isDestructive = `is-destructive`;
|
|
3721
|
-
const actionLabel = `action-label ${
|
|
3721
|
+
const actionLabel = `action-label ${_0$f}`;
|
|
3722
3722
|
const actionBar = `action-bar`;
|
|
3723
3723
|
const separator$4 = `separator`;
|
|
3724
3724
|
const formInput$3 = `form-input`;
|
|
@@ -5400,21 +5400,21 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
|
|
|
5400
5400
|
};
|
|
5401
5401
|
}
|
|
5402
5402
|
});
|
|
5403
|
-
const { "
|
|
5403
|
+
const { "buttonIcon": _0$b, "button": _1$5, "buttonLabel": _2$2 } = cssModule0$4;
|
|
5404
5404
|
const menu$1 = `menu`;
|
|
5405
5405
|
const menuNormal = `menu-normal menu`;
|
|
5406
5406
|
const menuLarge = `menu-large menu`;
|
|
5407
5407
|
const menuGroup$1 = `menu-group`;
|
|
5408
5408
|
const menuGroupHorizontal = `menu-group-horizontal menu-group`;
|
|
5409
5409
|
const menuGroupVertical = `menu-group-vertical menu-group`;
|
|
5410
|
-
const menuItem$2 = `menu-item ${
|
|
5411
|
-
const menuItemIcon = `menu-item-icon ${
|
|
5410
|
+
const menuItem$2 = `menu-item ${_1$5}`;
|
|
5411
|
+
const menuItemIcon = `menu-item-icon ${_0$b}`;
|
|
5412
5412
|
const menuItemLabel$2 = `menu-item-label ${_2$2}`;
|
|
5413
5413
|
const menuItemActive = `menu-item-active`;
|
|
5414
5414
|
const menuItemDestructive = `menu-item-destructive`;
|
|
5415
5415
|
const menuItemHighlighted = `menu-item-highlighted`;
|
|
5416
5416
|
const menuItemIndented = `menu-item-indented`;
|
|
5417
|
-
const menuItemSelectableIcon = `menu-item-selectable-icon ${
|
|
5417
|
+
const menuItemSelectableIcon = `menu-item-selectable-icon ${_0$b}`;
|
|
5418
5418
|
const menuItemSelected = `menu-item-selected`;
|
|
5419
5419
|
const menuItemCommand = `menu-item-command`;
|
|
5420
5420
|
const menuItemCommandIcon = `menu-item-command-icon`;
|
|
@@ -5429,7 +5429,7 @@ const divider$2 = `divider`;
|
|
|
5429
5429
|
const separator$3 = `separator`;
|
|
5430
5430
|
const expandableBody$1 = `expandable-body`;
|
|
5431
5431
|
const $style$x = { menu: menu$1, menuNormal, menuLarge, menuGroup: menuGroup$1, menuGroupHorizontal, menuGroupVertical, menuItem: menuItem$2, menuItemIcon, menuItemLabel: menuItemLabel$2, menuItemActive, menuItemDestructive, menuItemHighlighted, menuItemIndented, menuItemSelectableIcon, menuItemSelected, menuItemCommand, menuItemCommandIcon, icon: icon$7, menuItemImage, menuTitle, menuSubHeader: menuSubHeader$2, menuSubHeaderIcon, menuSubHeaderLabel, basePane: basePane$2, divider: divider$2, separator: separator$3, expandableBody: expandableBody$1 };
|
|
5432
|
-
const _hoisted_1$E = ["src"];
|
|
5432
|
+
const _hoisted_1$E = ["src", "alt"];
|
|
5433
5433
|
const _sfc_main$20 = /* @__PURE__ */ defineComponent({
|
|
5434
5434
|
__name: "FluxMenuItem",
|
|
5435
5435
|
props: {
|
|
@@ -5447,6 +5447,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
|
|
|
5447
5447
|
command: {},
|
|
5448
5448
|
commandIcon: {},
|
|
5449
5449
|
commandLoading: { type: Boolean },
|
|
5450
|
+
imageAlt: {},
|
|
5450
5451
|
imageSrc: {},
|
|
5451
5452
|
isActive: { type: Boolean },
|
|
5452
5453
|
isDestructive: { type: Boolean },
|
|
@@ -5490,7 +5491,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
|
|
|
5490
5491
|
createElementVNode("img", {
|
|
5491
5492
|
class: normalizeClass(unref($style$x).menuItemImage),
|
|
5492
5493
|
src: __props.imageSrc,
|
|
5493
|
-
alt: ""
|
|
5494
|
+
alt: __props.imageAlt ?? ""
|
|
5494
5495
|
}, null, 10, _hoisted_1$E)
|
|
5495
5496
|
]),
|
|
5496
5497
|
key: "1"
|
|
@@ -6160,9 +6161,11 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
|
|
|
6160
6161
|
command: __props.selected[0].command,
|
|
6161
6162
|
"command-icon": __props.selected[0].commandIcon,
|
|
6162
6163
|
"icon-leading": __props.selected[0].icon,
|
|
6164
|
+
"image-alt": __props.selected[0].imageAlt,
|
|
6165
|
+
"image-src": __props.selected[0].imageSrc,
|
|
6163
6166
|
label: __props.selected[0].label,
|
|
6164
6167
|
tabindex: "-1"
|
|
6165
|
-
}, null, 8, ["class", "command", "command-icon", "icon-leading", "label"])) : __props.isMultiple && __props.selected[0] ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(__props.selected, (option) => {
|
|
6168
|
+
}, null, 8, ["class", "command", "command-icon", "icon-leading", "image-alt", "image-src", "label"])) : __props.isMultiple && __props.selected[0] ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(__props.selected, (option) => {
|
|
6166
6169
|
return openBlock(), createBlock(_sfc_main$1W, {
|
|
6167
6170
|
key: option.value ?? "null option",
|
|
6168
6171
|
label: option.label,
|
|
@@ -6242,12 +6245,14 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
|
|
|
6242
6245
|
command: subItem.command,
|
|
6243
6246
|
"command-icon": subItem.commandIcon,
|
|
6244
6247
|
"icon-leading": subItem.icon,
|
|
6248
|
+
"image-alt": subItem.imageAlt,
|
|
6249
|
+
"image-src": subItem.imageSrc,
|
|
6245
6250
|
"is-active": !!__props.selected.find((so) => so.value === subItem.value),
|
|
6246
6251
|
"is-highlighted": highlightedId.value === subItem.value,
|
|
6247
6252
|
label: subItem.label,
|
|
6248
6253
|
type: "button",
|
|
6249
6254
|
onClick: ($event) => select(subItem.value)
|
|
6250
|
-
}, null, 8, ["command", "command-icon", "icon-leading", "is-active", "is-highlighted", "label", "onClick"])) : createCommentVNode("", true)
|
|
6255
|
+
}, null, 8, ["command", "command-icon", "icon-leading", "image-alt", "image-src", "is-active", "is-highlighted", "label", "onClick"])) : createCommentVNode("", true)
|
|
6251
6256
|
], 64);
|
|
6252
6257
|
}), 256))
|
|
6253
6258
|
]),
|
|
@@ -6260,12 +6265,14 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
|
|
|
6260
6265
|
command: item.command,
|
|
6261
6266
|
"command-icon": item.commandIcon,
|
|
6262
6267
|
"icon-leading": item.icon,
|
|
6268
|
+
"image-alt": item.imageAlt,
|
|
6269
|
+
"image-src": item.imageSrc,
|
|
6263
6270
|
"is-active": !!__props.selected.find((so) => so.value === item.value),
|
|
6264
6271
|
"is-highlighted": highlightedId.value === item.value,
|
|
6265
6272
|
label: item.label,
|
|
6266
6273
|
type: "button",
|
|
6267
6274
|
onClick: ($event) => select(item.value)
|
|
6268
|
-
}, null, 8, ["command", "command-icon", "icon-leading", "is-active", "is-highlighted", "label", "onClick"])) : createCommentVNode("", true)
|
|
6275
|
+
}, null, 8, ["command", "command-icon", "icon-leading", "image-alt", "image-src", "is-active", "is-highlighted", "label", "onClick"])) : createCommentVNode("", true)
|
|
6269
6276
|
], 64);
|
|
6270
6277
|
}), 128))
|
|
6271
6278
|
]),
|
|
@@ -6806,10 +6813,10 @@ const VNodeRenderer = defineComponent({
|
|
|
6806
6813
|
return () => props.vnode;
|
|
6807
6814
|
}
|
|
6808
6815
|
});
|
|
6809
|
-
const { "
|
|
6810
|
-
const calendar = `calendar ${
|
|
6816
|
+
const { "basePaneStructure": _0$9, "basePaneLoader": _1$4 } = cssModule0$5;
|
|
6817
|
+
const calendar = `calendar ${_0$9}`;
|
|
6811
6818
|
const calendarActions = `calendar-actions`;
|
|
6812
|
-
const calendarLoader = `calendar-loader ${
|
|
6819
|
+
const calendarLoader = `calendar-loader ${_1$4}`;
|
|
6813
6820
|
const calendarCurrent = `calendar-current`;
|
|
6814
6821
|
const calendarCurrentValue = `calendar-current-value`;
|
|
6815
6822
|
const calendarCurrentMonth = `calendar-current-month calendar-current-value`;
|
|
@@ -8210,15 +8217,15 @@ const _sfc_main$1z = /* @__PURE__ */ defineComponent({
|
|
|
8210
8217
|
};
|
|
8211
8218
|
}
|
|
8212
8219
|
});
|
|
8213
|
-
const { "
|
|
8220
|
+
const { "secondaryButtonIcon": _0$7, "secondaryButton": _1$3, "secondaryButtonLabel": _2$1 } = $style$F;
|
|
8214
8221
|
const pagination = `pagination`;
|
|
8215
|
-
const paginationButton = `pagination-button ${
|
|
8222
|
+
const paginationButton = `pagination-button ${_1$3}`;
|
|
8216
8223
|
const secondaryButton = `secondary-button`;
|
|
8217
8224
|
const paginationButtonArrow = `pagination-button-arrow`;
|
|
8218
8225
|
const paginationButtonCurrent = `pagination-button-current`;
|
|
8219
8226
|
const paginationButtonSpacer = `pagination-button-spacer`;
|
|
8220
|
-
const paginationButtonIcon = `pagination-button-icon ${
|
|
8221
|
-
const paginationButtonLabel = `pagination-button-label ${
|
|
8227
|
+
const paginationButtonIcon = `pagination-button-icon ${_0$7}`;
|
|
8228
|
+
const paginationButtonLabel = `pagination-button-label ${_2$1}`;
|
|
8222
8229
|
const paginationBar = `pagination-bar`;
|
|
8223
8230
|
const paginationBarLimit = `pagination-bar-limit`;
|
|
8224
8231
|
const paginationBarLimitDisplayingOf = `pagination-bar-limit-displaying-of`;
|
|
@@ -8455,12 +8462,12 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
|
|
|
8455
8462
|
};
|
|
8456
8463
|
}
|
|
8457
8464
|
});
|
|
8458
|
-
const { "
|
|
8459
|
-
const table = `table ${
|
|
8465
|
+
const { "basePaneElement": _0$6, "basePaneLoader": _1$2 } = cssModule0$5;
|
|
8466
|
+
const table = `table ${_0$6}`;
|
|
8460
8467
|
const tableBase = `table-base`;
|
|
8461
8468
|
const tableFill = `table-fill`;
|
|
8462
8469
|
const tablePagination = `table-pagination`;
|
|
8463
|
-
const tableLoader = `table-loader ${
|
|
8470
|
+
const tableLoader = `table-loader ${_1$2}`;
|
|
8464
8471
|
const tableRow = `table-row`;
|
|
8465
8472
|
const tableCell = `table-cell`;
|
|
8466
8473
|
const tableCellContent = `table-cell-content`;
|
|
@@ -12162,9 +12169,9 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
|
|
|
12162
12169
|
};
|
|
12163
12170
|
}
|
|
12164
12171
|
});
|
|
12165
|
-
const { "
|
|
12166
|
-
const legendHorizontal = `legend-horizontal ${
|
|
12167
|
-
const legendVertical = `legend-vertical ${
|
|
12172
|
+
const { "stackVertical": _0$4, "stackHorizontal": _1$1 } = cssModule0$2;
|
|
12173
|
+
const legendHorizontal = `legend-horizontal ${_1$1}`;
|
|
12174
|
+
const legendVertical = `legend-vertical ${_0$4}`;
|
|
12168
12175
|
const legendItem = `legend-item`;
|
|
12169
12176
|
const $style$c = { legendHorizontal, legendVertical, legendItem };
|
|
12170
12177
|
const _sfc_main$K = /* @__PURE__ */ defineComponent({
|
|
@@ -13779,14 +13786,14 @@ const heart = `heart`;
|
|
|
13779
13786
|
const bubble = `bubble`;
|
|
13780
13787
|
const sparkles = `sparkles`;
|
|
13781
13788
|
const cssModule0 = { sparklesContainer, sparklesParticles, sparklesContainerActive, heart, bubble, sparkles };
|
|
13782
|
-
const { "
|
|
13789
|
+
const { "sparklesContainer": _0$1, "sparklesContainerActive": _1, "sparklesParticles": _2 } = cssModule0;
|
|
13783
13790
|
const stepperStep = `stepper-step`;
|
|
13784
13791
|
const stepperSteps = `stepper-steps`;
|
|
13785
|
-
const stepperStepsItem = `stepper-steps-item ${
|
|
13792
|
+
const stepperStepsItem = `stepper-steps-item ${_0$1}`;
|
|
13786
13793
|
const icon = `icon`;
|
|
13787
|
-
const stepperStepsItemComplete = `stepper-steps-item-complete ${
|
|
13788
|
-
const stepperStepsItemCurrent = `stepper-steps-item-current stepper-steps-item ${
|
|
13789
|
-
const stepperStepsItemIdle = `stepper-steps-item-idle stepper-steps-item ${
|
|
13794
|
+
const stepperStepsItemComplete = `stepper-steps-item-complete ${_1} stepper-steps-item ${_0$1}`;
|
|
13795
|
+
const stepperStepsItemCurrent = `stepper-steps-item-current stepper-steps-item ${_0$1}`;
|
|
13796
|
+
const stepperStepsItemIdle = `stepper-steps-item-idle stepper-steps-item ${_0$1}`;
|
|
13790
13797
|
const stepperStepsItemParticles = `stepper-steps-item-particles ${_2}`;
|
|
13791
13798
|
const $style$3 = { stepperStep, stepperSteps, stepperStepsItem, icon, stepperStepsItemComplete, stepperStepsItemCurrent, stepperStepsItemIdle, stepperStepsItemParticles };
|
|
13792
13799
|
const _hoisted_1$4 = ["onClick"];
|