fluekit 1.6.1 → 1.6.2

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/Button.d.ts CHANGED
@@ -5,6 +5,7 @@ import { BorderRadius } from './BorderRadius';
5
5
  interface Props {
6
6
  disabled?: boolean;
7
7
  behavior?: Behavior;
8
+ text?: string;
8
9
  style?: ButtonStyle;
9
10
  variant?: "ios" | "raw";
10
11
  color?: string;
@@ -0,0 +1 @@
1
+ export {};
package/dist/index.css CHANGED
@@ -1,2 +1,2 @@
1
- .fluekit-button[data-v-6d203152]{appearance:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;text-align:inherit;box-sizing:border-box;background:0 0;border:0;outline:0;margin:0;padding:0}.fluekit-button[data-v-6d203152]:disabled{cursor:default}.fluekit-image[data-v-ce382550]{display:block}.fluekit-icon[data-v-34336b05]{-webkit-user-select:none;user-select:none;pointer-events:none}.icon-svg[data-v-34336b05]{fill:currentColor;width:100%;height:100%;display:block}[data-v-34336b05] svg{fill:currentColor;width:100%;height:100%}.flutter-list-view[data-v-7ba20c73]{flex-direction:column;display:flex}.list-view-shrink-wrap[data-v-7ba20c73]{flex:none}.flutter-stack[data-v-aefe47c2]>*{grid-area:1/1/2/2}.fluekit-text-field[data-v-daef18e4]{margin-top:16px;font-family:inherit;position:relative}.fluekit-input-container[data-v-daef18e4]{box-sizing:border-box;width:100%}.fluekit-input-element[data-v-daef18e4]{width:100%;color:inherit;resize:none;background:0 0;border:none;outline:none;flex:1;margin:0;padding:0;font-family:inherit;font-size:16px}.fluekit-input-label[data-v-daef18e4]{z-index:1}.fluekit-input-footer[data-v-daef18e4]{justify-content:space-between;margin-top:4px;display:flex}.fluekit-input-helper[data-v-daef18e4]{color:#666;font-size:12px}.fluekit-input-helper-spacer[data-v-daef18e4]{flex:1}.fluekit-input-counter[data-v-daef18e4]{color:#666;margin-left:auto;font-size:12px}.fluekit-input-helper.is-error[data-v-daef18e4]{color:#f44336}.flutter-transform[data-v-c4ab6ce1]{box-sizing:border-box}.ink-well[data-v-a4b9dd0e]{cursor:pointer;display:block;position:relative;overflow:hidden}.ink-well.disabled[data-v-a4b9dd0e]{cursor:default}.ripple[data-v-a4b9dd0e]{pointer-events:none;border-radius:50%;animation:.6s linear ripple-a4b9dd0e;position:absolute;transform:scale(0)}@keyframes ripple-a4b9dd0e{to{opacity:0;transform:scale(4)}}.slider-container[data-v-715d86f8],.range-slider-container[data-v-f10382ff]{width:100%;position:relative}.bottom-sheet-overlay[data-v-6948b23d]{z-index:9999;background-color:#0000008a;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@keyframes cupertino-activity-indicator-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flue-cupertino-navigation-bar[data-v-b5a5c6bf]{-webkit-backdrop-filter:blur(20px);z-index:100;width:100%}.flue-nav-bar-middle[data-v-b5a5c6bf]{justify-content:center;align-items:center;max-width:60%;display:flex}.snackbar-overlay[data-v-d8abf3ed]{z-index:9999;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.snackbar-overlay[data-v-d8abf3ed]>*{pointer-events:auto}.flue-app-bar-leading[data-v-0a553bf2]{align-items:center;margin-right:16px;display:flex}.flue-app-bar-actions[data-v-0a553bf2]{align-items:center;margin-left:16px;display:flex}.fluekit-bottom-navigation-bar-ios[data-v-11798dea]{-webkit-backdrop-filter:blur(20px)}.fluekit-context-menu-anchor[data-v-34f987d4]{display:inline-block}.fluekit-context-menu-overlay[data-v-34f987d4]{z-index:9999;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fluekit-context-menu-backdrop[data-v-34f987d4]{-webkit-backdrop-filter:blur(10px);background:#0006;width:100%;height:100%;position:absolute;top:0;left:0}.fluekit-context-menu-content[data-v-34f987d4]{z-index:10001;width:250px;animation:.2s ease-out scale-in-34f987d4;position:relative}.fluekit-action-group[data-v-34f987d4]{-webkit-backdrop-filter:blur(20px);background:#f9f9f9c7;border-radius:14px;margin-bottom:16px;overflow:hidden}.fluekit-context-menu-action[data-v-34f987d4]{text-align:center;cursor:pointer;background:0 0;border-bottom:.5px solid #0000001a;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.fluekit-context-menu-action[data-v-34f987d4]:last-child{border-bottom:none}.fluekit-context-menu-action[data-v-34f987d4]:active{background:#0000001a}.action-text[data-v-34f987d4]{color:#007aff;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:17px}.is-destructive .action-text[data-v-34f987d4]{color:#ff3b30}.is-default .action-text[data-v-34f987d4]{font-weight:600}.cancel-group[data-v-34f987d4]{margin-top:8px}.cancel-action .action-text[data-v-34f987d4]{font-weight:600}.fade-enter-active[data-v-34f987d4],.fade-leave-active[data-v-34f987d4]{transition:opacity .2s}.fade-enter-from[data-v-34f987d4],.fade-leave-to[data-v-34f987d4]{opacity:0}@keyframes scale-in-34f987d4{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
1
+ .fluekit-button[data-v-0af78380]{appearance:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;text-align:inherit;box-sizing:border-box;background:0 0;border:0;outline:0;margin:0;padding:0}.fluekit-button[data-v-0af78380]:disabled{cursor:default}.fluekit-image[data-v-ce382550]{display:block}.fluekit-icon[data-v-34336b05]{-webkit-user-select:none;user-select:none;pointer-events:none}.icon-svg[data-v-34336b05]{fill:currentColor;width:100%;height:100%;display:block}[data-v-34336b05] svg{fill:currentColor;width:100%;height:100%}.flutter-list-view[data-v-7ba20c73]{flex-direction:column;display:flex}.list-view-shrink-wrap[data-v-7ba20c73]{flex:none}.flutter-stack[data-v-aefe47c2]>*{grid-area:1/1/2/2}.fluekit-text-field[data-v-daef18e4]{margin-top:16px;font-family:inherit;position:relative}.fluekit-input-container[data-v-daef18e4]{box-sizing:border-box;width:100%}.fluekit-input-element[data-v-daef18e4]{width:100%;color:inherit;resize:none;background:0 0;border:none;outline:none;flex:1;margin:0;padding:0;font-family:inherit;font-size:16px}.fluekit-input-label[data-v-daef18e4]{z-index:1}.fluekit-input-footer[data-v-daef18e4]{justify-content:space-between;margin-top:4px;display:flex}.fluekit-input-helper[data-v-daef18e4]{color:#666;font-size:12px}.fluekit-input-helper-spacer[data-v-daef18e4]{flex:1}.fluekit-input-counter[data-v-daef18e4]{color:#666;margin-left:auto;font-size:12px}.fluekit-input-helper.is-error[data-v-daef18e4]{color:#f44336}.flutter-transform[data-v-c4ab6ce1]{box-sizing:border-box}.ink-well[data-v-a4b9dd0e]{cursor:pointer;display:block;position:relative;overflow:hidden}.ink-well.disabled[data-v-a4b9dd0e]{cursor:default}.ripple[data-v-a4b9dd0e]{pointer-events:none;border-radius:50%;animation:.6s linear ripple-a4b9dd0e;position:absolute;transform:scale(0)}@keyframes ripple-a4b9dd0e{to{opacity:0;transform:scale(4)}}.slider-container[data-v-715d86f8],.range-slider-container[data-v-f10382ff]{width:100%;position:relative}.bottom-sheet-overlay[data-v-6948b23d]{z-index:9999;background-color:#0000008a;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@keyframes cupertino-activity-indicator-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flue-cupertino-navigation-bar[data-v-b5a5c6bf]{-webkit-backdrop-filter:blur(20px);z-index:100;width:100%}.flue-nav-bar-middle[data-v-b5a5c6bf]{justify-content:center;align-items:center;max-width:60%;display:flex}.snackbar-overlay[data-v-d8abf3ed]{z-index:9999;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.snackbar-overlay[data-v-d8abf3ed]>*{pointer-events:auto}.flue-app-bar-leading[data-v-0a553bf2]{align-items:center;margin-right:16px;display:flex}.flue-app-bar-actions[data-v-0a553bf2]{align-items:center;margin-left:16px;display:flex}.fluekit-bottom-navigation-bar-ios[data-v-11798dea]{-webkit-backdrop-filter:blur(20px)}.fluekit-context-menu-anchor[data-v-34f987d4]{display:inline-block}.fluekit-context-menu-overlay[data-v-34f987d4]{z-index:9999;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fluekit-context-menu-backdrop[data-v-34f987d4]{-webkit-backdrop-filter:blur(10px);background:#0006;width:100%;height:100%;position:absolute;top:0;left:0}.fluekit-context-menu-content[data-v-34f987d4]{z-index:10001;width:250px;animation:.2s ease-out scale-in-34f987d4;position:relative}.fluekit-action-group[data-v-34f987d4]{-webkit-backdrop-filter:blur(20px);background:#f9f9f9c7;border-radius:14px;margin-bottom:16px;overflow:hidden}.fluekit-context-menu-action[data-v-34f987d4]{text-align:center;cursor:pointer;background:0 0;border-bottom:.5px solid #0000001a;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.fluekit-context-menu-action[data-v-34f987d4]:last-child{border-bottom:none}.fluekit-context-menu-action[data-v-34f987d4]:active{background:#0000001a}.action-text[data-v-34f987d4]{color:#007aff;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:17px}.is-destructive .action-text[data-v-34f987d4]{color:#ff3b30}.is-default .action-text[data-v-34f987d4]{font-weight:600}.cancel-group[data-v-34f987d4]{margin-top:8px}.cancel-action .action-text[data-v-34f987d4]{font-weight:600}.fade-enter-active[data-v-34f987d4],.fade-leave-active[data-v-34f987d4]{transition:opacity .2s}.fade-enter-from[data-v-34f987d4],.fade-leave-to[data-v-34f987d4]{opacity:0}@keyframes scale-in-34f987d4{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
2
2
  /*$vite$:1*/
package/dist/index.js CHANGED
@@ -1027,6 +1027,7 @@ var GestureDetector_default = defineComponent({
1027
1027
  default: !1
1028
1028
  },
1029
1029
  behavior: { default: "opaque" },
1030
+ text: {},
1030
1031
  style: {},
1031
1032
  variant: {},
1032
1033
  color: {},
@@ -1046,7 +1047,7 @@ var GestureDetector_default = defineComponent({
1046
1047
  let w = e, T = C, E = useStyles(), D = useSafeAttrs(), A = useGestureEvents(), j = ref(!1), N = computed(() => E.value.pointerEvents == "none" ? D.value : {
1047
1048
  ...D.value,
1048
1049
  ...A || {}
1049
- }), P = useGestureStyle(w.behavior), F = computed(() => {
1050
+ }), F = useGestureStyle(w.behavior), I = computed(() => {
1050
1051
  let e = { position: "relative" }, C = {};
1051
1052
  return w.variant === "ios" && (C = {
1052
1053
  padding: w.padding || EdgeInsets.symmetric({
@@ -1056,31 +1057,31 @@ var GestureDetector_default = defineComponent({
1056
1057
  shape: w.borderRadius || BorderRadius.all(8),
1057
1058
  backgroundColor: w.disabled ? w.disabledColor : w.color || "transparent",
1058
1059
  opacity: j.value ? w.pressedOpacity : 1
1059
- }), Object.assign(e, E.value), Object.assign(e, buttonStyleToStyle(C)), Object.assign(e, buttonStyleToStyle(w.style)), Object.assign(e, P), w.disabled && (e.pointerEvents = "none", (w.color || w.disabledColor) && (e.backgroundColor = w.disabledColor || w.color)), j.value && (e.opacity = w.pressedOpacity), e;
1060
- }), I = (e) => {
1060
+ }), Object.assign(e, E.value), Object.assign(e, buttonStyleToStyle(C)), Object.assign(e, buttonStyleToStyle(w.style)), Object.assign(e, F), w.disabled && (e.pointerEvents = "none", (w.color || w.disabledColor) && (e.backgroundColor = w.disabledColor || w.color)), j.value && (e.opacity = w.pressedOpacity), e;
1061
+ }), L = (e) => {
1061
1062
  w.disabled || (w.variant === "ios" && (j.value = !0), T("tap-down", e));
1062
- }, L = (e) => {
1063
- j.value = !1, T("tap-up", e);
1064
1063
  }, R = (e) => {
1064
+ j.value = !1, T("tap-up", e);
1065
+ }, z = (e) => {
1065
1066
  j.value = !1, T("tap-cancel", e);
1066
- }, z = () => {
1067
- w.disabled || T("pressed");
1068
1067
  }, V = () => {
1068
+ w.disabled || T("pressed");
1069
+ }, H = () => {
1069
1070
  w.disabled || T("long-press");
1070
1071
  };
1071
- return (C, w) => (openBlock(), createBlock(GestureDetector_default, {
1072
+ return (C, T) => (openBlock(), createBlock(GestureDetector_default, {
1072
1073
  behavior: e.behavior,
1073
- onTap: z,
1074
- onLongPress: V,
1075
- onTapDown: I,
1076
- onTapUp: L,
1077
- onTapCancel: R
1074
+ onTap: V,
1075
+ onLongPress: H,
1076
+ onTapDown: L,
1077
+ onTapUp: R,
1078
+ onTapCancel: z
1078
1079
  }, {
1079
1080
  default: withCtx(() => [createElementVNode("button", mergeProps({
1080
1081
  class: "fluekit-button",
1081
- style: F.value,
1082
+ style: I.value,
1082
1083
  disabled: e.disabled
1083
- }, N.value), [renderSlot(C.$slots, "default", {}, void 0, !0)], 16, _hoisted_1$11)]),
1084
+ }, N.value), [renderSlot(C.$slots, "default", {}, () => [createTextVNode(toDisplayString(w.text), 1)], !0)], 16, _hoisted_1$11)]),
1084
1085
  _: 3
1085
1086
  }, 8, ["behavior"]));
1086
1087
  }
@@ -1088,7 +1089,7 @@ var GestureDetector_default = defineComponent({
1088
1089
  let w = e.__vccOpts || e;
1089
1090
  for (let [e, T] of C) w[e] = T;
1090
1091
  return w;
1091
- }, Button_default = /* @__PURE__ */ __plugin_vue_export_helper_default(Button_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-6d203152"]]), Card_default = /* @__PURE__ */ defineComponent({
1092
+ }, Button_default = /* @__PURE__ */ __plugin_vue_export_helper_default(Button_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0af78380"]]), Card_default = /* @__PURE__ */ defineComponent({
1092
1093
  __name: "Card",
1093
1094
  props: {
1094
1095
  color: { default: "#ffffff" },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fluekit",
3
- "version": "1.6.1",
3
+ "version": "1.6.2",
4
4
  "description": "A Flutter-style Layout UI kit for Vue",
5
5
  "homepage": "https://fi2zz.github.io/fluekit/",
6
6
  "repository": {