Remove deprecated StepperPanel from package build
parent
de3f5fdcae
commit
8571830fe9
|
@ -61,7 +61,6 @@ export const panel: MetaType[] = toMeta([
|
||||||
'StepItem',
|
'StepItem',
|
||||||
'StepPanels',
|
'StepPanels',
|
||||||
'StepPanel',
|
'StepPanel',
|
||||||
'StepperPanel',
|
|
||||||
'TabView',
|
'TabView',
|
||||||
'Tabs',
|
'Tabs',
|
||||||
'TabList',
|
'TabList',
|
||||||
|
|
|
@ -247,8 +247,6 @@
|
||||||
"./steppanels/style": "./src/steppanels/style/StepPanelsStyle.js",
|
"./steppanels/style": "./src/steppanels/style/StepPanelsStyle.js",
|
||||||
"./stepper": "./src/stepper/Stepper.vue",
|
"./stepper": "./src/stepper/Stepper.vue",
|
||||||
"./stepper/style": "./src/stepper/style/StepperStyle.js",
|
"./stepper/style": "./src/stepper/style/StepperStyle.js",
|
||||||
"./stepperpanel": "./src/stepperpanel/StepperPanel.vue",
|
|
||||||
"./stepperpanel/style": "./src/stepperpanel/style/StepperPanelStyle.js",
|
|
||||||
"./steps": "./src/steps/Steps.vue",
|
"./steps": "./src/steps/Steps.vue",
|
||||||
"./steps/style": "./src/steps/style/StepsStyle.js",
|
"./steps/style": "./src/steps/style/StepsStyle.js",
|
||||||
"./styleclass": "./src/styleclass/StyleClass.js",
|
"./styleclass": "./src/styleclass/StyleClass.js",
|
||||||
|
|
|
@ -650,12 +650,6 @@ export { default as Stepper } from './stepper/Stepper.vue';
|
||||||
export * from './stepper/style/StepperStyle.js';
|
export * from './stepper/style/StepperStyle.js';
|
||||||
export { default as StepperStyle } from './stepper/style/StepperStyle.js';
|
export { default as StepperStyle } from './stepper/style/StepperStyle.js';
|
||||||
|
|
||||||
// StepperPanel
|
|
||||||
export * from './stepperpanel/StepperPanel.vue';
|
|
||||||
export { default as StepperPanel } from './stepperpanel/StepperPanel.vue';
|
|
||||||
export * from './stepperpanel/style/StepperPanelStyle.js';
|
|
||||||
export { default as StepperPanelStyle } from './stepperpanel/style/StepperPanelStyle.js';
|
|
||||||
|
|
||||||
// Steps
|
// Steps
|
||||||
export * from './steps/Steps.vue';
|
export * from './steps/Steps.vue';
|
||||||
export { default as Steps } from './steps/Steps.vue';
|
export { default as Steps } from './steps/Steps.vue';
|
||||||
|
|
|
@ -1,19 +0,0 @@
|
||||||
<script>
|
|
||||||
import BaseComponent from '@primevue/core/basecomponent';
|
|
||||||
import StepperPanelStyle from 'primevue/stepperpanel/style';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'BaseStepperPanel',
|
|
||||||
extends: BaseComponent,
|
|
||||||
props: {
|
|
||||||
header: null
|
|
||||||
},
|
|
||||||
style: StepperPanelStyle,
|
|
||||||
provide() {
|
|
||||||
return {
|
|
||||||
$pcStepperPanel: this,
|
|
||||||
$parentInstance: this
|
|
||||||
};
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
|
@ -1,290 +0,0 @@
|
||||||
/**
|
|
||||||
*
|
|
||||||
* StepperPanel is a helper component for Stepper component.
|
|
||||||
*
|
|
||||||
* [Live Demo](https://www.primevue.org/stepper/)
|
|
||||||
*
|
|
||||||
* @module stepperpanel
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
import type { DefineComponent, DesignToken, EmitFn, GlobalComponentConstructor, PassThrough } from '@primevue/core';
|
|
||||||
import type { ComponentHooks } from '@primevue/core/basecomponent';
|
|
||||||
import type { PassThroughOptions } from 'primevue/passthrough';
|
|
||||||
import { TransitionProps, VNode } from 'vue';
|
|
||||||
|
|
||||||
export declare type StepperPanelPassThroughOptionType = StepperPanelPassThroughAttributes | ((options: StepperPanelPassThroughMethodOptions) => StepperPanelPassThroughAttributes | string) | string | null | undefined;
|
|
||||||
|
|
||||||
export declare type StepperPanelPassThroughTransitionType = TransitionProps | ((options: StepperPanelPassThroughMethodOptions) => TransitionProps) | undefined;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Custom passthrough(pt) option method.
|
|
||||||
*/
|
|
||||||
export interface StepperPanelPassThroughMethodOptions {
|
|
||||||
/**
|
|
||||||
* Defines instance.
|
|
||||||
*/
|
|
||||||
instance: any;
|
|
||||||
/**
|
|
||||||
* Defines valid properties.
|
|
||||||
*/
|
|
||||||
props: StepperPanelProps;
|
|
||||||
/**
|
|
||||||
* Defines current options.
|
|
||||||
*/
|
|
||||||
context: StepperPanelContext;
|
|
||||||
/**
|
|
||||||
* Defines valid attributes.
|
|
||||||
*/
|
|
||||||
attrs: any;
|
|
||||||
/**
|
|
||||||
* Defines parent options.
|
|
||||||
*/
|
|
||||||
parent: any;
|
|
||||||
/**
|
|
||||||
* Defines passthrough(pt) options in global config.
|
|
||||||
*/
|
|
||||||
global: object | undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Custom passthrough(pt) options.
|
|
||||||
* @see {@link StepperPanelProps.pt}
|
|
||||||
*/
|
|
||||||
export interface StepperPanelPassThroughOptions {
|
|
||||||
/**
|
|
||||||
* Used to pass attributes to the root's DOM element.
|
|
||||||
*/
|
|
||||||
root?: StepperPanelPassThroughOptionType;
|
|
||||||
/**
|
|
||||||
* Used to pass attributes to the item's DOM element.
|
|
||||||
*/
|
|
||||||
item?: StepperPanelPassThroughOptionType;
|
|
||||||
/**
|
|
||||||
* Used to pass attributes to the item header's DOM element.
|
|
||||||
*/
|
|
||||||
itemHeader?: StepperPanelPassThroughOptionType;
|
|
||||||
/**
|
|
||||||
* Used to pass attributes to the item number's DOM element.
|
|
||||||
*/
|
|
||||||
itemNumber?: StepperPanelPassThroughOptionType;
|
|
||||||
/**
|
|
||||||
* Used to pass attributes to the item title's DOM element.
|
|
||||||
*/
|
|
||||||
itemTitle?: StepperPanelPassThroughOptionType;
|
|
||||||
/**
|
|
||||||
* Used to pass attributes to the separator's DOM element.
|
|
||||||
*/
|
|
||||||
separator?: StepperPanelPassThroughOptionType;
|
|
||||||
/**
|
|
||||||
* Used to pass attributes to the panel content container's DOM element.
|
|
||||||
*/
|
|
||||||
panelContentContainer?: StepperPanelPassThroughOptionType;
|
|
||||||
/**
|
|
||||||
* Used to pass attributes to the panel content's DOM element.
|
|
||||||
*/
|
|
||||||
panelContent?: StepperPanelPassThroughOptionType;
|
|
||||||
/**
|
|
||||||
* Used to control Vue Transition API.
|
|
||||||
*/
|
|
||||||
transition?: StepperPanelPassThroughTransitionType;
|
|
||||||
/**
|
|
||||||
* Used to manage all lifecycle hooks.
|
|
||||||
* @see {@link BaseComponent.ComponentHooks}
|
|
||||||
*/
|
|
||||||
hooks?: ComponentHooks;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface StepperPanelPassThroughAttributes {
|
|
||||||
[key: string]: any;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Defines valid properties in StepperPanel component.
|
|
||||||
*/
|
|
||||||
export interface StepperPanelProps {
|
|
||||||
/**
|
|
||||||
* Orientation of tab headers.
|
|
||||||
*/
|
|
||||||
header?: string | undefined;
|
|
||||||
/**
|
|
||||||
* It generates scoped CSS variables using design tokens for the component.
|
|
||||||
*/
|
|
||||||
dt?: DesignToken<any>;
|
|
||||||
/**
|
|
||||||
* Used to pass attributes to DOM elements inside the component.
|
|
||||||
* @type {StepperPanelPassThroughOptions}
|
|
||||||
*/
|
|
||||||
pt?: PassThrough<StepperPanelPassThroughOptions>;
|
|
||||||
/**
|
|
||||||
* Used to configure passthrough(pt) options of the component.
|
|
||||||
* @type {PassThroughOptions}
|
|
||||||
*/
|
|
||||||
ptOptions?: PassThroughOptions;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Defines current options in StepperPanel component.
|
|
||||||
*/
|
|
||||||
export interface StepperPanelContext {
|
|
||||||
/**
|
|
||||||
* Current index of the stepperpanel.
|
|
||||||
*/
|
|
||||||
index: number;
|
|
||||||
/**
|
|
||||||
* Count of stepperpanels
|
|
||||||
*/
|
|
||||||
count: number;
|
|
||||||
/**
|
|
||||||
* Whether the stepperpanel is first.
|
|
||||||
*/
|
|
||||||
first: boolean;
|
|
||||||
/**
|
|
||||||
* Whether the stepperpanel is last.
|
|
||||||
*/
|
|
||||||
last: boolean;
|
|
||||||
/**
|
|
||||||
* Whether the stepperpanel is active.
|
|
||||||
*/
|
|
||||||
active: boolean;
|
|
||||||
/**
|
|
||||||
* Whether the stepperpanel is highlighted.
|
|
||||||
*/
|
|
||||||
highlighted: boolean;
|
|
||||||
/**
|
|
||||||
* Whether the stepperpanel is disabled.
|
|
||||||
*/
|
|
||||||
disabled: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Defines valid slots in StepperPanel slots.
|
|
||||||
*/
|
|
||||||
export interface StepperPanelSlots {
|
|
||||||
/**
|
|
||||||
* Custom content template.
|
|
||||||
*/
|
|
||||||
default(): VNode[];
|
|
||||||
/**
|
|
||||||
* Custom header template.
|
|
||||||
*/
|
|
||||||
header(scope: {
|
|
||||||
/**
|
|
||||||
* Index of the stepperpanel
|
|
||||||
*/
|
|
||||||
index: number;
|
|
||||||
/**
|
|
||||||
* Current active state of the stepperpanel
|
|
||||||
*/
|
|
||||||
active: boolean;
|
|
||||||
/**
|
|
||||||
* Current highlighted state of the stepperpanel
|
|
||||||
*/
|
|
||||||
highlighted: boolean;
|
|
||||||
/**
|
|
||||||
* Style class of the stepperpanel
|
|
||||||
*/
|
|
||||||
class: string;
|
|
||||||
/**
|
|
||||||
* Style class of the stepperpanel
|
|
||||||
*/
|
|
||||||
headerClass: string;
|
|
||||||
/**
|
|
||||||
* Style class of the number content container
|
|
||||||
*/
|
|
||||||
numberClass: string;
|
|
||||||
/**
|
|
||||||
* Style class of the title content container
|
|
||||||
*/
|
|
||||||
titleClass: string;
|
|
||||||
/**
|
|
||||||
* Header click function.
|
|
||||||
* @param {Event} event - Browser event
|
|
||||||
*/
|
|
||||||
clickCallback: (event: Event) => void;
|
|
||||||
}): VNode[];
|
|
||||||
/**
|
|
||||||
* Custom content template.
|
|
||||||
*/
|
|
||||||
content(scope: {
|
|
||||||
/**
|
|
||||||
* Index of the stepperpanel
|
|
||||||
*/
|
|
||||||
index: number;
|
|
||||||
/**
|
|
||||||
* Current active state of the stepperpanel
|
|
||||||
*/
|
|
||||||
active: boolean;
|
|
||||||
/**
|
|
||||||
* Current highlighted state of the stepperpanel
|
|
||||||
*/
|
|
||||||
highlighted: boolean;
|
|
||||||
/**
|
|
||||||
* Style class of the stepperpanel
|
|
||||||
*/
|
|
||||||
class: string;
|
|
||||||
/**
|
|
||||||
* Content click function.
|
|
||||||
* @param {Event} event - Browser event
|
|
||||||
*/
|
|
||||||
clickCallback: (event: Event) => void;
|
|
||||||
/**
|
|
||||||
* Content previous panel click function.
|
|
||||||
* @param {Event} event - Browser event
|
|
||||||
*/
|
|
||||||
prevCallback: (event: Event) => void;
|
|
||||||
/**
|
|
||||||
* Content next panel click function.
|
|
||||||
* @param {Event} event - Browser event
|
|
||||||
*/
|
|
||||||
nextCallback: (event: Event) => void;
|
|
||||||
}): VNode[];
|
|
||||||
/**
|
|
||||||
* Custom separator template.
|
|
||||||
*/
|
|
||||||
separator(scope: {
|
|
||||||
/**
|
|
||||||
* Index of the stepperpanel
|
|
||||||
*/
|
|
||||||
index: number;
|
|
||||||
/**
|
|
||||||
* Current active state of the stepperpanel
|
|
||||||
*/
|
|
||||||
active: boolean;
|
|
||||||
/**
|
|
||||||
* Current highlighted state of the stepperpanel
|
|
||||||
*/
|
|
||||||
highlighted: boolean;
|
|
||||||
/**
|
|
||||||
* Style class of the stepperpanel
|
|
||||||
*/
|
|
||||||
class: string;
|
|
||||||
}): VNode[];
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface StepperPanelEmitsOptions {}
|
|
||||||
|
|
||||||
export declare type StepperPanelEmits = EmitFn<StepperPanelEmitsOptions>;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @deprecated since v4. Use the new structure of Stepper instead.
|
|
||||||
*
|
|
||||||
* **PrimeVue - StepperPanel**
|
|
||||||
*
|
|
||||||
* _StepperPanel is a helper component for Stepper component._
|
|
||||||
*
|
|
||||||
* [Live Demo](https://www.primevue.org/stepper/)
|
|
||||||
* --- ---
|
|
||||||
* ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
|
|
||||||
*
|
|
||||||
* @group Component
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
declare const StepperPanel: DefineComponent<StepperPanelProps, StepperPanelSlots, StepperPanelEmits>;
|
|
||||||
|
|
||||||
declare module 'vue' {
|
|
||||||
export interface GlobalComponents {
|
|
||||||
StepperPanel: GlobalComponentConstructor<StepperPanelProps, StepperPanelSlots, StepperPanelEmits>;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export default StepperPanel;
|
|
|
@ -1,15 +0,0 @@
|
||||||
<template>
|
|
||||||
<slot />
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import BaseStepperPanel from './BaseStepperPanel.vue';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'StepperPanel',
|
|
||||||
extends: BaseStepperPanel,
|
|
||||||
mounted() {
|
|
||||||
console.warn('Deprecated since v4. Use the new structure of Stepper instead.');
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
|
@ -1,11 +0,0 @@
|
||||||
{
|
|
||||||
"main": "./StepperPanel.vue",
|
|
||||||
"module": "./StepperPanel.vue",
|
|
||||||
"types": "./StepperPanel.d.ts",
|
|
||||||
"browser": {
|
|
||||||
"./sfc": "./StepperPanel.vue"
|
|
||||||
},
|
|
||||||
"sideEffects": [
|
|
||||||
"*.vue"
|
|
||||||
]
|
|
||||||
}
|
|
|
@ -1,14 +0,0 @@
|
||||||
/**
|
|
||||||
*
|
|
||||||
* StepperPanel is a helper component for Stepper component.
|
|
||||||
*
|
|
||||||
* [Live Demo](https://www.primevue.org/stepper/)
|
|
||||||
*
|
|
||||||
* @module stepperpanelstyle
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
import type { BaseStyle } from '@primevue/core/base/style';
|
|
||||||
|
|
||||||
export enum StepperPanelClasses {}
|
|
||||||
|
|
||||||
export interface StepperPanelStyle extends BaseStyle {}
|
|
|
@ -1,5 +0,0 @@
|
||||||
import BaseStyle from '@primevue/core/base/style';
|
|
||||||
|
|
||||||
export default BaseStyle.extend({
|
|
||||||
name: 'stepperpanel'
|
|
||||||
});
|
|
|
@ -1,6 +0,0 @@
|
||||||
{
|
|
||||||
"main": "./StepperPanelStyle.js",
|
|
||||||
"module": "./StepperPanelStyle.js",
|
|
||||||
"types": "./StepperPanelStyle.d.ts",
|
|
||||||
"sideEffects": false
|
|
||||||
}
|
|
Loading…
Reference in New Issue