fluekit 2.1.0 → 2.1.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.
@@ -0,0 +1,15 @@
1
+ export declare const CupertinoIcons: {
2
+ back: string;
3
+ forward: string;
4
+ share: string;
5
+ book: string;
6
+ info: string;
7
+ trash: string;
8
+ search: string;
9
+ add: string;
10
+ create: string;
11
+ refresh: string;
12
+ close: string;
13
+ check: string;
14
+ settings: string;
15
+ };
package/dist/Icons.d.ts CHANGED
@@ -2,5 +2,25 @@ export declare const Icons: {
2
2
  close: string;
3
3
  menu: string;
4
4
  moreVert: string;
5
+ moreHorizontal: string;
5
6
  cancel: string;
7
+ check: string;
8
+ caretTop: string;
9
+ caretBottom: string;
10
+ document: string;
11
+ x: string;
12
+ home: string;
13
+ favorite: string;
14
+ accessTime: string;
15
+ back: string;
16
+ forward: string;
17
+ share: string;
18
+ book: string;
19
+ info: string;
20
+ trash: string;
21
+ search: string;
22
+ add: string;
23
+ create: string;
24
+ refresh: string;
25
+ settings: string;
6
26
  };
package/dist/Switch.d.ts CHANGED
@@ -1,17 +1,21 @@
1
1
  import { Color } from './Color';
2
2
  interface Props {
3
- value: boolean;
4
- onChanged?: (value: boolean) => void;
5
3
  activeColor?: string | Color;
6
4
  activeTrackColor?: string | Color;
7
5
  inactiveThumbColor?: string | Color;
8
6
  inactiveTrackColor?: string | Color;
9
7
  variant?: "material" | "ios";
10
8
  }
11
- declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
12
- change: (value: boolean) => any;
9
+ type __VLS_Props = Props;
10
+ declare const model: import('vue').ModelRef<boolean, string, boolean, boolean>;
11
+ type __VLS_PublicProps = {
12
+ "value"?: typeof model['value'];
13
+ } & __VLS_Props;
14
+ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
13
15
  "update:value": (value: boolean) => any;
14
- }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
16
+ } & {
17
+ change: (value: boolean) => any;
18
+ }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
15
19
  onChange?: ((value: boolean) => any) | undefined;
16
20
  "onUpdate:value"?: ((value: boolean) => any) | undefined;
17
21
  }>, {
package/dist/index.js CHANGED
@@ -3241,50 +3241,54 @@ var Transform_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @_
3241
3241
  }
3242
3242
  }), [["__scopeId", "data-v-a5c5a2ad"]]), Switch_default = /* @__PURE__ */ defineComponent({
3243
3243
  __name: "Switch",
3244
- props: {
3245
- value: { type: Boolean },
3246
- onChanged: {},
3247
- activeColor: { default: "#34C759" },
3244
+ props: /* @__PURE__ */ mergeModels({
3245
+ activeColor: { default: "#FFF" },
3248
3246
  activeTrackColor: { default: "#34C759" },
3249
3247
  inactiveThumbColor: { default: "#FFFFFF" },
3250
3248
  inactiveTrackColor: { default: "#E9E9EA" },
3251
3249
  variant: { default: "ios" }
3252
- },
3253
- emits: ["update:value", "change"],
3250
+ }, {
3251
+ value: {
3252
+ type: Boolean,
3253
+ default: !1
3254
+ },
3255
+ valueModifiers: {}
3256
+ }),
3257
+ emits: /* @__PURE__ */ mergeModels(["change"], ["update:value"]),
3254
3258
  setup(e, { emit: y }) {
3255
- let b = e, x = y, S = () => {
3256
- b.onChanged && b.onChanged(!b.value), x("update:value", !b.value);
3257
- }, C = computed(() => b.variant === "ios"), E = computed(() => C.value ? 51 : 36), D = computed(() => C.value ? 31 : 20), O = computed(() => C.value ? 27 : 16), k = computed(() => BoxDecoration({
3258
- color: b.value ? C.value ? b.activeColor : b.activeTrackColor : b.inactiveTrackColor,
3259
- borderRadius: BorderRadius.circular(C.value ? 100 : 10)
3260
- })), A = computed(() => BoxDecoration({
3261
- color: C.value ? "#FFFFFF" : b.value ? b.activeColor : b.inactiveThumbColor,
3259
+ let b = e, x = useModel(e, "value"), S = y, C = () => {
3260
+ x.value = !x.value, S("change", x.value);
3261
+ }, E = computed(() => b.variant === "ios"), D = computed(() => E.value ? 51 : 36), O = computed(() => E.value ? 31 : 20), k = computed(() => E.value ? 27 : 16), A = computed(() => BoxDecoration({
3262
+ color: x.value ? b.activeTrackColor : b.inactiveTrackColor,
3263
+ borderRadius: BorderRadius.circular(E.value ? 100 : 10)
3264
+ })), M = computed(() => BoxDecoration({
3265
+ color: x.value ? b.activeColor : b.inactiveThumbColor,
3262
3266
  shape: BoxShape.circle,
3263
3267
  boxShadow: [{
3264
3268
  color: "rgba(0,0,0,0.3)",
3265
- blurRadius: C.value ? 3 : 1,
3269
+ blurRadius: E.value ? 3 : 1,
3266
3270
  offset: {
3267
3271
  x: 0,
3268
- y: C.value ? 2 : 1
3272
+ y: E.value ? 2 : 1
3269
3273
  }
3270
3274
  }]
3271
- })), M = computed(() => {
3272
- let e = E.value - O.value - 4;
3273
- return EdgeInsets.only({ left: b.value ? e : 0 });
3275
+ })), N = computed(() => {
3276
+ let e = D.value - k.value - 4;
3277
+ return EdgeInsets.only({ left: x.value ? e : 0 });
3274
3278
  });
3275
- return (e, y) => (openBlock(), createBlock(GestureDetector_default, { onTap: S }, {
3279
+ return (e, y) => (openBlock(), createBlock(GestureDetector_default, { onTap: C }, {
3276
3280
  default: withCtx(() => [createVNode(Container_default, {
3277
- width: E.value,
3278
- height: D.value,
3281
+ width: D.value,
3282
+ height: O.value,
3279
3283
  padding: unref(EdgeInsets).all(2),
3280
- decoration: k.value
3284
+ decoration: A.value
3281
3285
  }, {
3282
3286
  default: withCtx(() => [createVNode(AnimatedContainer_default, {
3283
3287
  duration: 200,
3284
- width: O.value,
3285
- height: O.value,
3286
- margin: M.value,
3287
- decoration: A.value
3288
+ width: k.value,
3289
+ height: k.value,
3290
+ margin: N.value,
3291
+ decoration: M.value
3288
3292
  }, null, 8, [
3289
3293
  "width",
3290
3294
  "height",
@@ -4659,7 +4663,27 @@ const Icons = {
4659
4663
  close: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z",
4660
4664
  menu: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z",
4661
4665
  moreVert: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z",
4662
- cancel: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"
4666
+ moreHorizontal: "M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z",
4667
+ cancel: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z",
4668
+ check: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z",
4669
+ caretTop: "M7 14l5-5 5 5z",
4670
+ caretBottom: "M7 10l5 5 5-5z",
4671
+ document: "M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z",
4672
+ x: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z",
4673
+ home: "M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z",
4674
+ favorite: "M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z",
4675
+ accessTime: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z",
4676
+ back: "M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z",
4677
+ forward: "M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z",
4678
+ share: "M16 5l-1.42 1.42-1.59-1.59V16h-1.98V4.83L9.42 6.42 8 5l4-4 4 4zm4 5v11c0 1.1-.9 2-2 2H6c-1.11 0-2-.9-2-2V10c0-1.11.89-2 2-2h3v2H6v11h12V10h-3V8h3c1.1 0 2 .89 2 2z",
4679
+ book: "M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 4h5v8l-2.5-1.5L6 12V4z",
4680
+ info: "M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z",
4681
+ trash: "M16 9v10H8V9h8m-1.5-6h-5l-1 1H5v2h14V4h-3.5l-1-1zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7z",
4682
+ search: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z",
4683
+ add: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z",
4684
+ create: "M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z",
4685
+ refresh: "M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z",
4686
+ settings: "M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.5.45l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.04.27.25.45.5.45h4c.25 0 .46-.18.5-.45l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"
4663
4687
  };
4664
4688
  var _hoisted_1$5 = {
4665
4689
  key: 0,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fluekit",
3
- "version": "2.1.0",
3
+ "version": "2.1.2",
4
4
  "description": "A Flutter-style Layout UI kit for Vue",
5
5
  "homepage": "https://fi2zz.github.io/fluekit/",
6
6
  "repository": {