@minto-ai/mini-ui 1.0.103 → 1.0.106

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.
Files changed (6) hide show
  1. package/dist/index.es.js +2 -2
  2. package/dist/loading/index.d.ts +6 -6
  3. package/dist/loading/src/loading.d.ts +1 -1
  4. package/dist/loading/src/loading.vue.d.ts +3 -3
  5. package/dist/style.css +27 -0
  6. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -105,7 +105,7 @@ const loadingProps = {
105
105
  type: {
106
106
  type: String,
107
107
  validator: (value) => {
108
- return ["spinner"].includes(value);
108
+ return ["spinner", "dots"].includes(value);
109
109
  },
110
110
  default: "spinner"
111
111
  },
@@ -2009,7 +2009,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
2009
2009
  const imageStyles = computed(() => {
2010
2010
  const styles = {};
2011
2011
  if (!checkEmpty(props.width)) {
2012
- styles["--mt-image-wdith"] = convertValueToViewportWidth(props.width);
2012
+ styles["--mt-image-width"] = convertValueToViewportWidth(props.width);
2013
2013
  }
2014
2014
  if (!checkEmpty(props.height)) {
2015
2015
  styles["--mt-image-height"] = convertValueToViewportWidth(props.height);
package/dist/loading/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  export declare const MtLoading: {
2
2
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
3
3
  readonly type: {
4
- readonly type: import('vue').PropType<"spinner">;
4
+ readonly type: import('vue').PropType<"spinner" | "dots">;
5
5
  readonly validator: (value: string) => boolean;
6
6
  readonly default: "spinner";
7
7
  };
@@ -14,7 +14,7 @@ export declare const MtLoading: {
14
14
  readonly default: "";
15
15
  };
16
16
  }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
17
- readonly type: "spinner";
17
+ readonly type: "spinner" | "dots";
18
18
  readonly size: number;
19
19
  readonly text: string;
20
20
  }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -26,7 +26,7 @@ export declare const MtLoading: {
26
26
  Defaults: {};
27
27
  }, Readonly<import('vue').ExtractPropTypes<{
28
28
  readonly type: {
29
- readonly type: import('vue').PropType<"spinner">;
29
+ readonly type: import('vue').PropType<"spinner" | "dots">;
30
30
  readonly validator: (value: string) => boolean;
31
31
  readonly default: "spinner";
32
32
  };
@@ -39,7 +39,7 @@ export declare const MtLoading: {
39
39
  readonly default: "";
40
40
  };
41
41
  }>> & Readonly<{}>, {}, {}, {}, {}, {
42
- readonly type: "spinner";
42
+ readonly type: "spinner" | "dots";
43
43
  readonly size: number;
44
44
  readonly text: string;
45
45
  }>;
@@ -48,7 +48,7 @@ export declare const MtLoading: {
48
48
  __isSuspense?: never;
49
49
  } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
50
50
  readonly type: {
51
- readonly type: import('vue').PropType<"spinner">;
51
+ readonly type: import('vue').PropType<"spinner" | "dots">;
52
52
  readonly validator: (value: string) => boolean;
53
53
  readonly default: "spinner";
54
54
  };
@@ -61,7 +61,7 @@ export declare const MtLoading: {
61
61
  readonly default: "";
62
62
  };
63
63
  }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
64
- readonly type: "spinner";
64
+ readonly type: "spinner" | "dots";
65
65
  readonly size: number;
66
66
  readonly text: string;
67
67
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
package/dist/loading/src/loading.d.ts CHANGED
@@ -4,7 +4,7 @@ declare const loadingProps: {
4
4
  * 加载动画的类型
5
5
  */
6
6
  readonly type: {
7
- readonly type: PropType<"spinner">;
7
+ readonly type: PropType<"spinner" | "dots">;
8
8
  readonly validator: (value: string) => boolean;
9
9
  readonly default: "spinner";
10
10
  };
package/dist/loading/src/loading.vue.d.ts CHANGED
@@ -9,7 +9,7 @@ declare function __VLS_template(): {
9
9
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
10
10
  declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
11
11
  readonly type: {
12
- readonly type: import('vue').PropType<"spinner">;
12
+ readonly type: import('vue').PropType<"spinner" | "dots">;
13
13
  readonly validator: (value: string) => boolean;
14
14
  readonly default: "spinner";
15
15
  };
@@ -23,7 +23,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
23
23
  };
24
24
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
25
25
  readonly type: {
26
- readonly type: import('vue').PropType<"spinner">;
26
+ readonly type: import('vue').PropType<"spinner" | "dots">;
27
27
  readonly validator: (value: string) => boolean;
28
28
  readonly default: "spinner";
29
29
  };
@@ -36,7 +36,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
36
36
  readonly default: "";
37
37
  };
38
38
  }>> & Readonly<{}>, {
39
- readonly type: "spinner";
39
+ readonly type: "spinner" | "dots";
40
40
  readonly size: number;
41
41
  readonly text: string;
42
42
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
package/dist/style.css CHANGED
@@ -64,6 +64,13 @@
64
64
  mask-composite: subtract;
65
65
  animation: l3 1s infinite linear;
66
66
  }
67
+ .mt-loading__icon--dots {
68
+ width: var(--mt-loading-size);
69
+ aspect-ratio: 6;
70
+ background: no-repeat radial-gradient(circle closest-side, #fff 90%, rgba(255, 255, 255, 0)) 0% 50%, no-repeat radial-gradient(circle closest-side, #fff 90%, rgba(255, 255, 255, 0)) 25% 50%, no-repeat radial-gradient(circle closest-side, #fff 90%, rgba(255, 255, 255, 0)) 50% 50%, no-repeat radial-gradient(circle closest-side, #fff 90%, rgba(255, 255, 255, 0)) 75% 50%, no-repeat radial-gradient(circle closest-side, #fff 90%, rgba(255, 255, 255, 0)) 100% 50%;
71
+ background-size: 20% 100%;
72
+ animation: l7 1s infinite linear;
73
+ }
67
74
  .mt-loading__text {
68
75
  display: inline-flex;
69
76
  margin-top: 2px;
@@ -75,6 +82,26 @@
75
82
  to {
76
83
  transform: rotate(1turn);
77
84
  }
85
+ }
86
+ @keyframes l7 {
87
+ 0% {
88
+ background-size: 20% 100%, 20% 100%, 20% 100%, 20% 100%, 20% 100%;
89
+ }
90
+ 20% {
91
+ background-size: 20% 0%, 20% 100%, 20% 100%, 20% 100%, 20% 100%;
92
+ }
93
+ 40% {
94
+ background-size: 20% 100%, 20% 0%, 20% 100%, 20% 100%, 20% 100%;
95
+ }
96
+ 60% {
97
+ background-size: 20% 100%, 20% 100%, 20% 0%, 20% 100%, 20% 100%;
98
+ }
99
+ 80% {
100
+ background-size: 20% 100%, 20% 100%, 20% 100%, 20% 0%, 20% 100%;
101
+ }
102
+ 100% {
103
+ background-size: 20% 100%, 20% 100%, 20% 100%, 20% 100%, 20% 0%;
104
+ }
78
105
  }:root {
79
106
  --mt-color-white: #fff;
80
107
  --mt-color-black: #000;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@minto-ai/mini-ui",
3
3
  "type": "module",
4
- "version": "1.0.103",
4
+ "version": "1.0.106",
5
5
  "publishConfig": {
6
6
  "access": "public"
7
7
  },