fluekit 2.5.2 → 2.5.4

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.
@@ -25,6 +25,7 @@ interface Props {
25
25
  okText?: string;
26
26
  cancelText?: string;
27
27
  }
28
+ export type AlertDialogProps = Props;
28
29
  declare function __VLS_template(): {
29
30
  attrs: Partial<{}>;
30
31
  slots: {
@@ -1,7 +1,6 @@
1
1
  interface Props {
2
2
  flex?: number;
3
- expanded?: boolean;
4
- flexible?: boolean;
3
+ fit?: "loose" | "tight";
5
4
  alignSelf?: "auto" | "start" | "end" | "center" | "stretch" | "baseline";
6
5
  minSize?: number | string;
7
6
  maxSize?: number | string;
@@ -17,9 +16,8 @@ declare function __VLS_template(): {
17
16
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
18
17
  declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
19
18
  flex: number;
20
- expanded: boolean;
21
19
  alignSelf: "auto" | "start" | "end" | "center" | "stretch" | "baseline";
22
- flexible: boolean;
20
+ fit: "loose" | "tight";
23
21
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
24
22
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
25
23
  export default _default;
package/dist/index.d.ts CHANGED
@@ -11,6 +11,7 @@ export { default as Container } from './Container';
11
11
  export { default as Expanded } from './Expanded';
12
12
  export { default as Fixed } from './Fixed';
13
13
  export { default as FlexBox } from './FlexBox';
14
+ export { default as FlexItem } from './FlexItem';
14
15
  export { default as GestureDetector } from './GestureDetector';
15
16
  export { default as GridView } from './GridView';
16
17
  export { default as IgnorePointer } from './IgnorePointer';
@@ -49,6 +50,7 @@ export { default as RadioListTile } from './RadioListTile';
49
50
  export { default as Slider } from './Slider';
50
51
  export { default as RangeSlider } from './RangeSlider';
51
52
  export { default as AlertDialog } from './AlertDialog';
53
+ export * from './showAlertDialog';
52
54
  export { default as BottomSheet } from './BottomSheet';
53
55
  export { default as SegmentedControl } from './SegmentedControl';
54
56
  export { default as Builder } from './Builder';
package/dist/index.js CHANGED
@@ -1389,15 +1389,8 @@ var GestureDetector_default = defineComponent({
1389
1389
  inheritAttrs: !1,
1390
1390
  __name: "FlexItem",
1391
1391
  props: {
1392
- flex: { default: 0 },
1393
- expanded: {
1394
- type: Boolean,
1395
- default: !1
1396
- },
1397
- flexible: {
1398
- type: Boolean,
1399
- default: !1
1400
- },
1392
+ flex: { default: 1 },
1393
+ fit: { default: "loose" },
1401
1394
  alignSelf: { default: "auto" },
1402
1395
  minSize: {},
1403
1396
  maxSize: {}
@@ -1405,7 +1398,7 @@ var GestureDetector_default = defineComponent({
1405
1398
  setup(e) {
1406
1399
  let p = e, m = useSafeAttrs(), g = computed(() => {
1407
1400
  let e = {};
1408
- if (p.expanded ? e.flex = "1 1 0%" : (p.flexible && (e.flex = "0 1 auto"), p.flex > 0 && (e.flex = `${p.flex} 1 0%`)), p.alignSelf !== "auto" && (e.alignSelf = FlexBoxAlignMap[p.alignSelf] || p.alignSelf), p.minSize) {
1401
+ if (p.fit === "tight" ? e.flex = `${p.flex} 1 0%` : e.flex = `${p.flex} 0 auto`, p.alignSelf !== "auto" && (e.alignSelf = FlexBoxAlignMap[p.alignSelf] || p.alignSelf), p.minSize) {
1409
1402
  let m = px2vw$1(p.minSize);
1410
1403
  e.minWidth = m, e.minHeight = m;
1411
1404
  }
@@ -1430,16 +1423,16 @@ var GestureDetector_default = defineComponent({
1430
1423
  maxSize: {}
1431
1424
  },
1432
1425
  setup(e) {
1433
- return (p, m) => (openBlock(), createBlock(FlexItem_default, mergeProps({
1426
+ return (p, m) => (openBlock(), createBlock(FlexItem_default, {
1434
1427
  flex: e.flex,
1435
- expanded: "",
1428
+ fit: "tight",
1436
1429
  "align-self": e.alignSelf,
1437
1430
  "min-size": e.minSize,
1438
1431
  "max-size": e.maxSize
1439
- }, p.$attrs), {
1432
+ }, {
1440
1433
  default: withCtx(() => [renderSlot(p.$slots, "default")]),
1441
1434
  _: 3
1442
- }, 16, [
1435
+ }, 8, [
1443
1436
  "flex",
1444
1437
  "align-self",
1445
1438
  "min-size",
@@ -4545,7 +4538,26 @@ var Radio_default = /* @__PURE__ */ defineComponent({
4545
4538
  _: 3
4546
4539
  })) : createCommentVNode("", !0);
4547
4540
  }
4548
- }), BottomSheet_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
4541
+ });
4542
+ const showAlertDialog = (e) => {
4543
+ let p = document.createElement("div");
4544
+ document.body.appendChild(p);
4545
+ let m = () => {
4546
+ render(null, p), document.body.removeChild(p), e.onClose?.();
4547
+ }, g = () => {
4548
+ e.onOk?.(), m();
4549
+ };
4550
+ return render(createVNode(AlertDialog_default, {
4551
+ ...e,
4552
+ visible: !0,
4553
+ "onUpdate:visible": (e) => {
4554
+ e || m();
4555
+ },
4556
+ onClose: m,
4557
+ onOk: g
4558
+ }), p), { close: m };
4559
+ };
4560
+ var BottomSheet_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
4549
4561
  __name: "BottomSheet",
4550
4562
  props: {
4551
4563
  visible: {
@@ -6972,4 +6984,4 @@ function setDefaultVW(e) {
6972
6984
  function setTransform(e) {
6973
6985
  console.warn("setTransform is no longer supported. Please use <FlueConfigProvider :transform='transform'/> instead.");
6974
6986
  }
6975
- export { ActionChip_default as ActionChip, AlertDialog_default as AlertDialog, Align_default as Align, Alignment, AnimatedContainer_default as AnimatedContainer, AnimatedOpacity_default as AnimatedOpacity, Animation_default as AnimationWidget, Animator, AppBar_default as AppBar, AspectRatio_default as AspectRatio, AssetImage, BackdropFilter_default as BackdropFilter, BlurStyle, Border, BorderRadius, BorderSide, BottomNavigationBar_default as BottomNavigationBar, BottomSheet_default as BottomSheet, Box_default as Box, BoxAlignment, BoxConstraints, BoxDecoration, BoxFit, BoxShadow, BoxShape, Builder_default as Builder, Button_default as Button, ButtonStyle, ButtonStylePreset, Card_default as Card, Center_default as Center, Checkbox_default as Checkbox, CheckboxGroup_default as CheckboxGroup, Chip_default as Chip, ChoiceChip_default as ChoiceChip, CircleAvatar_default as CircleAvatar, CircularProgressIndicator_default as CircularProgressIndicator, Clip, ClipOval_default as ClipOval, ClipRRect_default as ClipRRect, Color, ColorUtils, Colors, Column_default as Column, ConstrainedBox_default as ConstrainedBox, Container_default as Container, CrossAxisAlignment, CupertinoActivityIndicator_default as CupertinoActivityIndicator, CupertinoColors, CupertinoContextMenu_default as CupertinoContextMenu, CupertinoNavigationBar_default as CupertinoNavigationBar, CupertinoPageScaffold_default as CupertinoPageScaffold, DecorationImage, Divider_default as Divider, Drawer_default as Drawer, EdgeInsets, ElevatedButton_default as ElevatedButton, Expanded_default as Expanded, Fixed_default as Fixed, FlexBox_default as FlexBox, FloatingLabelBehavior, FlueConfigProvider_default as FlueConfigProvider, FontStyle, FontWeight, GestureDetector_default as GestureDetector, GridView_default as GridView, Icon_default as Icon, IconButton_default as IconButton, Icons, IgnorePointer_default as IgnorePointer, Image_default as Image, ImageColorBackground_default as ImageColorBackground, ImageFilter, ImageProvider, ImageUtils, InkWell_default as InkWell, InputDecoration, LayoutBuilder_default as LayoutBuilder, LinearGradient, LinearProgressIndicator_default as LinearProgressIndicator, ListTile_default as ListTile, ListView_default as ListView, MainAxisAlignment, Matrix4, MediaQuery_default as MediaQuery, MediaQueryKey, MemoryImage, Modal_default as Modal, NetworkImage, Opacity_default as Opacity, Orientation, OutlineInputBorder, OutlinedButton_default as OutlinedButton, Overlay_default as Overlay, Padding_default as Padding, PopupMenuButton_default as PopupMenuButton, Positioned_default as Positioned, RadialGradient, Radio_default as Radio, RadioGroup_default as RadioGroup, RadioListTile_default as RadioListTile, RangeSlider_default as RangeSlider, RatingBar_default as RatingBar, RefreshIndicator_default as RefreshIndicator, Row_default as Row, SafeArea_default as SafeArea, Scaffold_default as Scaffold, ScrollView_default as ScrollView, SegmentedControl_default as SegmentedControl, Size, SizedBox_default as SizedBox, Slider_default as Slider, SlidingSegmentedControl_default as SlidingSegmentedControl, SnackBar, Spacer_default as Spacer, Stack_default as Stack, StackFit, Sticky_default as Sticky, StyleProvider, Switch_default as Switch, TabBar_default as TabBar, TabBarView_default as TabBarView, Text_default as Text, TextAlign, TextArea_default as TextArea, TextBaseline, TextButton_default as TextButton, TextButtonWithIcon_default as TextButtonWithIcon, TextDecoration, TextDecorationStyle, TextDirection, TextField_default as TextField, TextOverflow, TextStyle, TextStylePreset, TileMode, Toast, Transform_default as Transform, UnderlineInputBorder, Wrap_default as Wrap, animationToStyle, borderRadiusToStyle, borderSideToStyle, borderToStyle, boxConstraintsToStyle, boxDecorationToStyle, boxShadowToCSS, buttonStyleToStyle, computeLuminance, createAssetImageProvider, createNetworkImageProvider, darken, decorationImageToStyle, defineKeyframes, edgeInsetsToStyle, extractDominantColor, isBorderRadius, isBorderSide, isBorders, isBoxConstraints, isBoxDecoration, isBoxShadow, isEdgeInsets, isImageFilter, isImageProvider, isTextStyle, keep, lighten, marginToStyle, matrix4ToCSSStyle, normalizeSrc, paddingToStyle, px2vw, registerKeyframes, resolveColor, setAssetBaseURL, setDefaultVW, setTransform, sizeToStyle, toCSSStyle as textStyleToCSSStyle, toCSSStyle, useMediaQuery, withAlpha, withBlue, withGreen, withOpacity, withRed };
6987
+ export { ActionChip_default as ActionChip, AlertDialog_default as AlertDialog, Align_default as Align, Alignment, AnimatedContainer_default as AnimatedContainer, AnimatedOpacity_default as AnimatedOpacity, Animation_default as AnimationWidget, Animator, AppBar_default as AppBar, AspectRatio_default as AspectRatio, AssetImage, BackdropFilter_default as BackdropFilter, BlurStyle, Border, BorderRadius, BorderSide, BottomNavigationBar_default as BottomNavigationBar, BottomSheet_default as BottomSheet, Box_default as Box, BoxAlignment, BoxConstraints, BoxDecoration, BoxFit, BoxShadow, BoxShape, Builder_default as Builder, Button_default as Button, ButtonStyle, ButtonStylePreset, Card_default as Card, Center_default as Center, Checkbox_default as Checkbox, CheckboxGroup_default as CheckboxGroup, Chip_default as Chip, ChoiceChip_default as ChoiceChip, CircleAvatar_default as CircleAvatar, CircularProgressIndicator_default as CircularProgressIndicator, Clip, ClipOval_default as ClipOval, ClipRRect_default as ClipRRect, Color, ColorUtils, Colors, Column_default as Column, ConstrainedBox_default as ConstrainedBox, Container_default as Container, CrossAxisAlignment, CupertinoActivityIndicator_default as CupertinoActivityIndicator, CupertinoColors, CupertinoContextMenu_default as CupertinoContextMenu, CupertinoNavigationBar_default as CupertinoNavigationBar, CupertinoPageScaffold_default as CupertinoPageScaffold, DecorationImage, Divider_default as Divider, Drawer_default as Drawer, EdgeInsets, ElevatedButton_default as ElevatedButton, Expanded_default as Expanded, Fixed_default as Fixed, FlexBox_default as FlexBox, FlexItem_default as FlexItem, FloatingLabelBehavior, FlueConfigProvider_default as FlueConfigProvider, FontStyle, FontWeight, GestureDetector_default as GestureDetector, GridView_default as GridView, Icon_default as Icon, IconButton_default as IconButton, Icons, IgnorePointer_default as IgnorePointer, Image_default as Image, ImageColorBackground_default as ImageColorBackground, ImageFilter, ImageProvider, ImageUtils, InkWell_default as InkWell, InputDecoration, LayoutBuilder_default as LayoutBuilder, LinearGradient, LinearProgressIndicator_default as LinearProgressIndicator, ListTile_default as ListTile, ListView_default as ListView, MainAxisAlignment, Matrix4, MediaQuery_default as MediaQuery, MediaQueryKey, MemoryImage, Modal_default as Modal, NetworkImage, Opacity_default as Opacity, Orientation, OutlineInputBorder, OutlinedButton_default as OutlinedButton, Overlay_default as Overlay, Padding_default as Padding, PopupMenuButton_default as PopupMenuButton, Positioned_default as Positioned, RadialGradient, Radio_default as Radio, RadioGroup_default as RadioGroup, RadioListTile_default as RadioListTile, RangeSlider_default as RangeSlider, RatingBar_default as RatingBar, RefreshIndicator_default as RefreshIndicator, Row_default as Row, SafeArea_default as SafeArea, Scaffold_default as Scaffold, ScrollView_default as ScrollView, SegmentedControl_default as SegmentedControl, Size, SizedBox_default as SizedBox, Slider_default as Slider, SlidingSegmentedControl_default as SlidingSegmentedControl, SnackBar, Spacer_default as Spacer, Stack_default as Stack, StackFit, Sticky_default as Sticky, StyleProvider, Switch_default as Switch, TabBar_default as TabBar, TabBarView_default as TabBarView, Text_default as Text, TextAlign, TextArea_default as TextArea, TextBaseline, TextButton_default as TextButton, TextButtonWithIcon_default as TextButtonWithIcon, TextDecoration, TextDecorationStyle, TextDirection, TextField_default as TextField, TextOverflow, TextStyle, TextStylePreset, TileMode, Toast, Transform_default as Transform, UnderlineInputBorder, Wrap_default as Wrap, animationToStyle, borderRadiusToStyle, borderSideToStyle, borderToStyle, boxConstraintsToStyle, boxDecorationToStyle, boxShadowToCSS, buttonStyleToStyle, computeLuminance, createAssetImageProvider, createNetworkImageProvider, darken, decorationImageToStyle, defineKeyframes, edgeInsetsToStyle, extractDominantColor, isBorderRadius, isBorderSide, isBorders, isBoxConstraints, isBoxDecoration, isBoxShadow, isEdgeInsets, isImageFilter, isImageProvider, isTextStyle, keep, lighten, marginToStyle, matrix4ToCSSStyle, normalizeSrc, paddingToStyle, px2vw, registerKeyframes, resolveColor, setAssetBaseURL, setDefaultVW, setTransform, showAlertDialog, sizeToStyle, toCSSStyle as textStyleToCSSStyle, toCSSStyle, useMediaQuery, withAlpha, withBlue, withGreen, withOpacity, withRed };
@@ -0,0 +1,8 @@
1
+ import { AlertDialogProps } from './AlertDialog';
2
+ export interface AlertDialogOptions extends Omit<AlertDialogProps, "visible"> {
3
+ onOk?: () => void;
4
+ onClose?: () => void;
5
+ }
6
+ export declare const showAlertDialog: (options: AlertDialogOptions) => {
7
+ close: () => void;
8
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fluekit",
3
- "version": "2.5.2",
3
+ "version": "2.5.4",
4
4
  "description": "A Flutter-style Layout UI kit for Vue",
5
5
  "homepage": "https://fi2zz.github.io/fluekit/",
6
6
  "repository": {