primevue
Version:
PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc
2 lines (1 loc) • 16.6 kB
JavaScript
import n from"primevue/base/style";import{ObjectUtils as t}from"primevue/utils";import{mergeProps as e}from"vue";import{useStyle as o}from"primevue/usestyle";function i(n){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},i(n)}function l(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.push.apply(e,o)}return e}function r(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?l(Object(e),!0).forEach((function(t){a(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):l(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}function a(n,t,e){var o;return(t="symbol"==i(o=s(t,"string"))?o:String(o))in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}function s(n,t){if("object"!=i(n)||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var o=e.call(n,t||"default");if("object"!=i(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(n)}var p="\n@layer primevue {\n.p-component, .p-component * {\n box-sizing: border-box;\n}\n\n.p-hidden-space {\n visibility: hidden;\n}\n\n.p-reset {\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n text-decoration: none;\n font-size: 100%;\n list-style: none;\n}\n\n.p-disabled, .p-disabled * {\n cursor: default;\n pointer-events: none;\n user-select: none;\n}\n\n.p-component-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.p-unselectable-text {\n user-select: none;\n}\n\n.p-sr-only {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n word-wrap: normal;\n}\n\n.p-link {\n\ttext-align: left;\n\tbackground-color: transparent;\n\tmargin: 0;\n\tpadding: 0;\n\tborder: none;\n cursor: pointer;\n user-select: none;\n}\n\n.p-link:disabled {\n\tcursor: default;\n}\n\n/* Non vue overlay animations */\n.p-connected-overlay {\n opacity: 0;\n transform: scaleY(0.8);\n transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-connected-overlay-visible {\n opacity: 1;\n transform: scaleY(1);\n}\n\n.p-connected-overlay-hidden {\n opacity: 0;\n transform: scaleY(1);\n transition: opacity .1s linear;\n}\n\n/* Vue based overlay animations */\n.p-connected-overlay-enter-from {\n opacity: 0;\n transform: scaleY(0.8);\n}\n\n.p-connected-overlay-leave-to {\n opacity: 0;\n}\n\n.p-connected-overlay-enter-active {\n transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-connected-overlay-leave-active {\n transition: opacity .1s linear;\n}\n\n/* Toggleable Content */\n.p-toggleable-content-enter-from,\n.p-toggleable-content-leave-to {\n max-height: 0;\n}\n\n.p-toggleable-content-enter-to,\n.p-toggleable-content-leave-from {\n max-height: 1000px;\n}\n\n.p-toggleable-content-leave-active {\n overflow: hidden;\n transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n}\n\n.p-toggleable-content-enter-active {\n overflow: hidden;\n transition: max-height 1s ease-in-out;\n}\n".concat("\n.p-button {\n display: inline-flex;\n cursor: pointer;\n user-select: none;\n align-items: center;\n vertical-align: bottom;\n text-align: center;\n overflow: hidden;\n position: relative;\n}\n\n.p-button-label {\n flex: 1 1 auto;\n}\n\n.p-button-icon-right {\n order: 1;\n}\n\n.p-button:disabled {\n cursor: default;\n}\n\n.p-button-icon-only {\n justify-content: center;\n}\n\n.p-button-icon-only .p-button-label {\n visibility: hidden;\n width: 0;\n flex: 0 0 auto;\n}\n\n.p-button-vertical {\n flex-direction: column;\n}\n\n.p-button-icon-bottom {\n order: 2;\n}\n\n.p-buttonset .p-button {\n margin: 0;\n}\n\n.p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {\n border-right: 0 none;\n}\n\n.p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {\n border-radius: 0;\n}\n\n.p-buttonset .p-button:first-of-type:not(:only-of-type) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.p-buttonset .p-button:last-of-type:not(:only-of-type) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.p-buttonset .p-button:focus {\n position: relative;\n z-index: 1;\n}\n","\n").concat("\n.p-checkbox {\n display: inline-flex;\n cursor: pointer;\n user-select: none;\n vertical-align: bottom;\n position: relative;\n}\n\n.p-checkbox.p-checkbox-disabled {\n cursor: default;\n}\n\n.p-checkbox-box {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n","\n").concat("\n.p-fluid .p-inputtext {\n width: 100%;\n}\n\n/* InputGroup */\n.p-inputgroup {\n display: flex;\n align-items: stretch;\n width: 100%;\n}\n\n.p-inputgroup-addon {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-inputgroup .p-float-label {\n display: flex;\n align-items: stretch;\n width: 100%;\n}\n\n.p-inputgroup .p-inputtext,\n.p-fluid .p-inputgroup .p-inputtext,\n.p-inputgroup .p-inputwrapper,\n.p-fluid .p-inputgroup .p-input {\n flex: 1 1 auto;\n width: 1%;\n}\n\n/* Floating Label */\n.p-float-label {\n display: block;\n position: relative;\n}\n\n.p-float-label label {\n position: absolute;\n pointer-events: none;\n top: 50%;\n margin-top: -.5rem;\n transition-property: all;\n transition-timing-function: ease;\n line-height: 1;\n}\n\n.p-float-label textarea ~ label {\n top: 1rem;\n}\n\n.p-float-label input:focus ~ label,\n.p-float-label input.p-filled ~ label,\n.p-float-label input:-webkit-autofill ~ label,\n.p-float-label textarea:focus ~ label,\n.p-float-label textarea.p-filled ~ label,\n.p-float-label .p-inputwrapper-focus ~ label,\n.p-float-label .p-inputwrapper-filled ~ label {\n top: -.75rem;\n font-size: 12px;\n}\n\n\n.p-float-label .p-placeholder,\n.p-float-label input::placeholder,\n.p-float-label .p-inputtext::placeholder {\n opacity: 0;\n transition-property: all;\n transition-timing-function: ease;\n}\n\n.p-float-label .p-focus .p-placeholder,\n.p-float-label input:focus::placeholder,\n.p-float-label .p-inputtext:focus::placeholder {\n opacity: 1;\n transition-property: all;\n transition-timing-function: ease;\n}\n\n.p-input-icon-left,\n.p-input-icon-right {\n position: relative;\n display: inline-block;\n}\n\n.p-input-icon-left > i,\n.p-input-icon-left > svg,\n.p-input-icon-right > i,\n.p-input-icon-right > svg {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n}\n\n.p-fluid .p-input-icon-left,\n.p-fluid .p-input-icon-right {\n display: block;\n width: 100%;\n}\n","\n").concat("\n.p-radiobutton {\n position: relative;\n display: inline-flex;\n cursor: pointer;\n user-select: none;\n vertical-align: bottom;\n}\n\n.p-radiobutton.p-radiobutton-disabled {\n cursor: default;\n}\n\n.p-radiobutton-box {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.p-radiobutton-icon {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n transform: translateZ(0) scale(.1);\n border-radius: 50%;\n visibility: hidden;\n}\n\n.p-radiobutton-box.p-highlight .p-radiobutton-icon {\n transform: translateZ(0) scale(1.0, 1.0);\n visibility: visible;\n}\n","\n}\n"),u=n.extend({name:"common",css:p,loadGlobalStyle:function(n){return o(n,r({name:"global"},arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}))}});function c(n){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},c(n)}function d(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.push.apply(e,o)}return e}function f(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?d(Object(e),!0).forEach((function(t){v(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):d(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}function v(n,t,e){var o;return(t="symbol"==c(o=b(t,"string"))?o:String(o))in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}function b(n,t){if("object"!=c(n)||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var o=e.call(n,t||"default");if("object"!=c(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(n)}var h={name:"BaseComponent",props:{pt:{type:Object,default:void 0},ptOptions:{type:Object,default:void 0},unstyled:{type:Boolean,default:void 0}},inject:{$parentInstance:{default:void 0}},watch:{isUnstyled:{immediate:!0,handler:function(n){var t,e;n||(u.loadStyle({nonce:null===(t=this.$config)||void 0===t||null===(t=t.csp)||void 0===t?void 0:t.nonce}),this.$options.style&&this.$style.loadStyle({nonce:null===(e=this.$config)||void 0===e||null===(e=e.csp)||void 0===e?void 0:e.nonce}))}}},beforeCreate:function(){var n,t,e,o,i,l,r,a,s,p,u,c=null===(n=this.pt)||void 0===n?void 0:n._usept,d=c?null===(t=this.pt)||void 0===t||null===(t=t.originalValue)||void 0===t?void 0:t[this.$.type.name]:void 0;null===(o=(c?null===(e=this.pt)||void 0===e||null===(e=e.value)||void 0===e?void 0:e[this.$.type.name]:this.pt)||d)||void 0===o||null===(o=o.hooks)||void 0===o||null===(i=o.onBeforeCreate)||void 0===i||i.call(o);var f=null===(l=this.$config)||void 0===l||null===(l=l.pt)||void 0===l?void 0:l._usept,v=f?null===(r=this.$primevue)||void 0===r||null===(r=r.config)||void 0===r||null===(r=r.pt)||void 0===r?void 0:r.originalValue:void 0;null===(p=(f?null===(a=this.$primevue)||void 0===a||null===(a=a.config)||void 0===a||null===(a=a.pt)||void 0===a?void 0:a.value:null===(s=this.$primevue)||void 0===s||null===(s=s.config)||void 0===s?void 0:s.pt)||v)||void 0===p||null===(p=p[this.$.type.name])||void 0===p||null===(p=p.hooks)||void 0===p||null===(u=p.onBeforeCreate)||void 0===u||u.call(p)},created:function(){this._hook("onCreated")},beforeMount:function(){var t;n.loadStyle({nonce:null===(t=this.$config)||void 0===t||null===(t=t.csp)||void 0===t?void 0:t.nonce}),this._loadGlobalStyles(),this._hook("onBeforeMount")},mounted:function(){this._hook("onMounted")},beforeUpdate:function(){this._hook("onBeforeUpdate")},updated:function(){this._hook("onUpdated")},beforeUnmount:function(){this._hook("onBeforeUnmount")},unmounted:function(){this._hook("onUnmounted")},methods:{_hook:function(n){if(!this.$options.hostName){var t=this._usePT(this._getPT(this.pt,this.$.type.name),this._getOptionValue,"hooks.".concat(n)),e=this._useDefaultPT(this._getOptionValue,"hooks.".concat(n));null==t||t(),null==e||e()}},_loadGlobalStyles:function(){var n,e=this._useGlobalPT(this._getOptionValue,"global.css",this.$params);t.isNotEmpty(e)&&u.loadGlobalStyle(e,{nonce:null===(n=this.$config)||void 0===n||null===(n=n.csp)||void 0===n?void 0:n.nonce})},_getHostInstance:function(n){return n?this.$options.hostName?n.$.type.name===this.$options.hostName?n:this._getHostInstance(n.$parentInstance):n.$parentInstance:void 0},_getPropValue:function(n){var t;return this[n]||(null===(t=this._getHostInstance(this))||void 0===t?void 0:t[n])},_getOptionValue:function(n){var e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=t.toFlatCase(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"").split("."),i=o.shift();return i?t.isObject(n)?this._getOptionValue(t.getItemValue(n[Object.keys(n).find((function(n){return t.toFlatCase(n)===i}))||""],e),o.join("."),e):void 0:t.getItemValue(n,e)},_getPTValue:function(){var n,o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],a="data-pc-",s=/./g.test(i)&&!!l[i.split(".")[0]],p=this._getPropValue("ptOptions")||(null===(n=this.$config)||void 0===n?void 0:n.ptOptions)||{},u=p.mergeSections,c=void 0===u||u,d=p.mergeProps,b=void 0!==d&&d,h=r?s?this._useGlobalPT(this._getPTClassValue,i,l):this._useDefaultPT(this._getPTClassValue,i,l):void 0,g=s?void 0:this._usePT(this._getPT(o,this.$name),this._getPTClassValue,i,f(f({},l),{},{global:h||{}})),y="transition"!==i&&f(f({},"root"===i&&v({},"".concat(a,"name"),t.toFlatCase(this.$.type.name))),{},v({},"".concat(a,"section"),t.toFlatCase(i)));return c||!c&&g?b?e(h,g,y):f(f(f({},h),g),y):f(f({},g),y)},_getPTClassValue:function(){var n=this._getOptionValue.apply(this,arguments);return t.isString(n)||t.isArray(n)?{class:n}:n},_getPT:function(n){var e=this,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",i=arguments.length>2?arguments[2]:void 0,l=function(n){var l,r=arguments.length>1&&void 0!==arguments[1]&&arguments[1],a=i?i(n):n,s=t.toFlatCase(o),p=t.toFlatCase(e.$name);return null!==(l=r?s!==p?null==a?void 0:a[s]:void 0:null==a?void 0:a[s])&&void 0!==l?l:a};return null!=n&&n.hasOwnProperty("_usept")?{_usept:n._usept,originalValue:l(n.originalValue),value:l(n.value)}:l(n,!0)},_usePT:function(n,o,i,l){var r=function(n){return o(n,i,l)};if(null!=n&&n.hasOwnProperty("_usept")){var a,s=n._usept||(null===(a=this.$config)||void 0===a?void 0:a.ptOptions)||{},p=s.mergeSections,u=void 0===p||p,c=s.mergeProps,d=void 0!==c&&c,v=r(n.originalValue),b=r(n.value);if(void 0===v&&void 0===b)return;return t.isString(b)?b:t.isString(v)?v:u||!u&&b?d?e(v,b):f(f({},v),b):b}return r(n)},_useGlobalPT:function(n,t,e){return this._usePT(this.globalPT,n,t,e)},_useDefaultPT:function(n,t,e){return this._usePT(this.defaultPT,n,t,e)},ptm:function(){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this._getPTValue(this.pt,arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",f(f({},this.$params),n))},ptmo:function(){return this._getPTValue(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",f({instance:this},arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}),!1)},cx:function(){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.isUnstyled?void 0:this._getOptionValue(this.$style.classes,arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",f(f({},this.$params),n))},sx:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(!(arguments.length>1&&void 0!==arguments[1])||arguments[1]){var e=this._getOptionValue(this.$style.inlineStyles,n,f(f({},this.$params),t));return[this._getOptionValue(u.inlineStyles,n,f(f({},this.$params),t)),e]}}},computed:{globalPT:function(){var n,e=this;return this._getPT(null===(n=this.$config)||void 0===n?void 0:n.pt,void 0,(function(n){return t.getItemValue(n,{instance:e})}))},defaultPT:function(){var n,e=this;return this._getPT(null===(n=this.$config)||void 0===n?void 0:n.pt,void 0,(function(n){return e._getOptionValue(n,e.$name,f({},e.$params))||t.getItemValue(n,f({},e.$params))}))},isUnstyled:function(){var n;return void 0!==this.unstyled?this.unstyled:null===(n=this.$config)||void 0===n?void 0:n.unstyled},$params:function(){var n=this._getHostInstance(this)||this.$parent;return{instance:this,props:this.$props,state:this.$data,attrs:this.$attrs,parent:{instance:n,props:null==n?void 0:n.$props,state:null==n?void 0:n.$data,attrs:null==n?void 0:n.$attrs},parentInstance:n}},$style:function(){return f(f({classes:void 0,inlineStyles:void 0,loadStyle:function(){},loadCustomStyle:function(){}},(this._getHostInstance(this)||{}).$style),this.$options.style)},$config:function(){var n;return null===(n=this.$primevue)||void 0===n?void 0:n.config},$name:function(){return this.$options.hostName||this.$.type.name}}};export{h as default};