mhz-ui 1.1.18 → 1.1.20
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/UiFlex/UiFlex.css +1 -1
- package/dist/UiFlex/UiFlex.d.ts +3 -0
- package/dist/UiFlex/UiFlex.js +26 -25
- package/package.json +16 -16
package/dist/UiFlex/UiFlex.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._flex_1rw48_1{display:flex;flex-grow:var(--1effbfbd);flex-shrink:var(--01038f1a);flex-direction:var(--6e1595d6);flex-wrap:var(--3036dcf4);gap:var(--de6b7634);align-items:var(--6e09b5a5);justify-content:var(--750a0533);width:var(--18d24716)}
|
package/dist/UiFlex/UiFlex.d.ts
CHANGED
|
@@ -15,6 +15,7 @@ declare const wrapComputed: import('vue').ComputedRef<"wrap" | "nowrap">;
|
|
|
15
15
|
declare const gapComputed: import('vue').ComputedRef<string>;
|
|
16
16
|
declare const shrinkComputed: import('vue').ComputedRef<"0" | "1">;
|
|
17
17
|
declare const growComputed: import('vue').ComputedRef<"0" | "1">;
|
|
18
|
+
declare const widthComputed: import('vue').ComputedRef<"100%" | "auto">;
|
|
18
19
|
declare const __VLS_ctx: {
|
|
19
20
|
$style: Record<string, string> & __VLS_PrettifyGlobal<{} & {
|
|
20
21
|
"flex": string;
|
|
@@ -53,6 +54,7 @@ declare const __VLS_ctx: {
|
|
|
53
54
|
gapComputed: typeof gapComputed;
|
|
54
55
|
shrinkComputed: typeof shrinkComputed;
|
|
55
56
|
growComputed: typeof growComputed;
|
|
57
|
+
widthComputed: typeof widthComputed;
|
|
56
58
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
57
59
|
align: "normal" | "stretch" | "center" | "flex-start" | "flex-end";
|
|
58
60
|
tag: "div" | "span" | "form";
|
|
@@ -93,6 +95,7 @@ declare const __VLS_ctx: {
|
|
|
93
95
|
gapComputed: string;
|
|
94
96
|
shrinkComputed: "0" | "1";
|
|
95
97
|
growComputed: "0" | "1";
|
|
98
|
+
widthComputed: "100%" | "auto";
|
|
96
99
|
$route: import('vue-router').TypesConfig extends Record<"$route", infer T> ? T : import('vue-router').RouteLocationNormalizedLoaded;
|
|
97
100
|
$router: import('vue-router').TypesConfig extends Record<"$router", infer T> ? T : import('vue-router').Router;
|
|
98
101
|
};
|
package/dist/UiFlex/UiFlex.js
CHANGED
|
@@ -1,30 +1,31 @@
|
|
|
1
1
|
import "./UiFlex.css";
|
|
2
|
-
import { defineComponent as
|
|
3
|
-
import { _ as
|
|
4
|
-
const
|
|
2
|
+
import { defineComponent as i, useCssVars as f, computed as t, createBlock as m, openBlock as g, resolveDynamicComponent as w, normalizeClass as _, withCtx as y, renderSlot as C } from "vue";
|
|
3
|
+
import { _ as x } from "../_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
+
const v = "div", h = "normal", k = "normal", A = "8", F = /* @__PURE__ */ i({
|
|
5
5
|
__name: "UiFlex",
|
|
6
6
|
props: {
|
|
7
|
-
tag: { default:
|
|
7
|
+
tag: { default: v },
|
|
8
8
|
column: { type: Boolean },
|
|
9
|
-
align: { default:
|
|
10
|
-
justify: { default:
|
|
9
|
+
align: { default: h },
|
|
10
|
+
justify: { default: k },
|
|
11
11
|
wrap: { type: Boolean },
|
|
12
|
-
gap: { default:
|
|
12
|
+
gap: { default: A },
|
|
13
13
|
shrink: { type: Boolean },
|
|
14
14
|
grow: { type: Boolean }
|
|
15
15
|
},
|
|
16
16
|
setup(e) {
|
|
17
|
-
|
|
18
|
-
"
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
|
|
23
|
-
"
|
|
24
|
-
|
|
17
|
+
f((o) => ({
|
|
18
|
+
"1effbfbd": p.value,
|
|
19
|
+
"01038f1a": d.value,
|
|
20
|
+
"6e1595d6": s.value,
|
|
21
|
+
"3036dcf4": r.value,
|
|
22
|
+
de6b7634: u.value,
|
|
23
|
+
"6e09b5a5": n.value,
|
|
24
|
+
"750a0533": l.value,
|
|
25
|
+
"18d24716": c.value
|
|
25
26
|
}));
|
|
26
|
-
const a = e, s = t(() => a.column ? "column" : "row"), n = t(() => a.align), l = t(() => a.justify),
|
|
27
|
-
return (o,
|
|
27
|
+
const a = e, s = t(() => a.column ? "column" : "row"), n = t(() => a.align), l = t(() => a.justify), r = t(() => a.wrap ? "wrap" : "nowrap"), u = t(() => a.gap ? `${a.gap}px` : "0"), d = t(() => a.shrink ? "1" : "0"), p = t(() => a.grow ? "1" : "0"), c = t(() => a.grow ? "100%" : "auto");
|
|
28
|
+
return (o, D) => (g(), m(w(a.tag), {
|
|
28
29
|
class: _(o.$style.flex),
|
|
29
30
|
"data-column": a.column,
|
|
30
31
|
"data-align": a.align,
|
|
@@ -34,17 +35,17 @@ const x = "div", v = "normal", h = "normal", k = "8", j = /* @__PURE__ */ d({
|
|
|
34
35
|
"data-shrink": a.shrink,
|
|
35
36
|
"data-grow": a.grow
|
|
36
37
|
}, {
|
|
37
|
-
default:
|
|
38
|
-
|
|
38
|
+
default: y(() => [
|
|
39
|
+
C(o.$slots, "default")
|
|
39
40
|
]),
|
|
40
41
|
_: 3
|
|
41
42
|
}, 8, ["class", "data-column", "data-align", "data-justify", "data-wrap", "data-gap", "data-shrink", "data-grow"]));
|
|
42
43
|
}
|
|
43
|
-
}),
|
|
44
|
-
flex:
|
|
45
|
-
},
|
|
46
|
-
$style:
|
|
47
|
-
},
|
|
44
|
+
}), U = "_flex_1rw48_1", j = {
|
|
45
|
+
flex: U
|
|
46
|
+
}, B = {
|
|
47
|
+
$style: j
|
|
48
|
+
}, b = /* @__PURE__ */ x(F, [["__cssModules", B]]);
|
|
48
49
|
export {
|
|
49
|
-
|
|
50
|
+
b as default
|
|
50
51
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "mhz-ui",
|
|
3
3
|
"description": "Mhz ui kit",
|
|
4
|
-
"version": "1.1.
|
|
4
|
+
"version": "1.1.20",
|
|
5
5
|
"author": "Alexandr Dergunov <dergunovs@mail.ru> (https://github.com/dergunovs)",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"type": "module",
|
|
@@ -41,23 +41,23 @@
|
|
|
41
41
|
},
|
|
42
42
|
"devDependencies": {
|
|
43
43
|
"@eslint/js": "9.23.0",
|
|
44
|
-
"@storybook/addon-essentials": "8.6.
|
|
45
|
-
"@storybook/addon-interactions": "8.6.
|
|
46
|
-
"@storybook/addon-links": "8.6.
|
|
47
|
-
"@storybook/blocks": "8.6.
|
|
48
|
-
"@storybook/core-events": "8.6.
|
|
49
|
-
"@storybook/preview-api": "8.6.
|
|
50
|
-
"@storybook/vue3": "8.6.
|
|
51
|
-
"@storybook/vue3-vite": "8.6.
|
|
52
|
-
"@types/node": "22.13.
|
|
44
|
+
"@storybook/addon-essentials": "8.6.9",
|
|
45
|
+
"@storybook/addon-interactions": "8.6.9",
|
|
46
|
+
"@storybook/addon-links": "8.6.9",
|
|
47
|
+
"@storybook/blocks": "8.6.9",
|
|
48
|
+
"@storybook/core-events": "8.6.9",
|
|
49
|
+
"@storybook/preview-api": "8.6.9",
|
|
50
|
+
"@storybook/vue3": "8.6.9",
|
|
51
|
+
"@storybook/vue3-vite": "8.6.9",
|
|
52
|
+
"@types/node": "22.13.13",
|
|
53
53
|
"@vitejs/plugin-vue": "5.2.3",
|
|
54
54
|
"@vitest/coverage-istanbul": "3.0.9",
|
|
55
55
|
"@vue/test-utils": "2.4.6",
|
|
56
56
|
"eslint": "9.23.0",
|
|
57
57
|
"eslint-config-prettier": "10.1.1",
|
|
58
|
-
"eslint-import-resolver-typescript": "4.2.
|
|
59
|
-
"eslint-plugin-import-x": "4.9.
|
|
60
|
-
"eslint-plugin-prettier": "5.2.
|
|
58
|
+
"eslint-import-resolver-typescript": "4.2.3",
|
|
59
|
+
"eslint-plugin-import-x": "4.9.2",
|
|
60
|
+
"eslint-plugin-prettier": "5.2.5",
|
|
61
61
|
"eslint-plugin-vue": "10.0.0",
|
|
62
62
|
"globals": "16.0.0",
|
|
63
63
|
"happy-dom": "17.4.4",
|
|
@@ -65,15 +65,15 @@
|
|
|
65
65
|
"postcss-scss": "4.0.9",
|
|
66
66
|
"prettier": "3.5.3",
|
|
67
67
|
"sass-embedded": "1.86.0",
|
|
68
|
-
"storybook": "8.6.
|
|
68
|
+
"storybook": "8.6.9",
|
|
69
69
|
"stylelint": "16.16.0",
|
|
70
70
|
"stylelint-config-recess-order": "6.0.0",
|
|
71
71
|
"stylelint-config-recommended-scss": "14.1.0",
|
|
72
72
|
"stylelint-config-recommended-vue": "1.6.0",
|
|
73
73
|
"stylelint-prettier": "5.0.3",
|
|
74
74
|
"typescript": "5.8.2",
|
|
75
|
-
"typescript-eslint": "8.
|
|
76
|
-
"vite": "6.2.
|
|
75
|
+
"typescript-eslint": "8.28.0",
|
|
76
|
+
"vite": "6.2.3",
|
|
77
77
|
"vite-plugin-dts": "4.5.1",
|
|
78
78
|
"vite-plugin-static-copy": "2.3.0",
|
|
79
79
|
"vite-svg-loader": "5.1.0",
|