@fewangsit/wangsvue-presets 1.0.81-alpha.1 → 1.0.81-alpha.2

package/wangsvue/image/index.js

@@ -1,128 +1,136 @@
-export default {
-  root: ({ props }) => ({
-    class: [
-      'relative inline-block',
-      'shrink-0',
-      { 'rounded-full': props.rounded },
-      { 'rounded-lg': !props.rounded },
-    ],
-  }),
-  image: ({ props }) => ({
-    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',
-  },
-};
+"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';