@toife/vue 3.4.4 → 3.5.0

package/README.md

@@ -36,9 +36,7 @@ import { createToife } from "@toife/vue";
 import App from "./App.vue";
 
 const app = createApp(App);
-app.use(createToife());
-// or change the prefix:
-// app.use(createToife({ prefix: "toife-" })); // → <toife-app>, <toife-button>, ...
+app.use(createToife()); // prefix "t-" → <t-app>, <t-button>, …
 app.mount("#app");
 ```
 
@@ -91,6 +89,7 @@ The default prefix is `t-`. The **Tag** column is `prefix` + name (e.g. `t-butto
 | `t-modal` | Modal |
 | `t-page` | Page |
 | `t-present` | Present |
+| `t-progress` | Progress |
 | `t-refresher` | Refresher |
 | `t-route-navigator` | RouteNavigator |
 | `t-route-wrapper` | RouteWrapper |

package/dist/components/cable/cable.vue.d.ts

@@ -1,6 +1,5 @@
 import { CableProps } from '../../core';
 declare const _default: import('vue').DefineComponent<CableProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CableProps> & Readonly<{}>, {
     placement: string;
-    keyboard: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/index.d.ts

@@ -1,5 +1,6 @@
 export * from './app';
 export * from './present';
+export * from './progress';
 export * from './modal';
 export * from './gesture-indicator';
 export * from './layout';

package/dist/components/progress/index.d.ts

@@ -0,0 +1 @@
+export { default as Progress } from './progress.vue';

package/dist/components/progress/progress.vue.d.ts

@@ -0,0 +1,9 @@
+import { ProgressProps } from '../../core';
+declare const _default: import('vue').DefineComponent<ProgressProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ProgressProps> & Readonly<{}>, {
+    size: import('../../core').ProgressSize;
+    variant: import('../../core').ProgressVariant;
+    value: number;
+    max: number;
+    indeterminate: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/segmented-field/segmented-field.vue.d.ts

@@ -20,8 +20,8 @@ declare const _default: import('vue').DefineComponent<SegmentedFieldProps, {}, {
     message: string;
     type: string;
     pattern: string[];
-    modelValue: string[];
     value: string[];
+    modelValue: string[];
     readonly: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/slide-range/slide-range.vue.d.ts

@@ -7,10 +7,10 @@ declare const _default: import('vue').DefineComponent<SlideRangeProps, {}, {}, {
     "onUpdate:modelValue"?: ((value: SlideRangeValue) => any) | undefined;
 }>, {
     disabled: boolean;
+    max: SlideRangeValue;
     modelValue: SlideRangeValue;
     readonly: boolean;
     min: SlideRangeValue;
-    max: SlideRangeValue;
     step: SlideRangeValue;
     unit: string;
     tick: boolean | SlideRangeValue;

package/dist/core/features/cable/cable.constants.d.ts

@@ -1,5 +1,4 @@
 export declare const CABLE_PROVIDER_STATE_KEY = "cable-state";
 export declare const CABLE_DEFAULT_PROPS: {
-    readonly keyboard: false;
     readonly placement: "bottom";
 };

package/dist/core/features/cable/cable.type.d.ts

@@ -1,5 +1,4 @@
 export type CableProps = {
-    keyboard?: boolean;
     placement?: string;
 };
 export type CableProviderState = {

package/dist/core/features/index.d.ts

@@ -18,6 +18,7 @@ export * from './layout';
 export * from './modal';
 export * from './page';
 export * from './present';
+export * from './progress';
 export * from './radio';
 export * from './refresher';
 export * from './route';

package/dist/core/features/progress/index.d.ts

@@ -0,0 +1,3 @@
+export * from './progress.constants';
+export * from './progress.type';
+export * from './progress.logic';

package/dist/core/features/progress/progress.constants.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Progress Default Props
+ */
+export declare const PROGRESS_DEFAULT_PROPS: {
+    readonly variant: "bar";
+    readonly value: 0;
+    readonly max: 100;
+    readonly indeterminate: false;
+    readonly size: "standard";
+};

package/dist/core/features/progress/progress.logic.d.ts

@@ -0,0 +1,32 @@
+import { ProgressAttrOptions } from './progress.type';
+export declare const getProgressPercent: (value: number, max: number) => number;
+export declare const getProgressAttrs: (options: ProgressAttrOptions) => {
+    class: (string | {
+        bar: boolean;
+        circle: boolean;
+        indeterminate: boolean;
+    })[];
+    style: {
+        [x: string]: string;
+    };
+};
+export declare const getProgressTrackAttrs: () => {
+    class: string[];
+};
+export declare const getProgressBarAttrs: () => {
+    class: string[];
+};
+export declare const getProgressSvgAttrs: () => {
+    class: string[];
+    viewBox: string;
+    "aria-hidden": string;
+};
+export declare const getProgressCircleTrackAttrs: () => {
+    class: string[];
+};
+export declare const getProgressCircleBarAttrs: () => {
+    class: string[];
+};
+export declare const getProgressLabelAttrs: () => {
+    class: string[];
+};

package/dist/core/features/progress/progress.type.d.ts

@@ -0,0 +1,19 @@
+export type ProgressVariant = "bar" | "circle";
+export type ProgressSize = string;
+export type ProgressProps = {
+    variant?: ProgressVariant;
+    value?: number;
+    max?: number;
+    indeterminate?: boolean;
+    role?: string;
+    shape?: string;
+    size?: ProgressSize;
+};
+export type ProgressAttrOptions = {
+    role: string;
+    shape: string;
+    size: string;
+    variant: ProgressVariant;
+    indeterminate: boolean;
+    percent: number;
+};