@fewangsit/wangsvue-presets 1.0.80

package/wangsvue/global.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ringClass = void 0;
+exports.ringClass = [
+    {
+        'ring-1 p-[1px]': navigator.userAgent.includes('Firefox'),
+        'ring-[0.5px] p-[0.5px]': !navigator.userAgent.includes('Firefox'),
+    },
+    'ring-inset',
+    'ring-general-400',
+];
+exports.default = {
+    css: "\n    *[data-pd-ripple=\"true\"]{\n        overflow: hidden;\n        position: relative;\n    }\n    span[data-p-ink-active=\"true\"]{\n        animation: ripple 0.4s linear;\n    }\n    @keyframes ripple {\n        100% {\n            opacity: 0;\n            transform: scale(2.5);\n        }\n    }\n\n    .progress-spinner-circle {\n        stroke-dasharray: 89, 400;\n        stroke-dashoffset: 0;\n        animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;\n        stroke-linecap: round;\n    }\n\n    @keyframes p-progress-spinner-dash{\n        0% {\n            stroke-dasharray: 1, 400;\n            stroke-dashoffset: 0;\n        }\n\n        50% {\n            stroke-dasharray: 89, 400;\n            stroke-dashoffset: -35px;\n        }\n        100% {\n            stroke-dasharray: 89, 400;\n            stroke-dashoffset: -124px;\n        }\n    }\n    @keyframes p-progress-spinner-color {\n        100%, 0% {\n            stroke: #ff5757;\n        }\n        40% {\n            stroke: #696cff;\n        }\n        66% {\n            stroke: #1ea97c;\n        }\n        80%, 90% {\n            stroke: #cc8925;\n        }\n    }\n\n    .progressbar-value-animate::after {\n        will-change: left, right;\n        animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n    }\n    .progressbar-value-animate::before {\n        will-change: left, right;\n        animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n    }\n\n    @keyframes p-progressbar-indeterminate-anim {\n        0% {\n            left: -35%;\n            right: 100%;\n        }\n        60% {\n            left: 100%;\n            right: -90%;\n        }\n        100% {\n            left: 100%;\n            right: -90%;\n        }\n    }\n",
+};

package/wangsvue/image/index.d.ts

@@ -0,0 +1,88 @@
+declare namespace _default {
+    function root({ props }: {
+        props: any;
+    }): {
+        class: (string | {
+            'rounded-full': any;
+            'rounded-lg'?: undefined;
+        } | {
+            'rounded-lg': boolean;
+            'rounded-full'?: undefined;
+        })[];
+    };
+    function image({ props }: {
+        props: any;
+    }): {
+        class: (string | {
+            'rounded-full': any;
+            'rounded-lg'?: undefined;
+        } | {
+            'rounded-lg': boolean;
+            'rounded-full'?: undefined;
+        })[];
+    };
+    namespace button {
+        let _class: string[];
+        export { _class as class };
+        export let style: string;
+    }
+    namespace icon {
+        let _class_1: string;
+        export { _class_1 as class };
+    }
+    namespace mask {
+        let _class_2: string[];
+        export { _class_2 as class };
+    }
+    namespace toolbar {
+        let _class_3: string[];
+        export { _class_3 as class };
+    }
+    namespace rotaterightbutton {
+        let _class_4: string[];
+        export { _class_4 as class };
+    }
+    namespace rotaterighticon {
+        let _class_5: string;
+        export { _class_5 as class };
+    }
+    namespace rotateleftbutton {
+        let _class_6: string[];
+        export { _class_6 as class };
+    }
+    namespace rotatelefticon {
+        let _class_7: string;
+        export { _class_7 as class };
+    }
+    namespace zoomoutbutton {
+        let _class_8: string[];
+        export { _class_8 as class };
+    }
+    namespace zoomouticon {
+        let _class_9: string;
+        export { _class_9 as class };
+    }
+    namespace zoominbutton {
+        let _class_10: string[];
+        export { _class_10 as class };
+    }
+    namespace zoominicon {
+        let _class_11: string;
+        export { _class_11 as class };
+    }
+    namespace closebutton {
+        let _class_12: string[];
+        export { _class_12 as class };
+    }
+    namespace closeicon {
+        let _class_13: string;
+        export { _class_13 as class };
+    }
+    namespace transition {
+        let enterFromClass: string;
+        let enterActiveClass: string;
+        let leaveActiveClass: string;
+        let leaveToClass: string;
+    }
+}
+export default _default;

package/wangsvue/image/index.js

@@ -0,0 +1,136 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    root: function (_a) {
+        var props = _a.props;
+        return ({
+            class: [
+                'relative inline-block',
+                'shrink-0',
+                { 'rounded-full': props.rounded },
+                { 'rounded-lg': !props.rounded },
+            ],
+        });
+    },
+    image: function (_a) {
+        var props = _a.props;
+        return ({
+            class: [
+                'w-full h-full object-cover',
+                { 'rounded-full': props.rounded },
+                { 'rounded-lg': !props.rounded },
+            ],
+        });
+    },
+    button: {
+        class: [
+            'flex items-center justify-center',
+            'absolute',
+            'w-full h-full',
+            'inset-0 opacity-0 transition-opacity duration-300',
+            'bg-transparent text-white',
+            'hover:cursor-pointer hover:bg-grayscale-900 hover:opacity-50',
+        ],
+        style: 'border-radius: inherit',
+    },
+    icon: {
+        class: 'w-6 h-6',
+    },
+    mask: {
+        class: [
+            'flex items-center justify-center',
+            'fixed top-0 left-0',
+            'w-full h-full',
+            'bg-grayscale-950/90',
+        ],
+    },
+    toolbar: {
+        class: ['flex', 'absolute top-0 right-0', 'p-4'],
+    },
+    rotaterightbutton: {
+        class: [
+            'z-20',
+            'flex justify-center items-center',
+            'w-6 h-6',
+            'mr-2',
+            'rounded-full',
+            'text-white bg-transparent',
+            'hover:text-white hover:bg-white/10',
+            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50',
+            'transition duration-200 ease-in-out',
+        ],
+    },
+    rotaterighticon: {
+        class: 'w-4 h-4',
+    },
+    rotateleftbutton: {
+        class: [
+            'z-20',
+            'flex justify-center items-center',
+            'w-6 h-6',
+            'mr-2',
+            'rounded-full',
+            'text-white bg-transparent',
+            'hover:text-white hover:bg-white/10',
+            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50',
+            'transition duration-200 ease-in-out',
+        ],
+    },
+    rotatelefticon: {
+        class: 'w-4 h-4',
+    },
+    zoomoutbutton: {
+        class: [
+            'z-20',
+            'flex justify-center items-center',
+            'w-6 h-6',
+            'mr-2',
+            'rounded-full',
+            'text-white bg-transparent',
+            'hover:text-white hover:bg-white/10',
+            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50',
+            'transition duration-200 ease-in-out',
+        ],
+    },
+    zoomouticon: {
+        class: 'w-4 h-4',
+    },
+    zoominbutton: {
+        class: [
+            'z-20',
+            'flex justify-center items-center',
+            'w-6 h-6',
+            'mr-2',
+            'rounded-full',
+            'text-white bg-transparent',
+            'hover:text-white hover:bg-white/10',
+            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50',
+            'transition duration-200 ease-in-out',
+        ],
+    },
+    zoominicon: {
+        class: 'w-4 h-4',
+    },
+    closebutton: {
+        class: [
+            'z-20',
+            'flex justify-center items-center',
+            'w-6 h-6',
+            'mr-2',
+            'rounded-full',
+            'text-white bg-transparent',
+            'hover:text-white hover:bg-white/10',
+            'focus:outline-none focus:outline-offset-0 focus:ring focus:ring-primary-400/50',
+            'transition duration-200 ease-in-out',
+        ],
+    },
+    closeicon: {
+        class: 'w-4 h-4',
+    },
+    transition: {
+        enterFromClass: 'opacity-0 scale-75',
+        enterActiveClass: 'transition-all duration-150 ease-in-out',
+        leaveActiveClass: 'transition-all duration-150 ease-in',
+        leaveToClass: 'opacity-0 scale-75',
+    },
+};

package/wangsvue/index.d.ts

@@ -0,0 +1,190 @@
+export default wangsvue;
+declare namespace wangsvue {
+    export { global };
+    export { directives };
+    export { form };
+    export { autocomplete };
+    export { dropdown };
+    export { inputnumber };
+    export { inputphonenumber };
+    export { inputcurrency };
+    export { inputotp };
+    export { inputtext };
+    export { inputbadge };
+    export { calendar };
+    export { checkbox };
+    export { buttonradio };
+    export { inputswitch };
+    export { selectbutton };
+    export { slider };
+    export { chips };
+    export { rating };
+    export { multiselect };
+    export { togglebutton };
+    export { cascadeselect };
+    export { listbox };
+    export { colorpicker };
+    export { inputgroup };
+    export { inputgroupaddon };
+    export { inputmask };
+    export { knob };
+    export { treeselect };
+    export { tristatecheckbox };
+    export { textarea };
+    export { password };
+    export { validatormessage };
+    export { fileupload };
+    export { button };
+    export { buttondownload };
+    export { buttonbulkaction };
+    export { buttonsearch };
+    export { buttonfilter };
+    export { splitbutton };
+    export { paginator };
+    export { datatable };
+    export { tree };
+    export { dataview };
+    export { dataviewlayoutoptions };
+    export { organizationchart };
+    export { orderlist };
+    export { picklist };
+    export { timeline };
+    export { changelog };
+    export { accordion };
+    export { panel };
+    export { fieldset };
+    export { card };
+    export { tabview };
+    export { divider };
+    export { toolbar };
+    export { scrollpanel };
+    export { contextmenu };
+    export { menu };
+    export { menubar };
+    export { steps };
+    export { breadcrumb };
+    export { tieredmenu };
+    export { panelmenu };
+    export { megamenu };
+    export { dock };
+    export { tabmenu };
+    export { dialog };
+    export { dialogconfirm };
+    export { dialogform };
+    export { overlaypanel };
+    export { sidebar };
+    export { confirmpopup };
+    export { message };
+    export { inlinemessage };
+    export { toast };
+    export { carousel };
+    export { badge };
+    export { badgegroup };
+    export { avatar };
+    export { avatargroup };
+    export { tag };
+    export { chip };
+    export { progressbar };
+    export { skeleton };
+    export { scrolltop };
+    export { terminal };
+    export { image };
+    export { workcalendar };
+}
+import global from './global.js';
+declare namespace directives {
+    export { badgedirective as badge };
+    export { ripple };
+    export { tooltip };
+}
+import form from './form/index';
+import autocomplete from './autocomplete/index.js';
+import dropdown from './dropdown/index.js';
+import inputnumber from './inputnumber/index.js';
+import inputphonenumber from './inputphonenumber/index.js';
+import inputcurrency from './inputcurrency';
+import inputotp from './inputotp/index.js';
+import inputtext from './inputtext/index.js';
+import inputbadge from './inputbadge/index.js';
+import calendar from './calendar/index.js';
+import checkbox from './checkbox/index.js';
+import buttonradio from './buttonradio/index.js';
+import inputswitch from './inputswitch/index.js';
+import selectbutton from './selectbutton/index.js';
+import slider from './slider/index.js';
+import chips from './chips/index.js';
+import rating from './rating/index.js';
+import multiselect from './multiselect/index.js';
+import togglebutton from './togglebutton/index.js';
+import cascadeselect from './cascadeselect/index.js';
+import listbox from './listbox/index.js';
+import colorpicker from './colorpicker/index.js';
+import inputgroup from './inputgroup/index.js';
+import inputgroupaddon from './inputgroupaddon/index.js';
+import inputmask from './inputmask/index.js';
+import knob from './knob/index.js';
+import treeselect from './treeselect/index.js';
+import tristatecheckbox from './tristatecheckbox/index.js';
+import textarea from './textarea/index.js';
+import password from './password/index.js';
+import validatormessage from './validatormessage/index.js';
+import fileupload from './fileupload';
+import button from './button/index.js';
+import buttondownload from './buttondownload/index.js';
+import buttonbulkaction from './buttonbulkaction/index';
+import buttonsearch from './buttonsearch/index.js';
+import buttonfilter from './buttonfilter/index.js';
+import splitbutton from './splitbutton/index.js';
+import paginator from './paginator/index.js';
+import datatable from './datatable/index.js';
+import tree from './tree/index.js';
+import dataview from './dataview/index.js';
+import dataviewlayoutoptions from './dataviewlayoutoptions/index.js';
+import organizationchart from './organizationchart/index.js';
+import orderlist from './orderlist/index.js';
+import picklist from './picklist/index.js';
+import timeline from './timeline/index.js';
+import changelog from './changelog/index.js';
+import accordion from './accordion/index.js';
+import panel from './panel/index.js';
+import fieldset from './fieldset/index.js';
+import card from './card/index.js';
+import tabview from './tabview/index.js';
+import divider from './divider/index.js';
+import toolbar from './toolbar/index.js';
+import scrollpanel from './scrollpanel/index.js';
+import contextmenu from './contextmenu/index.js';
+import menu from './menu/index.js';
+import menubar from './menubar/index.js';
+import steps from './steps/index.js';
+import breadcrumb from './breadcrumb/index.js';
+import tieredmenu from './tieredmenu/index.js';
+import panelmenu from './panelmenu/index.js';
+import megamenu from './megamenu/index.js';
+import dock from './dock/index.js';
+import tabmenu from './tabmenu/index.js';
+import dialog from './dialog/index.js';
+import dialogconfirm from './dialogconfirm/index.js';
+import dialogform from './dialogform/index.js';
+import overlaypanel from './overlaypanel/index.js';
+import sidebar from './sidebar/index.js';
+import confirmpopup from './confirmpopup/index.js';
+import message from './message/index.js';
+import inlinemessage from './inlinemessage/index.js';
+import toast from './toast/index.js';
+import carousel from './carousel/index.js';
+import badge from './badge/index.js';
+import badgegroup from './badgegroup/index.js';
+import avatar from './avatar/index.js';
+import avatargroup from './avatargroup/index.js';
+import tag from './tag/index.js';
+import chip from './chip/index.js';
+import progressbar from './progressbar/index.js';
+import skeleton from './skeleton/index.js';
+import scrolltop from './scrolltop/index.js';
+import terminal from './terminal/index.js';
+import image from './image/index.js';
+import workcalendar from './workcalendar';
+import badgedirective from './badgedirective/index.js';
+import ripple from './ripple/index.js';
+import tooltip from './tooltip/index.js';

package/wangsvue/index.js

@@ -0,0 +1,201 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var index_js_1 = require("./accordion/index.js");
+var index_js_2 = require("./autocomplete/index.js");
+var index_js_3 = require("./avatar/index.js");
+var index_js_4 = require("./avatargroup/index.js");
+var index_js_5 = require("./badge/index.js");
+var index_js_6 = require("./badgedirective/index.js");
+var index_js_7 = require("./button/index.js");
+var index_js_8 = require("./buttondownload/index.js");
+var index_js_9 = require("./buttonfilter/index.js");
+var index_js_10 = require("./buttonsearch/index.js");
+var index_js_11 = require("./calendar/index.js");
+var index_js_12 = require("./card/index.js");
+var index_js_13 = require("./carousel/index.js");
+var index_js_14 = require("./cascadeselect/index.js");
+var index_js_15 = require("./changelog/index.js");
+var index_js_16 = require("./checkbox/index.js");
+var index_js_17 = require("./chip/index.js");
+var index_js_18 = require("./chips/index.js");
+var index_js_19 = require("./colorpicker/index.js");
+var index_js_20 = require("./confirmpopup/index.js");
+var index_js_21 = require("./contextmenu/index.js");
+var index_js_22 = require("./datatable/index.js");
+var index_js_23 = require("./dataview/index.js");
+var index_js_24 = require("./dataviewlayoutoptions/index.js");
+var index_js_25 = require("./dialog/index.js");
+var index_js_26 = require("./dialogconfirm/index.js");
+var index_js_27 = require("./dialogform/index.js");
+var index_js_28 = require("./divider/index.js");
+var index_js_29 = require("./dock/index.js");
+var index_js_30 = require("./dropdown/index.js");
+var index_js_31 = require("./fieldset/index.js");
+var index_1 = require("./form/index");
+var global_js_1 = require("./global.js");
+var index_js_32 = require("./image/index.js");
+var index_js_33 = require("./inlinemessage/index.js");
+var index_js_34 = require("./inputbadge/index.js");
+var index_js_35 = require("./inputgroup/index.js");
+var index_js_36 = require("./inputgroupaddon/index.js");
+var index_js_37 = require("./inputmask/index.js");
+var index_js_38 = require("./inputnumber/index.js");
+var index_js_39 = require("./inputotp/index.js");
+var index_js_40 = require("./inputphonenumber/index.js");
+var index_js_41 = require("./inputswitch/index.js");
+var index_js_42 = require("./inputtext/index.js");
+var index_js_43 = require("./knob/index.js");
+var index_js_44 = require("./listbox/index.js");
+var index_js_45 = require("./megamenu/index.js");
+var index_js_46 = require("./menu/index.js");
+var index_js_47 = require("./menubar/index.js");
+var index_js_48 = require("./message/index.js");
+var index_js_49 = require("./multiselect/index.js");
+var index_js_50 = require("./orderlist/index.js");
+var index_js_51 = require("./organizationchart/index.js");
+var index_js_52 = require("./overlaypanel/index.js");
+var index_js_53 = require("./paginator/index.js");
+var index_js_54 = require("./panel/index.js");
+var index_js_55 = require("./panelmenu/index.js");
+var index_js_56 = require("./password/index.js");
+var index_js_57 = require("./picklist/index.js");
+var index_js_58 = require("./progressbar/index.js");
+var index_js_59 = require("./buttonradio/index.js");
+var index_js_60 = require("./rating/index.js");
+var index_js_61 = require("./ripple/index.js");
+var index_js_62 = require("./scrollpanel/index.js");
+var index_js_63 = require("./scrolltop/index.js");
+var index_js_64 = require("./selectbutton/index.js");
+var index_js_65 = require("./sidebar/index.js");
+var index_js_66 = require("./skeleton/index.js");
+var index_js_67 = require("./slider/index.js");
+var index_js_68 = require("./splitbutton/index.js");
+var index_js_69 = require("./steps/index.js");
+var index_js_70 = require("./tabmenu/index.js");
+var index_js_71 = require("./tabview/index.js");
+var index_js_72 = require("./tag/index.js");
+var index_js_73 = require("./terminal/index.js");
+var index_js_74 = require("./textarea/index.js");
+var index_js_75 = require("./tieredmenu/index.js");
+var index_js_76 = require("./timeline/index.js");
+var index_js_77 = require("./toast/index.js");
+var index_js_78 = require("./togglebutton/index.js");
+var index_js_79 = require("./toolbar/index.js");
+var index_js_80 = require("./tooltip/index.js");
+var index_js_81 = require("./tree/index.js");
+var index_js_82 = require("./treeselect/index.js");
+var index_js_83 = require("./tristatecheckbox/index.js");
+var index_js_84 = require("./validatormessage/index.js");
+var index_2 = require("./buttonbulkaction/index");
+var index_js_85 = require("./badgegroup/index.js");
+var index_js_86 = require("./breadcrumb/index.js");
+var inputcurrency_1 = require("./inputcurrency");
+var fileupload_1 = require("./fileupload");
+var workcalendar_1 = require("./workcalendar");
+var directives = {
+    badge: index_js_6.default,
+    ripple: index_js_61.default,
+    tooltip: index_js_80.default,
+};
+var wangsvue = {
+    global: global_js_1.default,
+    directives: directives,
+    // Forms
+    form: index_1.default,
+    autocomplete: index_js_2.default,
+    dropdown: index_js_30.default,
+    inputnumber: index_js_38.default,
+    inputphonenumber: index_js_40.default,
+    inputcurrency: inputcurrency_1.default,
+    inputotp: index_js_39.default,
+    inputtext: index_js_42.default,
+    inputbadge: index_js_34.default,
+    calendar: index_js_11.default,
+    checkbox: index_js_16.default,
+    buttonradio: index_js_59.default,
+    inputswitch: index_js_41.default,
+    selectbutton: index_js_64.default,
+    slider: index_js_67.default,
+    chips: index_js_18.default,
+    rating: index_js_60.default,
+    multiselect: index_js_49.default,
+    togglebutton: index_js_78.default,
+    cascadeselect: index_js_14.default,
+    listbox: index_js_44.default,
+    colorpicker: index_js_19.default,
+    inputgroup: index_js_35.default,
+    inputgroupaddon: index_js_36.default,
+    inputmask: index_js_37.default,
+    knob: index_js_43.default,
+    treeselect: index_js_82.default,
+    tristatecheckbox: index_js_83.default,
+    textarea: index_js_74.default,
+    password: index_js_56.default,
+    validatormessage: index_js_84.default,
+    fileupload: fileupload_1.default,
+    // Buttons
+    button: index_js_7.default,
+    buttondownload: index_js_8.default,
+    buttonbulkaction: index_2.default,
+    buttonsearch: index_js_10.default,
+    buttonfilter: index_js_9.default,
+    splitbutton: index_js_68.default,
+    // Data
+    paginator: index_js_53.default,
+    datatable: index_js_22.default,
+    tree: index_js_81.default,
+    dataview: index_js_23.default,
+    dataviewlayoutoptions: index_js_24.default,
+    organizationchart: index_js_51.default,
+    orderlist: index_js_50.default,
+    picklist: index_js_57.default,
+    timeline: index_js_76.default,
+    changelog: index_js_15.default,
+    // Panels
+    accordion: index_js_1.default,
+    panel: index_js_54.default,
+    fieldset: index_js_31.default,
+    card: index_js_12.default,
+    tabview: index_js_71.default,
+    divider: index_js_28.default,
+    toolbar: index_js_79.default,
+    scrollpanel: index_js_62.default,
+    // Menu
+    contextmenu: index_js_21.default,
+    menu: index_js_46.default,
+    menubar: index_js_47.default,
+    steps: index_js_69.default,
+    breadcrumb: index_js_86.default,
+    tieredmenu: index_js_75.default,
+    panelmenu: index_js_55.default,
+    megamenu: index_js_45.default,
+    dock: index_js_29.default,
+    tabmenu: index_js_70.default,
+    // Overlays
+    dialog: index_js_25.default,
+    dialogconfirm: index_js_26.default,
+    dialogform: index_js_27.default,
+    overlaypanel: index_js_52.default,
+    sidebar: index_js_65.default,
+    confirmpopup: index_js_20.default,
+    // Messages
+    message: index_js_48.default,
+    inlinemessage: index_js_33.default,
+    toast: index_js_77.default,
+    // Media
+    carousel: index_js_13.default,
+    // Misc
+    badge: index_js_5.default,
+    badgegroup: index_js_85.default,
+    avatar: index_js_3.default,
+    avatargroup: index_js_4.default,
+    tag: index_js_72.default,
+    chip: index_js_17.default,
+    progressbar: index_js_58.default,
+    skeleton: index_js_66.default,
+    scrolltop: index_js_63.default,
+    terminal: index_js_73.default,
+    image: index_js_32.default,
+    workcalendar: workcalendar_1.default,
+};
+exports.default = wangsvue;