@fy-/fws-vue 0.3.0 → 0.3.1

package/presets/Wind/index.js

@@ -1,181 +0,0 @@
-import global from "./global.js";
-import autocomplete from "./autocomplete/index.js";
-import calendar from "./calendar/index.js";
-import cascadeselect from "./cascadeselect/index.js";
-import checkbox from "./checkbox/index.js";
-import chips from "./chips/index.js";
-import colorpicker from "./colorpicker/index.js";
-import dropdown from "./dropdown/index.js";
-import floatlabel from "./floatlabel/index.js";
-import iconfield from "./iconfield/index.js";
-import inputgroup from "./inputgroup/index.js";
-import inputotp from "./inputotp/index.js";
-import inputgroupaddon from "./inputgroupaddon/index.js";
-import inputmask from "./inputmask/index.js";
-import inputnumber from "./inputnumber/index.js";
-import inputswitch from "./inputswitch/index.js";
-import inputtext from "./inputtext/index.js";
-import knob from "./knob/index.js";
-import listbox from "./listbox/index.js";
-import multiselect from "./multiselect/index.js";
-import password from "./password/index.js";
-import radiobutton from "./radiobutton/index.js";
-import rating from "./rating/index.js";
-import selectbutton from "./selectbutton/index.js";
-import slider from "./slider/index.js";
-import textarea from "./textarea/index.js";
-import togglebutton from "./togglebutton/index.js";
-import treeselect from "./treeselect/index.js";
-import tristatecheckbox from "./tristatecheckbox/index.js";
-import button from "./button/index.js";
-import speeddial from "./speeddial/index.js";
-import splitbutton from "./splitbutton/index.js";
-import datatable from "./datatable/index.js";
-import dataview from "./dataview/index.js";
-import orderlist from "./orderlist/index.js";
-import organizationchart from "./organizationchart/index.js";
-import paginator from "./paginator/index.js";
-import picklist from "./picklist/index.js";
-import tree from "./tree/index.js";
-import treetable from "./treetable/index.js";
-import timeline from "./timeline/index.js";
-import accordion from "./accordion/index.js";
-import card from "./card/index.js";
-import deferred from "./deferred/index.js";
-import divider from "./divider/index.js";
-import fieldset from "./fieldset/index.js";
-import panel from "./panel/index.js";
-import scrollpanel from "./scrollpanel/index.js";
-import splitter from "./splitter/index.js";
-import stepper from "./stepper/index.js";
-import tabview from "./tabview/index.js";
-import toolbar from "./toolbar/index.js";
-import confirmpopup from "./confirmpopup/index.js";
-import dialog from "./dialog/index.js";
-import overlaypanel from "./overlaypanel/index.js";
-import sidebar from "./sidebar/index.js";
-import tooltip from "./tooltip/index.js";
-import fileupload from "./fileupload/index.js";
-import breadcrumb from "./breadcrumb/index.js";
-import contextmenu from "./contextmenu/index.js";
-import dock from "./dock/index.js";
-import menu from "./menu/index.js";
-import menubar from "./menubar/index.js";
-import megamenu from "./megamenu/index.js";
-import panelmenu from "./panelmenu/index.js";
-import steps from "./steps/index.js";
-import tabmenu from "./tabmenu/index.js";
-import tieredmenu from "./tieredmenu/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 galleria from "./galleria/index.js";
-import image from "./image/index.js";
-import avatar from "./avatar/index.js";
-import badge from "./badge/index.js";
-import badgedirective from "./badgedirective/index.js";
-import blockui from "./blockui/index.js";
-import chip from "./chip/index.js";
-import inplace from "./inplace/index.js";
-import metergroup from "./metergroup/index.js";
-import scrolltop from "./scrolltop/index.js";
-import skeleton from "./skeleton/index.js";
-import progressbar from "./progressbar/index.js";
-import progressspinner from "./progressspinner/index.js";
-import ripple from "./ripple/index.js";
-import tag from "./tag/index.js";
-import terminal from "./terminal/index.js";
-
-export default {
-  global,
-  directives: {
-    tooltip,
-    badgedirective,
-    ripple,
-  },
-  autocomplete,
-  calendar,
-  cascadeselect,
-  checkbox,
-  chips,
-  colorpicker,
-  dropdown,
-  floatlabel,
-  iconfield,
-  inputgroup,
-  inputotp,
-  inputgroupaddon,
-  inputmask,
-  inputnumber,
-  inputswitch,
-  inputtext,
-  knob,
-  listbox,
-  multiselect,
-  password,
-  radiobutton,
-  rating,
-  selectbutton,
-  slider,
-  textarea,
-  togglebutton,
-  treeselect,
-  tristatecheckbox,
-  button,
-  speeddial,
-  splitbutton,
-  datatable,
-  dataview,
-  orderlist,
-  organizationchart,
-  paginator,
-  picklist,
-  tree,
-  treetable,
-  timeline,
-  accordion,
-  card,
-  deferred,
-  divider,
-  fieldset,
-  panel,
-  scrollpanel,
-  splitter,
-  stepper,
-  tabview,
-  toolbar,
-  confirmpopup,
-  dialog,
-  overlaypanel,
-  sidebar,
-  fileupload,
-  breadcrumb,
-  contextmenu,
-  dock,
-  menu,
-  menubar,
-  megamenu,
-  panelmenu,
-  steps,
-  tabmenu,
-  tieredmenu,
-  message,
-  inlinemessage,
-  toast,
-  carousel,
-  galleria,
-  image,
-  avatar,
-  badge,
-  blockui,
-  chip,
-  inplace,
-  metergroup,
-  scrolltop,
-  skeleton,
-  progressbar,
-  progressspinner,
-  tag,
-  terminal,
-};

package/presets/Wind/inlinemessage/index.js

@@ -1,29 +0,0 @@
-export default {
-  root: ({ props }) => ({
-    class: [
-      "inline-flex items-center justify-center align-top gap-2",
-      "py-2 px-3 m-0 rounded-md",
-      "ring-1 ring-inset ring-surface-200 dark:ring-surface-700 ring-offset-0",
-      {
-        "text-blue-500 dark:text-blue-300": props.severity == "info",
-        "text-green-500 dark:text-green-300": props.severity == "success",
-        "text-orange-500 dark:text-orange-300": props.severity == "warn",
-        "text-red-500 dark:text-red-300": props.severity == "error",
-      },
-    ],
-  }),
-  icon: {
-    class: [
-      // Sizing and Spacing
-      "w-4 h-4",
-      "shrink-0",
-    ],
-  },
-  text: {
-    class: [
-      // Font and Text
-      "text-sm leading-none",
-      "font-medium",
-    ],
-  },
-};

package/presets/Wind/inplace/index.js

@@ -1,30 +0,0 @@
-export default {
-  display: {
-    class: [
-      // Display
-      "inline",
-
-      // Spacing
-      "px-2.5 py-1.5",
-
-      // Size
-      "text-sm",
-
-      // Shape
-      "rounded-md",
-
-      // Colors
-      "text-surface-700 dark:text-white/80",
-
-      // States
-      "hover:bg-surface-100 hover:text-surface-700 dark:hover:bg-surface-700/80 dark:hover:text-white/80",
-
-      // Transitions
-      "transition",
-      "duration-200",
-
-      // Misc
-      "cursor-pointer",
-    ],
-  },
-};

package/presets/Wind/inputgroup/index.js

@@ -1,5 +0,0 @@
-export default {
-  root: {
-    class: ["flex items-stretch", "w-full"],
-  },
-};

package/presets/Wind/inputgroupaddon/index.js

@@ -1,28 +0,0 @@
-export default {
-  root: {
-    class: [
-      // Flex
-      "flex items-center justify-center",
-
-      // Shape
-      "first:rounded-l-md",
-      "last:rounded-r-md",
-      "border-y",
-
-      "last:border-r",
-      "border-l",
-      "border-r-0",
-
-      // Space
-      "p-1.5",
-
-      // Size
-      "min-w-[3rem]",
-
-      // Color
-      "bg-surface-50 dark:bg-surface-800",
-      "text-surface-600 dark:text-surface-400",
-      "border-surface-300 dark:border-surface-600",
-    ],
-  },
-};

package/presets/Wind/inputmask/index.js

@@ -1,34 +0,0 @@
-export default {
-  root: ({ context, props }) => ({
-    class: [
-      // Font
-      "font-sans leading-6",
-
-      // Spacing
-      "m-0 py-1.5 px-3 sm:text-sm",
-
-      // Colors
-      "text-surface-900 dark:text-surface-0",
-      "placeholder:text-surface-400 dark:placeholder:text-surface-500",
-      "bg-surface-0 dark:bg-surface-900",
-      "ring-1 ring-inset ring-offset-0",
-      "shadow-sm",
-      { "ring-surface-300 dark:ring-surface-700": !props.invalid },
-
-      // Invalid State
-      { "ring-red-500 dark:ring-red-400": props.invalid },
-
-      // Shape
-      "rounded-md",
-      "appearance-none",
-
-      // Interactions
-      {
-        "outline-none focus:ring-primary-500 dark:focus:ring-primary-400":
-          !context.disabled,
-        "opacity-60 select-none pointer-events-none cursor-default":
-          context.disabled,
-      },
-    ],
-  }),
-};

package/presets/Wind/inputnumber/index.js

@@ -1,244 +0,0 @@
-export default {
-  root: ({ props, parent }) => ({
-    class: [
-      // Flex
-      "inline-flex",
-      { "flex-col": props.showButtons && props.buttonLayout == "vertical" },
-      { "flex-1 w-[1%]": parent.instance.$name == "InputGroup" },
-
-      //Sizing
-      { "!w-16": props.showButtons && props.buttonLayout == "vertical" },
-
-      // Shape
-      {
-        "first:rounded-l-md rounded-none last:rounded-r-md":
-          parent.instance.$name == "InputGroup" && !props.showButtons,
-      },
-      {
-        "border-0 border-y border-l last:border-r border-surface-300 dark:border-surface-600":
-          parent.instance.$name == "InputGroup" && !props.showButtons,
-      },
-
-      {
-        "ring-1 ring-surface-300 dark:ring-surface-700 ring-offset-0":
-          parent.instance.$name !== "InputGroup",
-      },
-      "shadow-sm",
-      "rounded-md",
-    ],
-  }),
-  input: {
-    root: ({ parent, context }) => ({
-      class: [
-        // Display
-        "flex flex-auto",
-
-        //Text
-        "sm:text-sm",
-        {
-          "text-center":
-            parent.props.showButtons && parent.props.buttonLayout == "vertical",
-        },
-
-        // Spacing
-        "m-0",
-        "py-1.5 px-3",
-
-        // Shape
-        "rounded-md",
-        { "rounded-tr-none rounded-br-none": parent.props.showButtons },
-        {
-          "rounded-tl-none rounded-bl-none":
-            parent.props.showButtons &&
-            parent.props.buttonLayout == "horizontal",
-        },
-        {
-          "rounded-none":
-            parent.props.showButtons && parent.props.buttonLayout == "vertical",
-        },
-
-        // Colors
-        "text-surface-900 dark:text-surface-0",
-        "placeholder:text-surface-400 dark:placeholder:text-surface-500",
-        "bg-surface-0 dark:bg-surface-900",
-        {
-          "border-r":
-            parent.props.showButtons && parent.props.buttonLayout == "stacked",
-        },
-        {
-          "border-x":
-            parent.props.showButtons &&
-            parent.props.buttonLayout == "horizontal",
-        },
-        {
-          "border-y":
-            parent.props.showButtons && parent.props.buttonLayout == "vertical",
-        },
-
-        { "border-surface-300 dark:border-surface-700": !parent.props.invalid },
-
-        // Invalid State
-        { "border border-red-500 dark:border-red-400": parent.props.invalid },
-
-        // States
-        "outline-none focus:ring-primary-600 dark:focus:ring-primary-500",
-        "focus:outline-none focus:outline-offset-0 focus:ring-2 focus:ring-inset focus:ring-primary-600 dark:focus:ring-primary-500",
-
-        // Filled State *for FloatLabel
-        { filled: parent.instance?.$name == "FloatLabel" && context.filled },
-
-        //Position
-        {
-          "order-2":
-            parent.props.buttonLayout == "horizontal" ||
-            parent.props.buttonLayout == "vertical",
-        },
-      ],
-    }),
-  },
-
-  buttongroup: {
-    class: ["flex", "flex-col"],
-  },
-
-  incrementbutton: {
-    root: ({ parent }) => ({
-      class: [
-        // Display
-        "flex flex-auto",
-
-        // Alignment
-        "items-center",
-        "justify-center",
-        "text-center align-bottom",
-
-        //Position
-        "relative",
-        {
-          "order-3":
-            parent.props.showButtons &&
-            parent.props.buttonLayout == "horizontal",
-        },
-        {
-          "order-1":
-            parent.props.showButtons && parent.props.buttonLayout == "vertical",
-        },
-
-        //Color
-        "text-surface-600 dark:text-surface-400",
-        "bg-surface-0 dark:bg-surface-800",
-
-        // Sizing
-        "w-[3rem]",
-        {
-          "px-2.5 py-1.5":
-            parent.props.showButtons && parent.props.buttonLayout !== "stacked",
-        },
-        {
-          "p-0":
-            parent.props.showButtons && parent.props.buttonLayout == "stacked",
-        },
-        {
-          "w-full":
-            parent.props.showButtons && parent.props.buttonLayout == "vertical",
-        },
-
-        // Shape
-        "rounded-md",
-        {
-          "rounded-tl-none rounded-br-none rounded-bl-none":
-            parent.props.showButtons && parent.props.buttonLayout == "stacked",
-        },
-        {
-          "rounded-bl-none rounded-tl-none":
-            parent.props.showButtons &&
-            parent.props.buttonLayout == "horizontal",
-        },
-        {
-          "rounded-bl-none rounded-br-none":
-            parent.props.showButtons && parent.props.buttonLayout == "vertical",
-        },
-
-        //States
-        "focus:outline-none focus:outline-offset-0 focus:ring-2 focus:ring-inset focus:ring-primary-600 focus:dark:ring-primary-500",
-        "hover:bg-surface-50 dark:hover:bg-surface-700",
-
-        //Misc
-        "cursor-pointer overflow-hidden select-none",
-      ],
-    }),
-    label: {
-      class: "h-0 w-0",
-    },
-  },
-  decrementbutton: {
-    root: ({ parent }) => ({
-      class: [
-        // Display
-        "flex flex-auto",
-
-        // Alignment
-        "items-center",
-        "justify-center",
-        "text-center align-bottom",
-
-        //Position
-        "relative",
-        {
-          "order-1":
-            parent.props.showButtons &&
-            parent.props.buttonLayout == "horizontal",
-        },
-        {
-          "order-3":
-            parent.props.showButtons && parent.props.buttonLayout == "vertical",
-        },
-
-        //Color
-        "text-surface-600 dark:text-surface-400",
-        "bg-surface-0 dark:bg-surface-800",
-
-        // Sizing
-        "w-[3rem]",
-        {
-          "px-2.5 py-1.5":
-            parent.props.showButtons && parent.props.buttonLayout !== "stacked",
-        },
-        {
-          "p-0":
-            parent.props.showButtons && parent.props.buttonLayout == "stacked",
-        },
-        {
-          "w-full":
-            parent.props.showButtons && parent.props.buttonLayout == "vertical",
-        },
-
-        // Shape
-        "rounded-md",
-        {
-          "rounded-tr-none rounded-tl-none rounded-bl-none":
-            parent.props.showButtons && parent.props.buttonLayout == "stacked",
-        },
-        {
-          "rounded-tr-none rounded-br-none ":
-            parent.props.showButtons &&
-            parent.props.buttonLayout == "horizontal",
-        },
-        {
-          "rounded-tr-none rounded-tl-none ":
-            parent.props.showButtons && parent.props.buttonLayout == "vertical",
-        },
-
-        //States
-        "focus:outline-none focus:outline-offset-0 focus:ring-2 focus:ring-inset focus:ring-primary-600 focus:dark:ring-primary-500",
-        "hover:bg-surface-50 dark:hover:bg-surface-700",
-
-        //Misc
-        "cursor-pointer overflow-hidden select-none",
-      ],
-    }),
-    label: {
-      class: "h-0 w-0",
-    },
-  },
-};

package/presets/Wind/inputotp/index.js

@@ -1,72 +0,0 @@
-export default {
-  root: {
-    class: [
-      // Alignment
-      "flex items-center",
-      "gap-2",
-    ],
-  },
-  input: {
-    root: ({ props, context, parent }) => ({
-      class: [
-        // Font
-        "font-sans leading-6",
-
-        // Flex & Alignment
-        { "flex-1 w-[1%]": parent.instance.$name == "InputGroup" },
-        "text-center",
-
-        // Spacing
-        "m-0",
-        {
-          "py-1.5 px-3 sm:text-sm": props.size == null,
-        },
-
-        // Size
-        "w-8",
-
-        // Colors
-        "text-surface-900 dark:text-surface-0",
-        "placeholder:text-surface-400 dark:placeholder:text-surface-500",
-        "bg-surface-0 dark:bg-surface-900",
-        "shadow-sm",
-        {
-          "ring-1 ring-inset ring-offset-0":
-            parent.instance.$name !== "InputGroup",
-        },
-
-        { "ring-surface-300 dark:ring-surface-700": !props.invalid },
-
-        // Invalid State
-        { "ring-red-500 dark:ring-red-400": props.invalid },
-
-        // Shape
-        { "rounded-md": parent.instance.$name !== "InputGroup" },
-        {
-          "first:rounded-l-md rounded-none last:rounded-r-md":
-            parent.instance.$name == "InputGroup",
-        },
-        {
-          "border-0 border-y border-l last:border-r border-surface-300 dark:border-surface-600":
-            parent.instance.$name == "InputGroup",
-        },
-        {
-          "first:ml-0 ml-[-1px]":
-            parent.instance.$name == "InputGroup" && !props.showButtons,
-        },
-        "appearance-none",
-
-        // Interactions
-        {
-          "outline-none focus:ring-primary-500 dark:focus:ring-primary-400":
-            !context.disabled,
-          "opacity-60 select-none pointer-events-none cursor-default":
-            context.disabled,
-        },
-
-        // Filled State *for FloatLabel
-        { filled: parent.instance?.$name == "FloatLabel" && context.filled },
-      ],
-    }),
-  },
-};