504 lines
29 KiB
JavaScript
504 lines
29 KiB
JavaScript
import { ThemeService, Theme } from '@primeuix/styled';
|
|
import { findSingle, isElement } from '@primeuix/utils/dom';
|
|
import { resolve, isString, isArray, isNotEmpty, toFlatCase, getKeyValue, isFunction } from '@primeuix/utils/object';
|
|
import Base from '@primevue/core/base';
|
|
import BaseStyle from '@primevue/core/base/style';
|
|
import { useAttrSelector } from '@primevue/core/useattrselector';
|
|
import { mergeProps } from 'vue';
|
|
|
|
var BaseComponentStyle = BaseStyle.extend({
|
|
name: 'common'
|
|
});
|
|
|
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
function _toArray(r) { return _arrayWithHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableRest(); }
|
|
function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
|
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = true, o = false; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = true, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
|
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
var script = {
|
|
name: 'BaseComponent',
|
|
props: {
|
|
pt: {
|
|
type: Object,
|
|
"default": undefined
|
|
},
|
|
ptOptions: {
|
|
type: Object,
|
|
"default": undefined
|
|
},
|
|
unstyled: {
|
|
type: Boolean,
|
|
"default": undefined
|
|
},
|
|
dt: {
|
|
type: Object,
|
|
"default": undefined
|
|
}
|
|
},
|
|
inject: {
|
|
$parentInstance: {
|
|
"default": undefined
|
|
}
|
|
},
|
|
watch: {
|
|
isUnstyled: {
|
|
immediate: true,
|
|
handler: function handler(newValue) {
|
|
ThemeService.off('theme:change', this._loadCoreStyles);
|
|
if (!newValue) {
|
|
this._loadCoreStyles();
|
|
this._themeChangeListener(this._loadCoreStyles); // update styles with theme settings
|
|
}
|
|
}
|
|
},
|
|
dt: {
|
|
immediate: true,
|
|
handler: function handler(newValue, oldValue) {
|
|
var _this = this;
|
|
ThemeService.off('theme:change', this._themeScopedListener);
|
|
if (newValue) {
|
|
this._loadScopedThemeStyles(newValue);
|
|
this._themeScopedListener = function () {
|
|
return _this._loadScopedThemeStyles(newValue);
|
|
};
|
|
this._themeChangeListener(this._themeScopedListener);
|
|
} else {
|
|
this._unloadScopedThemeStyles();
|
|
}
|
|
}
|
|
}
|
|
},
|
|
scopedStyleEl: undefined,
|
|
rootEl: undefined,
|
|
uid: undefined,
|
|
$attrSelector: undefined,
|
|
beforeCreate: function beforeCreate() {
|
|
var _this$pt, _this$pt2, _this$pt3, _ref, _ref$onBeforeCreate, _this$$primevueConfig, _this$$primevue, _this$$primevue2, _this$$primevue3, _ref2, _ref2$onBeforeCreate;
|
|
var _usept = (_this$pt = this.pt) === null || _this$pt === void 0 ? void 0 : _this$pt['_usept'];
|
|
var originalValue = _usept ? (_this$pt2 = this.pt) === null || _this$pt2 === void 0 || (_this$pt2 = _this$pt2.originalValue) === null || _this$pt2 === void 0 ? void 0 : _this$pt2[this.$.type.name] : undefined;
|
|
var value = _usept ? (_this$pt3 = this.pt) === null || _this$pt3 === void 0 || (_this$pt3 = _this$pt3.value) === null || _this$pt3 === void 0 ? void 0 : _this$pt3[this.$.type.name] : this.pt;
|
|
(_ref = value || originalValue) === null || _ref === void 0 || (_ref = _ref.hooks) === null || _ref === void 0 || (_ref$onBeforeCreate = _ref['onBeforeCreate']) === null || _ref$onBeforeCreate === void 0 || _ref$onBeforeCreate.call(_ref);
|
|
var _useptInConfig = (_this$$primevueConfig = this.$primevueConfig) === null || _this$$primevueConfig === void 0 || (_this$$primevueConfig = _this$$primevueConfig.pt) === null || _this$$primevueConfig === void 0 ? void 0 : _this$$primevueConfig['_usept'];
|
|
var originalValueInConfig = _useptInConfig ? (_this$$primevue = this.$primevue) === null || _this$$primevue === void 0 || (_this$$primevue = _this$$primevue.config) === null || _this$$primevue === void 0 || (_this$$primevue = _this$$primevue.pt) === null || _this$$primevue === void 0 ? void 0 : _this$$primevue.originalValue : undefined;
|
|
var valueInConfig = _useptInConfig ? (_this$$primevue2 = this.$primevue) === null || _this$$primevue2 === void 0 || (_this$$primevue2 = _this$$primevue2.config) === null || _this$$primevue2 === void 0 || (_this$$primevue2 = _this$$primevue2.pt) === null || _this$$primevue2 === void 0 ? void 0 : _this$$primevue2.value : (_this$$primevue3 = this.$primevue) === null || _this$$primevue3 === void 0 || (_this$$primevue3 = _this$$primevue3.config) === null || _this$$primevue3 === void 0 ? void 0 : _this$$primevue3.pt;
|
|
(_ref2 = valueInConfig || originalValueInConfig) === null || _ref2 === void 0 || (_ref2 = _ref2[this.$.type.name]) === null || _ref2 === void 0 || (_ref2 = _ref2.hooks) === null || _ref2 === void 0 || (_ref2$onBeforeCreate = _ref2['onBeforeCreate']) === null || _ref2$onBeforeCreate === void 0 || _ref2$onBeforeCreate.call(_ref2);
|
|
this.$attrSelector = useAttrSelector();
|
|
this.uid = this.$attrs.id || this.$attrSelector.replace('pc', 'pv_id_');
|
|
},
|
|
created: function created() {
|
|
this._hook('onCreated');
|
|
},
|
|
beforeMount: function beforeMount() {
|
|
var _this$$el;
|
|
// @deprecated - remove in v5
|
|
this.rootEl = findSingle(isElement(this.$el) ? this.$el : (_this$$el = this.$el) === null || _this$$el === void 0 ? void 0 : _this$$el.parentElement, "[".concat(this.$attrSelector, "]"));
|
|
if (this.rootEl) {
|
|
this.rootEl.$pc = _objectSpread({
|
|
name: this.$.type.name,
|
|
attrSelector: this.$attrSelector
|
|
}, this.$params);
|
|
}
|
|
this._loadStyles();
|
|
this._hook('onBeforeMount');
|
|
},
|
|
mounted: function mounted() {
|
|
this._hook('onMounted');
|
|
},
|
|
beforeUpdate: function beforeUpdate() {
|
|
this._hook('onBeforeUpdate');
|
|
},
|
|
updated: function updated() {
|
|
this._hook('onUpdated');
|
|
},
|
|
beforeUnmount: function beforeUnmount() {
|
|
this._hook('onBeforeUnmount');
|
|
},
|
|
unmounted: function unmounted() {
|
|
this._removeThemeListeners();
|
|
this._unloadScopedThemeStyles();
|
|
this._hook('onUnmounted');
|
|
},
|
|
methods: {
|
|
_hook: function _hook(hookName) {
|
|
if (!this.$options.hostName) {
|
|
var selfHook = this._usePT(this._getPT(this.pt, this.$.type.name), this._getOptionValue, "hooks.".concat(hookName));
|
|
var defaultHook = this._useDefaultPT(this._getOptionValue, "hooks.".concat(hookName));
|
|
selfHook === null || selfHook === void 0 || selfHook();
|
|
defaultHook === null || defaultHook === void 0 || defaultHook();
|
|
}
|
|
},
|
|
_mergeProps: function _mergeProps(fn) {
|
|
for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key2 = 1; _key2 < _len; _key2++) {
|
|
args[_key2 - 1] = arguments[_key2];
|
|
}
|
|
return isFunction(fn) ? fn.apply(void 0, args) : mergeProps.apply(void 0, args);
|
|
},
|
|
_load: function _load() {
|
|
// @todo
|
|
if (!Base.isStyleNameLoaded('base')) {
|
|
BaseStyle.loadCSS(this.$styleOptions);
|
|
this._loadGlobalStyles();
|
|
Base.setLoadedStyleName('base');
|
|
}
|
|
this._loadThemeStyles();
|
|
},
|
|
_loadStyles: function _loadStyles() {
|
|
this._load();
|
|
this._themeChangeListener(this._load);
|
|
},
|
|
_loadCoreStyles: function _loadCoreStyles() {
|
|
var _this$$style, _this$$style2;
|
|
if (!Base.isStyleNameLoaded((_this$$style = this.$style) === null || _this$$style === void 0 ? void 0 : _this$$style.name) && (_this$$style2 = this.$style) !== null && _this$$style2 !== void 0 && _this$$style2.name) {
|
|
BaseComponentStyle.loadCSS(this.$styleOptions);
|
|
this.$options.style && this.$style.loadCSS(this.$styleOptions);
|
|
Base.setLoadedStyleName(this.$style.name);
|
|
}
|
|
},
|
|
_loadGlobalStyles: function _loadGlobalStyles() {
|
|
/*
|
|
* @todo Add self custom css support;
|
|
* <Panel :pt="{ css: `...` }" .../>
|
|
*
|
|
* const selfCSS = this._getPTClassValue(this.pt, 'css', this.$params);
|
|
* const defaultCSS = this._getPTClassValue(this.defaultPT, 'css', this.$params);
|
|
* const mergedCSS = mergeProps(selfCSS, defaultCSS);
|
|
* isNotEmpty(mergedCSS?.class) && this.$css.loadCustomStyle(mergedCSS?.class);
|
|
*/
|
|
|
|
var globalCSS = this._useGlobalPT(this._getOptionValue, 'global.css', this.$params);
|
|
isNotEmpty(globalCSS) && BaseStyle.load(globalCSS, _objectSpread({
|
|
name: 'global'
|
|
}, this.$styleOptions));
|
|
},
|
|
_loadThemeStyles: function _loadThemeStyles() {
|
|
var _this$$style4, _this$$style5;
|
|
if (this.isUnstyled || this.$theme === 'none') return;
|
|
|
|
// common
|
|
if (!Theme.isStyleNameLoaded('common')) {
|
|
var _this$$style3, _this$$style3$getComm;
|
|
var _ref3 = ((_this$$style3 = this.$style) === null || _this$$style3 === void 0 || (_this$$style3$getComm = _this$$style3.getCommonTheme) === null || _this$$style3$getComm === void 0 ? void 0 : _this$$style3$getComm.call(_this$$style3)) || {},
|
|
primitive = _ref3.primitive,
|
|
semantic = _ref3.semantic,
|
|
global = _ref3.global,
|
|
style = _ref3.style;
|
|
BaseStyle.load(primitive === null || primitive === void 0 ? void 0 : primitive.css, _objectSpread({
|
|
name: 'primitive-variables'
|
|
}, this.$styleOptions));
|
|
BaseStyle.load(semantic === null || semantic === void 0 ? void 0 : semantic.css, _objectSpread({
|
|
name: 'semantic-variables'
|
|
}, this.$styleOptions));
|
|
BaseStyle.load(global === null || global === void 0 ? void 0 : global.css, _objectSpread({
|
|
name: 'global-variables'
|
|
}, this.$styleOptions));
|
|
BaseStyle.loadStyle(_objectSpread({
|
|
name: 'global-style'
|
|
}, this.$styleOptions), style);
|
|
Theme.setLoadedStyleName('common');
|
|
}
|
|
|
|
// component
|
|
if (!Theme.isStyleNameLoaded((_this$$style4 = this.$style) === null || _this$$style4 === void 0 ? void 0 : _this$$style4.name) && (_this$$style5 = this.$style) !== null && _this$$style5 !== void 0 && _this$$style5.name) {
|
|
var _this$$style6, _this$$style6$getComp, _this$$style7, _this$$style8;
|
|
var _ref4 = ((_this$$style6 = this.$style) === null || _this$$style6 === void 0 || (_this$$style6$getComp = _this$$style6.getComponentTheme) === null || _this$$style6$getComp === void 0 ? void 0 : _this$$style6$getComp.call(_this$$style6)) || {},
|
|
css = _ref4.css,
|
|
_style = _ref4.style;
|
|
(_this$$style7 = this.$style) === null || _this$$style7 === void 0 || _this$$style7.load(css, _objectSpread({
|
|
name: "".concat(this.$style.name, "-variables")
|
|
}, this.$styleOptions));
|
|
(_this$$style8 = this.$style) === null || _this$$style8 === void 0 || _this$$style8.loadStyle(_objectSpread({
|
|
name: "".concat(this.$style.name, "-style")
|
|
}, this.$styleOptions), _style);
|
|
Theme.setLoadedStyleName(this.$style.name);
|
|
}
|
|
|
|
// layer order
|
|
if (!Theme.isStyleNameLoaded('layer-order')) {
|
|
var _this$$style9, _this$$style9$getLaye;
|
|
var layerOrder = (_this$$style9 = this.$style) === null || _this$$style9 === void 0 || (_this$$style9$getLaye = _this$$style9.getLayerOrderThemeCSS) === null || _this$$style9$getLaye === void 0 ? void 0 : _this$$style9$getLaye.call(_this$$style9);
|
|
BaseStyle.load(layerOrder, _objectSpread({
|
|
name: 'layer-order',
|
|
first: true
|
|
}, this.$styleOptions));
|
|
Theme.setLoadedStyleName('layer-order');
|
|
}
|
|
},
|
|
_loadScopedThemeStyles: function _loadScopedThemeStyles(preset) {
|
|
var _this$$style0, _this$$style0$getPres, _this$$style1;
|
|
var _ref5 = ((_this$$style0 = this.$style) === null || _this$$style0 === void 0 || (_this$$style0$getPres = _this$$style0.getPresetTheme) === null || _this$$style0$getPres === void 0 ? void 0 : _this$$style0$getPres.call(_this$$style0, preset, "[".concat(this.$attrSelector, "]"))) || {},
|
|
css = _ref5.css;
|
|
var scopedStyle = (_this$$style1 = this.$style) === null || _this$$style1 === void 0 ? void 0 : _this$$style1.load(css, _objectSpread({
|
|
name: "".concat(this.$attrSelector, "-").concat(this.$style.name)
|
|
}, this.$styleOptions));
|
|
this.scopedStyleEl = scopedStyle.el;
|
|
},
|
|
_unloadScopedThemeStyles: function _unloadScopedThemeStyles() {
|
|
var _this$scopedStyleEl;
|
|
(_this$scopedStyleEl = this.scopedStyleEl) === null || _this$scopedStyleEl === void 0 || (_this$scopedStyleEl = _this$scopedStyleEl.value) === null || _this$scopedStyleEl === void 0 || _this$scopedStyleEl.remove();
|
|
},
|
|
_themeChangeListener: function _themeChangeListener() {
|
|
var callback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function () {};
|
|
Base.clearLoadedStyleNames();
|
|
ThemeService.on('theme:change', callback);
|
|
},
|
|
_removeThemeListeners: function _removeThemeListeners() {
|
|
ThemeService.off('theme:change', this._loadCoreStyles);
|
|
ThemeService.off('theme:change', this._load);
|
|
ThemeService.off('theme:change', this._themeScopedListener);
|
|
},
|
|
_getHostInstance: function _getHostInstance(instance) {
|
|
return instance ? this.$options.hostName ? instance.$.type.name === this.$options.hostName ? instance : this._getHostInstance(instance.$parentInstance) : instance.$parentInstance : undefined;
|
|
},
|
|
_getPropValue: function _getPropValue(name) {
|
|
var _this$_getHostInstanc;
|
|
return this[name] || ((_this$_getHostInstanc = this._getHostInstance(this)) === null || _this$_getHostInstanc === void 0 ? void 0 : _this$_getHostInstanc[name]);
|
|
},
|
|
_getOptionValue: function _getOptionValue(options) {
|
|
var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
var params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
return getKeyValue(options, key, params);
|
|
},
|
|
_getPTValue: function _getPTValue() {
|
|
var _this$$primevueConfig2;
|
|
var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
var params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
var searchInDefaultPT = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
|
|
var searchOut = /./g.test(key) && !!params[key.split('.')[0]];
|
|
var _ref6 = this._getPropValue('ptOptions') || ((_this$$primevueConfig2 = this.$primevueConfig) === null || _this$$primevueConfig2 === void 0 ? void 0 : _this$$primevueConfig2.ptOptions) || {},
|
|
_ref6$mergeSections = _ref6.mergeSections,
|
|
mergeSections = _ref6$mergeSections === void 0 ? true : _ref6$mergeSections,
|
|
_ref6$mergeProps = _ref6.mergeProps,
|
|
useMergeProps = _ref6$mergeProps === void 0 ? false : _ref6$mergeProps;
|
|
var global = searchInDefaultPT ? searchOut ? this._useGlobalPT(this._getPTClassValue, key, params) : this._useDefaultPT(this._getPTClassValue, key, params) : undefined;
|
|
var self = searchOut ? undefined : this._getPTSelf(obj, this._getPTClassValue, key, _objectSpread(_objectSpread({}, params), {}, {
|
|
global: global || {}
|
|
}));
|
|
var datasets = this._getPTDatasets(key);
|
|
return mergeSections || !mergeSections && self ? useMergeProps ? this._mergeProps(useMergeProps, global, self, datasets) : _objectSpread(_objectSpread(_objectSpread({}, global), self), datasets) : _objectSpread(_objectSpread({}, self), datasets);
|
|
},
|
|
_getPTSelf: function _getPTSelf() {
|
|
var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key3 = 1; _key3 < _len2; _key3++) {
|
|
args[_key3 - 1] = arguments[_key3];
|
|
}
|
|
return mergeProps(this._usePT.apply(this, [this._getPT(obj, this.$name)].concat(args)),
|
|
// Exp; <component :pt="{}"
|
|
this._usePT.apply(this, [this.$_attrsPT].concat(args)) // Exp; <component :pt:[passthrough_key]:[attribute]="{value}" or <component :pt:[passthrough_key]="() =>{value}"
|
|
);
|
|
},
|
|
_getPTDatasets: function _getPTDatasets() {
|
|
var _this$pt4, _this$pt5;
|
|
var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
var datasetPrefix = 'data-pc-';
|
|
var isExtended = key === 'root' && isNotEmpty((_this$pt4 = this.pt) === null || _this$pt4 === void 0 ? void 0 : _this$pt4['data-pc-section']);
|
|
return key !== 'transition' && _objectSpread(_objectSpread({}, key === 'root' && _objectSpread(_objectSpread(_defineProperty({}, "".concat(datasetPrefix, "name"), toFlatCase(isExtended ? (_this$pt5 = this.pt) === null || _this$pt5 === void 0 ? void 0 : _this$pt5['data-pc-section'] : this.$.type.name)), isExtended && _defineProperty({}, "".concat(datasetPrefix, "extend"), toFlatCase(this.$.type.name))), {}, _defineProperty({}, "".concat(this.$attrSelector), ''))), {}, _defineProperty({}, "".concat(datasetPrefix, "section"), toFlatCase(key)));
|
|
},
|
|
_getPTClassValue: function _getPTClassValue() {
|
|
var value = this._getOptionValue.apply(this, arguments);
|
|
return isString(value) || isArray(value) ? {
|
|
"class": value
|
|
} : value;
|
|
},
|
|
_getPT: function _getPT(pt) {
|
|
var _this2 = this;
|
|
var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
var callback = arguments.length > 2 ? arguments[2] : undefined;
|
|
var getValue = function getValue(value) {
|
|
var _ref8;
|
|
var checkSameKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
var computedValue = callback ? callback(value) : value;
|
|
var _key = toFlatCase(key);
|
|
var _cKey = toFlatCase(_this2.$name);
|
|
return (_ref8 = checkSameKey ? _key !== _cKey ? computedValue === null || computedValue === void 0 ? void 0 : computedValue[_key] : undefined : computedValue === null || computedValue === void 0 ? void 0 : computedValue[_key]) !== null && _ref8 !== void 0 ? _ref8 : computedValue;
|
|
};
|
|
return pt !== null && pt !== void 0 && pt.hasOwnProperty('_usept') ? {
|
|
_usept: pt['_usept'],
|
|
originalValue: getValue(pt.originalValue),
|
|
value: getValue(pt.value)
|
|
} : getValue(pt, true);
|
|
},
|
|
_usePT: function _usePT(pt, callback, key, params) {
|
|
var fn = function fn(value) {
|
|
return callback(value, key, params);
|
|
};
|
|
if (pt !== null && pt !== void 0 && pt.hasOwnProperty('_usept')) {
|
|
var _this$$primevueConfig3;
|
|
var _ref9 = pt['_usept'] || ((_this$$primevueConfig3 = this.$primevueConfig) === null || _this$$primevueConfig3 === void 0 ? void 0 : _this$$primevueConfig3.ptOptions) || {},
|
|
_ref9$mergeSections = _ref9.mergeSections,
|
|
mergeSections = _ref9$mergeSections === void 0 ? true : _ref9$mergeSections,
|
|
_ref9$mergeProps = _ref9.mergeProps,
|
|
useMergeProps = _ref9$mergeProps === void 0 ? false : _ref9$mergeProps;
|
|
var originalValue = fn(pt.originalValue);
|
|
var value = fn(pt.value);
|
|
if (originalValue === undefined && value === undefined) return undefined;else if (isString(value)) return value;else if (isString(originalValue)) return originalValue;
|
|
return mergeSections || !mergeSections && value ? useMergeProps ? this._mergeProps(useMergeProps, originalValue, value) : _objectSpread(_objectSpread({}, originalValue), value) : value;
|
|
}
|
|
return fn(pt);
|
|
},
|
|
_useGlobalPT: function _useGlobalPT(callback, key, params) {
|
|
return this._usePT(this.globalPT, callback, key, params);
|
|
},
|
|
_useDefaultPT: function _useDefaultPT(callback, key, params) {
|
|
return this._usePT(this.defaultPT, callback, key, params);
|
|
},
|
|
ptm: function ptm() {
|
|
var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
return this._getPTValue(this.pt, key, _objectSpread(_objectSpread({}, this.$params), params));
|
|
},
|
|
ptmi: function ptmi() {
|
|
var _attrs$id;
|
|
var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
// inheritAttrs:true
|
|
var attrs = mergeProps(this.$_attrsWithoutPT, this.ptm(key, params));
|
|
(attrs === null || attrs === void 0 ? void 0 : attrs.hasOwnProperty('id')) && ((_attrs$id = attrs.id) !== null && _attrs$id !== void 0 ? _attrs$id : attrs.id = this.$id);
|
|
return attrs;
|
|
},
|
|
ptmo: function ptmo() {
|
|
var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
var params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
return this._getPTValue(obj, key, _objectSpread({
|
|
instance: this
|
|
}, params), false);
|
|
},
|
|
cx: function cx() {
|
|
var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
return !this.isUnstyled ? this._getOptionValue(this.$style.classes, key, _objectSpread(_objectSpread({}, this.$params), params)) : undefined;
|
|
},
|
|
sx: function sx() {
|
|
var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
var when = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
var params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
if (when) {
|
|
var self = this._getOptionValue(this.$style.inlineStyles, key, _objectSpread(_objectSpread({}, this.$params), params));
|
|
var base = this._getOptionValue(BaseComponentStyle.inlineStyles, key, _objectSpread(_objectSpread({}, this.$params), params));
|
|
return [base, self];
|
|
}
|
|
return undefined;
|
|
}
|
|
},
|
|
computed: {
|
|
globalPT: function globalPT() {
|
|
var _this$$primevueConfig4,
|
|
_this3 = this;
|
|
return this._getPT((_this$$primevueConfig4 = this.$primevueConfig) === null || _this$$primevueConfig4 === void 0 ? void 0 : _this$$primevueConfig4.pt, undefined, function (value) {
|
|
return resolve(value, {
|
|
instance: _this3
|
|
});
|
|
});
|
|
},
|
|
defaultPT: function defaultPT() {
|
|
var _this$$primevueConfig5,
|
|
_this4 = this;
|
|
return this._getPT((_this$$primevueConfig5 = this.$primevueConfig) === null || _this$$primevueConfig5 === void 0 ? void 0 : _this$$primevueConfig5.pt, undefined, function (value) {
|
|
return _this4._getOptionValue(value, _this4.$name, _objectSpread({}, _this4.$params)) || resolve(value, _objectSpread({}, _this4.$params));
|
|
});
|
|
},
|
|
isUnstyled: function isUnstyled() {
|
|
var _this$$primevueConfig6;
|
|
return this.unstyled !== undefined ? this.unstyled : (_this$$primevueConfig6 = this.$primevueConfig) === null || _this$$primevueConfig6 === void 0 ? void 0 : _this$$primevueConfig6.unstyled;
|
|
},
|
|
$id: function $id() {
|
|
return this.$attrs.id || this.uid;
|
|
},
|
|
$inProps: function $inProps() {
|
|
var _this$$$vnode;
|
|
var nodePropKeys = Object.keys(((_this$$$vnode = this.$.vnode) === null || _this$$$vnode === void 0 ? void 0 : _this$$$vnode.props) || {});
|
|
return Object.fromEntries(Object.entries(this.$props).filter(function (_ref0) {
|
|
var _ref1 = _slicedToArray(_ref0, 1),
|
|
k = _ref1[0];
|
|
return nodePropKeys === null || nodePropKeys === void 0 ? void 0 : nodePropKeys.includes(k);
|
|
}));
|
|
},
|
|
$theme: function $theme() {
|
|
var _this$$primevueConfig7;
|
|
return (_this$$primevueConfig7 = this.$primevueConfig) === null || _this$$primevueConfig7 === void 0 ? void 0 : _this$$primevueConfig7.theme;
|
|
},
|
|
$style: function $style() {
|
|
return _objectSpread(_objectSpread({
|
|
classes: undefined,
|
|
inlineStyles: undefined,
|
|
load: function load() {},
|
|
loadCSS: function loadCSS() {},
|
|
loadStyle: function loadStyle() {}
|
|
}, (this._getHostInstance(this) || {}).$style), this.$options.style);
|
|
},
|
|
$styleOptions: function $styleOptions() {
|
|
var _this$$primevueConfig8;
|
|
return {
|
|
nonce: (_this$$primevueConfig8 = this.$primevueConfig) === null || _this$$primevueConfig8 === void 0 || (_this$$primevueConfig8 = _this$$primevueConfig8.csp) === null || _this$$primevueConfig8 === void 0 ? void 0 : _this$$primevueConfig8.nonce
|
|
};
|
|
},
|
|
$primevueConfig: function $primevueConfig() {
|
|
var _this$$primevue4;
|
|
return (_this$$primevue4 = this.$primevue) === null || _this$$primevue4 === void 0 ? void 0 : _this$$primevue4.config;
|
|
},
|
|
$name: function $name() {
|
|
return this.$options.hostName || this.$.type.name;
|
|
},
|
|
$params: function $params() {
|
|
var parentInstance = this._getHostInstance(this) || this.$parent;
|
|
return {
|
|
instance: this,
|
|
props: this.$props,
|
|
state: this.$data,
|
|
attrs: this.$attrs,
|
|
parent: {
|
|
instance: parentInstance,
|
|
props: parentInstance === null || parentInstance === void 0 ? void 0 : parentInstance.$props,
|
|
state: parentInstance === null || parentInstance === void 0 ? void 0 : parentInstance.$data,
|
|
attrs: parentInstance === null || parentInstance === void 0 ? void 0 : parentInstance.$attrs
|
|
}
|
|
};
|
|
},
|
|
$_attrsPT: function $_attrsPT() {
|
|
return Object.entries(this.$attrs || {}).filter(function (_ref10) {
|
|
var _ref11 = _slicedToArray(_ref10, 1),
|
|
key = _ref11[0];
|
|
return key === null || key === void 0 ? void 0 : key.startsWith('pt:');
|
|
}).reduce(function (result, _ref12) {
|
|
var _ref13 = _slicedToArray(_ref12, 2),
|
|
key = _ref13[0],
|
|
value = _ref13[1];
|
|
var _key$split = key.split(':'),
|
|
_key$split2 = _toArray(_key$split),
|
|
rest = _arrayLikeToArray(_key$split2).slice(1);
|
|
rest === null || rest === void 0 || rest.reduce(function (currentObj, nestedKey, index, array) {
|
|
!currentObj[nestedKey] && (currentObj[nestedKey] = index === array.length - 1 ? value : {});
|
|
return currentObj[nestedKey];
|
|
}, result);
|
|
return result;
|
|
}, {});
|
|
},
|
|
$_attrsWithoutPT: function $_attrsWithoutPT() {
|
|
return Object.entries(this.$attrs || {}).filter(function (_ref14) {
|
|
var _ref15 = _slicedToArray(_ref14, 1),
|
|
key = _ref15[0];
|
|
return !(key !== null && key !== void 0 && key.startsWith('pt:'));
|
|
}).reduce(function (acc, _ref16) {
|
|
var _ref17 = _slicedToArray(_ref16, 2),
|
|
key = _ref17[0],
|
|
value = _ref17[1];
|
|
acc[key] = value;
|
|
return acc;
|
|
}, {});
|
|
}
|
|
}
|
|
};
|
|
|
|
export { script as default };
|
|
//# sourceMappingURL=index.mjs.map
|