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

package/wangsvue/organizationchart/index.js

@@ -1,129 +1,143 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    table: {
-        class: [
-            // Spacing & Position
-            'mx-auto my-0',
-            // Table Style
-            'border-spacing-0 border-separate',
-        ],
-    },
-    cell: {
-        class: [
-            // Alignment
-            'text-center align-top',
-            // Spacing
-            'py-0 px-3',
-        ],
-    },
-    node: function (_a) {
-        var context = _a.context;
-        return ({
-            class: [
-                'relative inline-block',
-                // Font
-                'text-sm leading-none',
-                // Spacing
-                'px-5 py-3',
-                // Shape
-                'border',
-                'rounded',
-                // Color
-                'border-surface-200',
-                {
-                    'text-surface-600/80': !(context === null || context === void 0 ? void 0 : context.selected),
-                    'bg-surface-0': !(context === null || context === void 0 ? void 0 : context.selected),
-                    'text-surface-700': context === null || context === void 0 ? void 0 : context.selected,
-                    'bg-surface-50': context === null || context === void 0 ? void 0 : context.selected,
-                },
-                // States
-                {
-                    'hover:bg-surface-100/40': context === null || context === void 0 ? void 0 : context.selectable,
-                },
-                { 'cursor-pointer': context === null || context === void 0 ? void 0 : context.selectable },
-            ],
-        });
-    },
-    linecell: {
-        class: [
-            // Alignment
-            'text-center align-top',
-            // Spacing
-            'py-0 px-3',
-        ],
-    },
-    linedown: {
-        class: [
-            // Spacing
-            'mx-auto my-0',
-            // Size
-            'w-px h-[20px]',
-            // Color
-            'bg-surface-200',
-        ],
-    },
-    lineleft: function (_a) {
-        var context = _a.context;
-        return ({
-            class: [
-                // Alignment
-                'text-center align-top',
-                // Spacing
-                'py-0 px-3',
-                // Shape
-                'rounded-none border-r',
-                { 'border-t': context.lineTop },
-                // Color
-                'border-surface-200',
-            ],
-        });
-    },
-    lineright: function (_a) {
-        var context = _a.context;
-        return ({
-            class: [
-                // Alignment
-                'text-center align-top',
-                // Spacing
-                'py-0 px-3',
-                // Shape
-                'rounded-none',
-                // Color
-                {
-                    'border-t border-surface-200': context.lineTop,
-                },
-            ],
-        });
-    },
-    nodecell: {
-        class: 'text-center align-top py-0 px-3',
-    },
-    nodetoggler: {
-        class: [
-            // Position
-            'absolute bottom-[-0.75rem] left-2/4 -ml-3',
-            'z-20',
-            // Flexbox
-            'flex items-center justify-center',
-            // Size
-            'w-6 h-6',
-            // Shape
-            'rounded-full',
-            // Color
-            'bg-inherit text-inherit',
-            // Focus
-            'focus:outline-none focus:outline-offset-0 focus:ring-2 focus:ring-primary-500',
-            // Misc
-            'cursor-pointer no-underline select-none',
-        ],
-    },
-    nodetogglericon: {
-        class: [
-            // Position
-            'relative inline-block',
-            // Size
-            'w-4 h-4',
-        ],
-    },
-};
+export default {
+  table: {
+    class: [
+      // Spacing & Position
+      'mx-auto my-0',
+
+      // Table Style
+      'border-spacing-0 border-separate',
+    ],
+  },
+  cell: {
+    class: [
+      // Alignment
+      'text-center align-top',
+
+      // Spacing
+      'py-0 px-3',
+    ],
+  },
+  node: ({ context }) => ({
+    class: [
+      'relative inline-block',
+
+      // Font
+      'text-sm leading-none',
+
+      // Spacing
+      'px-5 py-3',
+
+      // Shape
+      'border',
+      'rounded',
+
+      // Color
+      'border-surface-200',
+      {
+        'text-surface-600/80': !context?.selected,
+        'bg-surface-0': !context?.selected,
+        'text-surface-700': context?.selected,
+        'bg-surface-50': context?.selected,
+      },
+
+      // States
+      {
+        'hover:bg-surface-100/40':
+          context?.selectable,
+      },
+
+      { 'cursor-pointer': context?.selectable },
+    ],
+  }),
+  linecell: {
+    class: [
+      // Alignment
+      'text-center align-top',
+
+      // Spacing
+      'py-0 px-3',
+    ],
+  },
+  linedown: {
+    class: [
+      // Spacing
+      'mx-auto my-0',
+
+      // Size
+      'w-px h-[20px]',
+
+      // Color
+      'bg-surface-200',
+    ],
+  },
+  lineleft: ({ context }) => ({
+    class: [
+      // Alignment
+      'text-center align-top',
+
+      // Spacing
+      'py-0 px-3',
+
+      // Shape
+      'rounded-none border-r',
+      { 'border-t': context.lineTop },
+
+      // Color
+      'border-surface-200',
+    ],
+  }),
+  lineright: ({ context }) => ({
+    class: [
+      // Alignment
+      'text-center align-top',
+
+      // Spacing
+      'py-0 px-3',
+
+      // Shape
+      'rounded-none',
+
+      // Color
+      {
+        'border-t border-surface-200': context.lineTop,
+      },
+    ],
+  }),
+  nodecell: {
+    class: 'text-center align-top py-0 px-3',
+  },
+  nodetoggler: {
+    class: [
+      // Position
+      'absolute bottom-[-0.75rem] left-2/4 -ml-3',
+      'z-20',
+
+      // Flexbox
+      'flex items-center justify-center',
+
+      // Size
+      'w-6 h-6',
+
+      // Shape
+      'rounded-full',
+
+      // Color
+      'bg-inherit text-inherit',
+
+      // Focus
+      'focus:outline-none focus:outline-offset-0 focus:ring-2 focus:ring-primary-500',
+
+      // Misc
+      'cursor-pointer no-underline select-none',
+    ],
+  },
+  nodetogglericon: {
+    class: [
+      // Position
+      'relative inline-block',
+
+      // Size
+      'w-4 h-4',
+    ],
+  },
+};

package/wangsvue/overlaypanel/index.js

@@ -1,34 +1,36 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    root: {
-        class: [
-            'h-max',
-            // Shape
-            'rounded-lg',
-            'shadow-xl',
-            'border-0',
-            // Position
-            'absolute left-0 top-0 mt-2',
-            'z-40 transform origin-center',
-            // Color
-            'bg-white',
-            'text-general-800',
-            // Before: Triangle
-            'before:absolute before:-top-2 before:ml-4 before:z-50',
-            'before:w-0 before:h-0 before:shadow-xl',
-            // 'before:border-transparent before:border-solid',
-            // 'before:border-x-[0.5rem] before:border-b-[0.5rem]',
-            // 'before:border-t-0 before:border-b-surface-0',
-        ],
-    },
-    content: {
-        class: 'items-center flex',
-    },
-    transition: {
-        enterFromClass: 'opacity-0 scale-y-[0.8]',
-        enterActiveClass: 'transition-[transform,opacity] duration-[120ms] ease-[cubic-bezier(0,0,0.2,1)]',
-        leaveActiveClass: 'transition-opacity duration-100 ease-linear',
-        leaveToClass: 'opacity-0',
-    },
-};
+export default {
+  root: {
+    class: [
+      'h-max',
+      // Shape
+      'rounded-lg',
+      'shadow-xl',
+      'border-0',
+
+      // Position
+      'absolute left-0 top-0 mt-2',
+      'z-40 transform origin-center',
+
+      // Color
+      'bg-white',
+      'text-general-800',
+
+      // Before: Triangle
+      'before:absolute before:-top-2 before:ml-4 before:z-50',
+      'before:w-0 before:h-0 before:shadow-xl',
+      // 'before:border-transparent before:border-solid',
+      // 'before:border-x-[0.5rem] before:border-b-[0.5rem]',
+      // 'before:border-t-0 before:border-b-surface-0',
+    ],
+  },
+  content: {
+    class: 'items-center flex',
+  },
+  transition: {
+    enterFromClass: 'opacity-0 scale-y-[0.8]',
+    enterActiveClass:
+      'transition-[transform,opacity] duration-[120ms] ease-[cubic-bezier(0,0,0.2,1)]',
+    leaveActiveClass: 'transition-opacity duration-100 ease-linear',
+    leaveToClass: 'opacity-0',
+  },
+};