vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Merge branch 'master' of https://github.com/primefaces/primevue

pull/7064/merge
tugcekucukoglu 2025-01-14 15:20:45 +03:00
parent 0e68cdf764 5fa6e72459
commit 3b946a38d3
11 changed files with 79 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
apps/showcase/doc/common/apidoc/index.json
View File

@ -92312,40 +92312,40 @@
"ProgressSpinnerDesignTokens": { "ProgressSpinnerDesignTokens": {
"props": [ "props": [
{ {
"name": "root.color.1", "name": "root.colorOne",
"token": "progressspinner.color.1", "token": "progressspinner.color.one",
"optional": true, "optional": true,
"readonly": false, "readonly": false,
"type": "string", "type": "string",
"default": "", "default": "",
"description": "Color.1 of root" "description": "Color one of root"
}, },
{ {
"name": "root.color.2", "name": "root.colorTwo",
"token": "progressspinner.color.2", "token": "progressspinner.color.two",
"optional": true, "optional": true,
"readonly": false, "readonly": false,
"type": "string", "type": "string",
"default": "", "default": "",
"description": "Color.2 of root" "description": "Color two of root"
}, },
{ {
"name": "root.color.3", "name": "root.colorThree",
"token": "progressspinner.color.3", "token": "progressspinner.color.three",
"optional": true, "optional": true,
"readonly": false, "readonly": false,
"type": "string", "type": "string",
"default": "", "default": "",
"description": "Color.3 of root" "description": "Color three of root"
}, },
{ {
"name": "root.color.4", "name": "root.colorFour",
"token": "progressspinner.color.4", "token": "progressspinner.color.four",
"optional": true, "optional": true,
"readonly": false, "readonly": false,
"type": "string", "type": "string",
"default": "", "default": "",
"description": "Color.4 of root" "description": "Color four of root"
} }
] ]
} }

5
packages/core/src/utils/UniqueComponentId.js
View File

@ -1,5 +1,10 @@
import { uuid } from '@primeuix/utils/uuid'; import { uuid } from '@primeuix/utils/uuid';
/**
* @deprecated since v4.3.0. Use `uuid` from @primeuix/utils instead.
* @param {string} prefix
* @return {string}
*/
export default function (prefix = 'pv_id_') { export default function (prefix = 'pv_id_') {
return uuid(prefix); return uuid(prefix);
} }

5
packages/core/src/utils/Utils.d.ts vendored
View File

@ -16,4 +16,9 @@ export declare class HelperSet {
get(parentInstance?: any, slots?: any): any[] | null | undefined; get(parentInstance?: any, slots?: any): any[] | null | undefined;
} }
/**
* @deprecated since v4.3.0. Use `uuid` from @primeuix/utils instead.
* @param {string} prefix
* @return {string}
*/
export declare function UniqueComponentId(prefix?: string): string; export declare function UniqueComponentId(prefix?: string): string;

4
packages/primevue/src/badgedirective/BadgeDirective.js
View File

@ -1,11 +1,11 @@
import { addClass, createElement, hasClass, removeClass } from '@primeuix/utils/dom'; import { addClass, createElement, hasClass, removeClass } from '@primeuix/utils/dom';
import { UniqueComponentId } from '@primevue/core/utils'; import { uuid } from '@primeuix/utils/uuid';
import BaseBadgeDirective from './BaseBadgeDirective'; import BaseBadgeDirective from './BaseBadgeDirective';
const BadgeDirective = BaseBadgeDirective.extend('badge', { const BadgeDirective = BaseBadgeDirective.extend('badge', {
mounted(el, binding) { mounted(el, binding) {
console.warn('Deprecated since v4. Use OverlayBadge component instead.'); console.warn('Deprecated since v4. Use OverlayBadge component instead.');
const id = UniqueComponentId() + '_badge'; const id = uuid('pv_id') + '_badge';
const badge = createElement('span', { const badge = createElement('span', {
id, id,

10
packages/primevue/src/progressspinner/style/ProgressSpinnerStyle.js
View File

@ -31,7 +31,7 @@ const theme = ({ dt }) => `
.p-progressspinner-circle { .p-progressspinner-circle {
stroke-dasharray: 89, 200; stroke-dasharray: 89, 200;
stroke-dashoffset: 0; stroke-dashoffset: 0;
stroke: ${dt('progressspinner.color.1')}; stroke: ${dt('progressspinner.colorOne')};
animation: p-progressspinner-dash 1.5s ease-in-out infinite, p-progressspinner-color 6s ease-in-out infinite; animation: p-progressspinner-dash 1.5s ease-in-out infinite, p-progressspinner-color 6s ease-in-out infinite;
stroke-linecap: round; stroke-linecap: round;
} }
@ -58,17 +58,17 @@ const theme = ({ dt }) => `
@keyframes p-progressspinner-color { @keyframes p-progressspinner-color {
100%, 100%,
0% { 0% {
stroke: ${dt('progressspinner.color.1')}; stroke: ${dt('progressspinner.colorOne')};
} }
40% { 40% {
stroke: ${dt('progressspinner.color.2')}; stroke: ${dt('progressspinner.colorTwo')};
} }
66% { 66% {
stroke: ${dt('progressspinner.color.3')}; stroke: ${dt('progressspinner.colorThree')};
} }
80%, 80%,
90% { 90% {
stroke: ${dt('progressspinner.color.4')}; stroke: ${dt('progressspinner.colorFour')};
} }
} }
`; `;

11
packages/primevue/src/tooltip/Tooltip.js
View File

@ -1,7 +1,8 @@
import { addClass, createElement, fadeIn, findSingle, getAttribute, getOuterHeight, getOuterWidth, getViewport, getWindowScrollLeft, getWindowScrollTop, hasClass, isExist, isTouchDevice, removeClass } from '@primeuix/utils/dom'; import { addClass, createElement, fadeIn, findSingle, getAttribute, getOuterHeight, getOuterWidth, getViewport, getWindowScrollLeft, getWindowScrollTop, hasClass, isExist, isTouchDevice, removeClass } from '@primeuix/utils/dom';
import { isEmpty } from '@primeuix/utils/object'; import { isEmpty } from '@primeuix/utils/object';
import { uuid } from '@primeuix/utils/uuid';
import { ZIndex } from '@primeuix/utils/zindex'; import { ZIndex } from '@primeuix/utils/zindex';
import { ConnectedOverlayScrollHandler, UniqueComponentId } from '@primevue/core/utils'; import { ConnectedOverlayScrollHandler } from '@primevue/core/utils';
import BaseTooltip from './BaseTooltip'; import BaseTooltip from './BaseTooltip';
const Tooltip = BaseTooltip.extend('tooltip', { const Tooltip = BaseTooltip.extend('tooltip', {
@ -17,7 +18,7 @@ const Tooltip = BaseTooltip.extend('tooltip', {
target.$_ptooltipEscape = true; target.$_ptooltipEscape = true;
target.$_ptooltipClass = null; target.$_ptooltipClass = null;
target.$_ptooltipFitContent = true; target.$_ptooltipFitContent = true;
target.$_ptooltipIdAttr = UniqueComponentId() + '_tooltip'; target.$_ptooltipIdAttr = uuid('pv_id') + '_tooltip';
target.$_ptooltipShowDelay = 0; target.$_ptooltipShowDelay = 0;
target.$_ptooltipHideDelay = 0; target.$_ptooltipHideDelay = 0;
target.$_ptooltipAutoHide = true; target.$_ptooltipAutoHide = true;
@ -29,7 +30,7 @@ const Tooltip = BaseTooltip.extend('tooltip', {
target.$_ptooltipEscape = !!options.value.escape === options.value.escape ? options.value.escape : true; target.$_ptooltipEscape = !!options.value.escape === options.value.escape ? options.value.escape : true;
target.$_ptooltipClass = options.value.class || ''; target.$_ptooltipClass = options.value.class || '';
target.$_ptooltipFitContent = !!options.value.fitContent === options.value.fitContent ? options.value.fitContent : true; target.$_ptooltipFitContent = !!options.value.fitContent === options.value.fitContent ? options.value.fitContent : true;
target.$_ptooltipIdAttr = options.value.id || UniqueComponentId() + '_tooltip'; target.$_ptooltipIdAttr = options.value.id || uuid('pv_id') + '_tooltip';
target.$_ptooltipShowDelay = options.value.showDelay || 0; target.$_ptooltipShowDelay = options.value.showDelay || 0;
target.$_ptooltipHideDelay = options.value.hideDelay || 0; target.$_ptooltipHideDelay = options.value.hideDelay || 0;
target.$_ptooltipAutoHide = !!options.value.autoHide === options.value.autoHide ? options.value.autoHide : true; target.$_ptooltipAutoHide = !!options.value.autoHide === options.value.autoHide ? options.value.autoHide : true;
@ -57,7 +58,7 @@ const Tooltip = BaseTooltip.extend('tooltip', {
target.$_ptooltipDisabled = false; target.$_ptooltipDisabled = false;
target.$_ptooltipEscape = true; target.$_ptooltipEscape = true;
target.$_ptooltipClass = null; target.$_ptooltipClass = null;
target.$_ptooltipIdAttr = target.$_ptooltipIdAttr || UniqueComponentId() + '_tooltip'; target.$_ptooltipIdAttr = target.$_ptooltipIdAttr || uuid('pv_id') + '_tooltip';
target.$_ptooltipShowDelay = 0; target.$_ptooltipShowDelay = 0;
target.$_ptooltipHideDelay = 0; target.$_ptooltipHideDelay = 0;
target.$_ptooltipAutoHide = true; target.$_ptooltipAutoHide = true;
@ -74,7 +75,7 @@ const Tooltip = BaseTooltip.extend('tooltip', {
target.$_ptooltipEscape = !!options.value.escape === options.value.escape ? options.value.escape : true; target.$_ptooltipEscape = !!options.value.escape === options.value.escape ? options.value.escape : true;
target.$_ptooltipClass = options.value.class || ''; target.$_ptooltipClass = options.value.class || '';
target.$_ptooltipFitContent = !!options.value.fitContent === options.value.fitContent ? options.value.fitContent : true; target.$_ptooltipFitContent = !!options.value.fitContent === options.value.fitContent ? options.value.fitContent : true;
target.$_ptooltipIdAttr = options.value.id || target.$_ptooltipIdAttr || UniqueComponentId() + '_tooltip'; target.$_ptooltipIdAttr = options.value.id || target.$_ptooltipIdAttr || uuid('pv_id') + '_tooltip';
target.$_ptooltipShowDelay = options.value.showDelay || 0; target.$_ptooltipShowDelay = options.value.showDelay || 0;
target.$_ptooltipHideDelay = options.value.hideDelay || 0; target.$_ptooltipHideDelay = options.value.hideDelay || 0;
target.$_ptooltipAutoHide = !!options.value.autoHide === options.value.autoHide ? options.value.autoHide : true; target.$_ptooltipAutoHide = !!options.value.autoHide === options.value.autoHide ? options.value.autoHide : true;

16
packages/themes/src/presets/aura/progressspinner/index.js
View File

@ -2,18 +2,18 @@ export default {
colorScheme: { colorScheme: {
light: { light: {
root: { root: {
'color.1': '{red.500}', colorOne: '{red.500}',
'color.2': '{blue.500}', colorTwo: '{blue.500}',
'color.3': '{green.500}', colorThree: '{green.500}',
'color.4': '{yellow.500}' colorFour: '{yellow.500}'
} }
}, },
dark: { dark: {
root: { root: {
'color.1': '{red.400}', colorOne: '{red.400}',
'color.2': '{blue.400}', colorTwo: '{blue.400}',
'color.3': '{green.400}', colorThree: '{green.400}',
'color.4': '{yellow.400}' colorFour: '{yellow.400}'
} }
} }
} }

16
packages/themes/src/presets/lara/progressspinner/index.js
View File

@ -2,18 +2,18 @@ export default {
colorScheme: { colorScheme: {
light: { light: {
root: { root: {
'color.1': '{pink.500}', colorOne: '{pink.500}',
'color.2': '{sky.500}', colorTwo: '{sky.500}',
'color.3': '{emerald.500}', colorThree: '{emerald.500}',
'color.4': '{amber.500}' colorFour: '{amber.500}'
} }
}, },
dark: { dark: {
root: { root: {
'color.1': '{pink.400}', colorOne: '{pink.400}',
'color.2': '{sky.400}', colorTwo: '{sky.400}',
'color.3': '{emerald.400}', colorThree: '{emerald.400}',
'color.4': '{amber.400}' colorFour: '{amber.400}'
} }
} }
} }

16
packages/themes/src/presets/material/progressspinner/index.js
View File

@ -2,18 +2,18 @@ export default {
colorScheme: { colorScheme: {
light: { light: {
root: { root: {
'color.1': '{red.500}', colorOne: '{red.500}',
'color.2': '{blue.500}', colorTwo: '{blue.500}',
'color.3': '{green.500}', colorThree: '{green.500}',
'color.4': '{yellow.500}' colorFour: '{yellow.500}'
} }
}, },
dark: { dark: {
root: { root: {
'color.1': '{red.400}', colorOne: '{red.400}',
'color.2': '{blue.400}', colorTwo: '{blue.400}',
'color.3': '{green.400}', colorThree: '{green.400}',
'color.4': '{yellow.400}' colorFour: '{yellow.400}'
} }
} }
} }

16
packages/themes/src/presets/nora/progressspinner/index.js
View File

@ -2,18 +2,18 @@ export default {
colorScheme: { colorScheme: {
light: { light: {
root: { root: {
'color.1': '{red.500}', colorOne: '{red.500}',
'color.2': '{blue.500}', colorTwo: '{blue.500}',
'color.3': '{green.500}', colorThree: '{green.500}',
'color.4': '{yellow.500}' colorFour: '{yellow.500}'
} }
}, },
dark: { dark: {
root: { root: {
'color.1': '{red.400}', colorOne: '{red.400}',
'color.2': '{blue.400}', colorTwo: '{blue.400}',
'color.3': '{green.400}', colorThree: '{green.400}',
'color.4': '{yellow.400}' colorFour: '{yellow.400}'
} }
} }
} }

24
packages/themes/types/progressspinner/index.d.ts vendored
View File

@ -16,28 +16,28 @@ export interface ProgressSpinnerDesignTokens extends ColorSchemeDesignToken<Prog
*/ */
root?: { root?: {
/** /**
* Color.1 of root * Color one of root
* *
* @designToken progressspinner.color.1 * @designToken progressspinner.color.one
*/ */
'color.1'?: string; colorOne?: string;
/** /**
* Color.2 of root * Color two of root
* *
* @designToken progressspinner.color.2 * @designToken progressspinner.color.two
*/ */
'color.2'?: string; colorTwo?: string;
/** /**
* Color.3 of root * Color three of root
* *
* @designToken progressspinner.color.3 * @designToken progressspinner.color.three
*/ */
'color.3'?: string; colorThree?: string;
/** /**
* Color.4 of root * Color four of root
* *
* @designToken progressspinner.color.4 * @designToken progressspinner.color.four
*/ */
'color.4'?: string; colorFour?: string;
}; };
} }