@witchcraft/layout 0.1.2 → 0.1.3
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/module.json +1 -1
- package/dist/runtime/components/LayoutEdges.vue +2 -3
- package/dist/runtime/components/LayoutFrame.vue +1 -3
- package/dist/runtime/components/LayoutShapeSquare.vue +3 -5
- package/dist/runtime/types/index.d.ts +2 -3
- package/package.json +3 -3
- package/src/runtime/components/LayoutEdges.vue +1 -0
- package/src/runtime/components/LayoutShapeSquare.vue +2 -2
- package/src/runtime/types/index.ts +3 -3
package/dist/module.json
CHANGED
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
z-0
|
|
10
10
|
border-blue-500
|
|
11
11
|
border
|
|
12
|
+
rounded-md
|
|
12
13
|
`,
|
|
13
14
|
$attrs.class
|
|
14
15
|
)"
|
|
@@ -99,9 +100,7 @@ const props = defineProps({
|
|
|
99
100
|
activeFrame: { type: Object, required: false, default: void 0 },
|
|
100
101
|
draggingEdge: { type: null, required: false, default: void 0 },
|
|
101
102
|
draggingIntersection: { type: Object, required: false, default: void 0 },
|
|
102
|
-
css: { type: Object, required: false }
|
|
103
|
-
style: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
|
|
104
|
-
class: { type: String, required: false }
|
|
103
|
+
css: { type: Object, required: false }
|
|
105
104
|
});
|
|
106
105
|
const cssDragEdges = computed(() => {
|
|
107
106
|
const thickEdges = getVisualEdgesCss(
|
|
@@ -38,8 +38,6 @@ const emit = defineEmits(["focus"]);
|
|
|
38
38
|
defineProps({
|
|
39
39
|
frame: { type: Object, required: true },
|
|
40
40
|
isActiveFrame: { type: Boolean, required: true },
|
|
41
|
-
css: { type: Object, required: false }
|
|
42
|
-
style: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
|
|
43
|
-
class: { type: String, required: false }
|
|
41
|
+
css: { type: Object, required: false }
|
|
44
42
|
});
|
|
45
43
|
</script>
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div
|
|
3
|
-
:style="`
|
|
3
|
+
:style="[`
|
|
4
4
|
--posX:${css.x};
|
|
5
5
|
--posY:${css.y};
|
|
6
6
|
--width:${css.width};
|
|
7
7
|
--height:${css.height};
|
|
8
8
|
${css.translate ? `--translate:${css.translate}` : ``}
|
|
9
|
-
|
|
9
|
+
`, $attrs.style]"
|
|
10
10
|
:class="twMerge(
|
|
11
11
|
`
|
|
12
12
|
absolute
|
|
@@ -32,8 +32,6 @@ defineOptions({
|
|
|
32
32
|
inheritAttrs: false
|
|
33
33
|
});
|
|
34
34
|
const props = defineProps({
|
|
35
|
-
css: { type: Object, required: true }
|
|
36
|
-
style: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
|
|
37
|
-
class: { type: String, required: false }
|
|
35
|
+
css: { type: Object, required: true }
|
|
38
36
|
});
|
|
39
37
|
</script>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { EnumLike } from "@alanscodelog/utils";
|
|
2
2
|
import { z } from "zod";
|
|
3
3
|
export * from "../drag/types.js";
|
|
4
|
-
import type { HTMLAttributes
|
|
4
|
+
import type { HTMLAttributes } from "vue";
|
|
5
5
|
export declare const zUuid: z.ZodUUID;
|
|
6
6
|
export type AnyUuid = z.infer<typeof zUuid>;
|
|
7
7
|
export declare const zWindowIdConstants: z.ZodEnum<{
|
|
@@ -459,8 +459,7 @@ export declare const zFrameCreate: z.ZodObject<{
|
|
|
459
459
|
}, z.core.$loose>;
|
|
460
460
|
export type LayoutShapeSquareProps = {
|
|
461
461
|
css: BaseSquareCss;
|
|
462
|
-
|
|
463
|
-
} & /** @vue-ignore */ Omit<HTMLAttributes, "class" | "onFocus"> & {
|
|
462
|
+
} & /** @vue-ignore */ Omit<HTMLAttributes, "class" | "onFocus"> & /** @vue-ignore */ {
|
|
464
463
|
class?: string;
|
|
465
464
|
};
|
|
466
465
|
export type LayoutEdgesProps = {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@witchcraft/layout",
|
|
3
3
|
"description": "Headless layout manager.",
|
|
4
|
-
"version": "0.1.
|
|
4
|
+
"version": "0.1.3",
|
|
5
5
|
"main": "./dist/runtime/index.js",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"sideEffects": false,
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
},
|
|
35
35
|
"peerDependencies": {
|
|
36
36
|
"@witchcraft/nuxt-utils": "^0.3.6",
|
|
37
|
-
"@witchcraft/ui": "0.4.
|
|
37
|
+
"@witchcraft/ui": "^0.4.1"
|
|
38
38
|
},
|
|
39
39
|
"peerDependenciesMeta": {
|
|
40
40
|
"@witchcraft/ui": {
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
"@vitejs/plugin-vue": "^6.0.1",
|
|
62
62
|
"@vitest/coverage-c8": "^0.33.0",
|
|
63
63
|
"@witchcraft/nuxt-utils": "^0.3.6",
|
|
64
|
-
"@witchcraft/ui": "0.4.
|
|
64
|
+
"@witchcraft/ui": "^0.4.1",
|
|
65
65
|
"concurrently": "^9.2.1",
|
|
66
66
|
"cross-env": "^10.0.0",
|
|
67
67
|
"fast-glob": "^3.3.3",
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div
|
|
3
|
-
:style="`
|
|
3
|
+
:style="[`
|
|
4
4
|
--posX:${css.x};
|
|
5
5
|
--posY:${css.y};
|
|
6
6
|
--width:${css.width};
|
|
7
7
|
--height:${css.height};
|
|
8
8
|
${css.translate ? `--translate:${css.translate}`: ``}
|
|
9
|
-
|
|
9
|
+
`, $attrs.style]"
|
|
10
10
|
:class="twMerge(`
|
|
11
11
|
absolute
|
|
12
12
|
w-[var(--width)]
|
|
@@ -4,7 +4,7 @@ import { z } from "zod"
|
|
|
4
4
|
|
|
5
5
|
export * from "../drag/types.js"
|
|
6
6
|
|
|
7
|
-
import type { HTMLAttributes
|
|
7
|
+
import type { HTMLAttributes } from "vue"
|
|
8
8
|
|
|
9
9
|
import { getMaxInt } from "../settings.js"
|
|
10
10
|
|
|
@@ -296,9 +296,9 @@ export const zFrameCreate = zLayoutFrame.partial({
|
|
|
296
296
|
export type LayoutShapeSquareProps
|
|
297
297
|
= & {
|
|
298
298
|
css: BaseSquareCss
|
|
299
|
-
style?: StyleValue
|
|
300
299
|
}
|
|
301
|
-
& /** @vue-ignore */ Omit<HTMLAttributes, "class" | "onFocus">
|
|
300
|
+
& /** @vue-ignore */ Omit<HTMLAttributes, "class" | "onFocus">
|
|
301
|
+
& /** @vue-ignore */ { class?: string }
|
|
302
302
|
|
|
303
303
|
|
|
304
304
|
export type LayoutEdgesProps
|