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

package/build.sh

@@ -0,0 +1,32 @@
+#!/bin/bash
+
+# Remove previous build
+rm -rf dist
+
+# # Create type declaration
+tsc ./index.ts --declaration --allowJs --outDir dist
+
+# Preset names array
+presetNames=("wangsvue", "fixedasset")
+
+# Loop through the array and run Tailwind CSS for each preset
+for preset in "${presetNames[@]}"; do
+  inputDir="./${preset}"
+  outputDir="./dist/${preset}"
+
+  mkdir -p "${outputDir}"
+  cp "${inputDir}/colors.config.json" "${outputDir}/colors.config.json"
+
+  # Run Tailwind CSS
+  tailwind -i "${inputDir}/index.css" -o "${outputDir}/style.css" --config "./${preset}/tailwind.config.js"
+
+  cd $inputDir
+
+  npx vite build --config ../vite.config.ts
+
+  # List all items in the current folder
+  cp -r ./dist/* "../${outputDir}"
+  rm -r "./dist"
+
+  cd ../
+done

package/dev.sh

@@ -0,0 +1,22 @@
+#!/bin/bash
+
+# Function to show how to use the script (optional)
+usage() {
+  echo "Usage: sh build.sh <preset_name>"
+  echo "<preset_name> The preset name to build (e.g., wangsvue)."
+  exit 1
+}
+
+# Get the preset name from the first argument
+preset="$1"
+
+# Check if the preset name is provided (recommended)
+if [[ -z "$preset" ]]; then
+  usage
+fi
+
+# Build the preset
+inputDir="./${preset}"
+outputDir="./dist/${preset}"
+
+tailwind -i "${inputDir}/index.css" -o "${outputDir}/style.css" --config "./${preset}/tailwind.config.js" --watch

package/dist

@@ -0,0 +1,13 @@
+{
+  "name": "@fewangsit/wangsvue-presets",
+  "version": "1.0.82",
+  "author": "Wangsit FE Developer",
+  "description": "Wangsit VueJS Component Library Presets",
+  "main": "index.js",
+  "repository": "https://github.com/fewangsit/wangsvue",
+  "scripts": {
+    "dev": "sh dev.sh",
+    "build": "sh build.sh",
+    "release": "sh release.sh"
+  }
+}

package/fixedasset/accordion/index.js

@@ -1,70 +1,75 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    accordiontab: {
-        header: function (_a) {
-            var props = _a.props;
-            return ({
-                class: [
-                    // Sizing
-                    'pt-6 pb-0',
-                    'mt-6',
-                    // Shape
-                    'border-x-0 border-b-0',
-                    // Color
-                    'border border-surface-200',
-                    // State
-                    {
-                        'select-none pointer-events-none cursor-default opacity-60': props === null || props === void 0 ? void 0 : props.disabled,
-                    },
-                ],
-            });
-        },
-        headerAction: function (_a) {
-            var context = _a.context;
-            return ({
-                class: [
-                    //Font
-                    'font-semibold',
-                    'leading-7',
-                    // Alignments
-                    'flex items-center justify-between flex-row-reverse',
-                    'relative',
-                    // Shape
-                    'rounded-md',
-                    // Color
-                    'bg-transparent',
-                    'text-surface-900',
-                    // States
-                    'focus:outline-none focus:outline-offset-0 focus-visible:ring-2 focus-visible:ring-primary-600 ring-inset', // Focus
-                    // Misc
-                    'cursor-pointer no-underline select-none',
-                ],
-            });
-        },
-        headerIcon: {
-            class: 'inline-block ml-2',
-        },
-        headerTitle: {
-            class: 'leading-7',
-        },
-        content: {
-            class: [
-                // Font
-                'leading-7',
-                // Spacing
-                'pr-12 pt-2',
-                // Color
-                'text-surface-600',
-            ],
-        },
-        transition: {
-            enterFromClass: 'max-h-0',
-            enterActiveClass: 'overflow-hidden transition-[max-height] duration-1000 ease-[cubic-bezier(0.42,0,0.58,1)]',
-            enterToClass: 'max-h-[1000px]',
-            leaveFromClass: 'max-h-[1000px]',
-            leaveActiveClass: 'overflow-hidden transition-[max-height] duration-[450ms] ease-[cubic-bezier(0,1,0,1)]',
-            leaveToClass: 'max-h-0',
-        },
-    },
-};
+export default {
+  accordiontab: {
+    header: ({ props }) => ({
+      class: [
+        // Sizing
+        'pt-6 pb-0',
+        'mt-6',
+
+        // Shape
+        'border-x-0 border-b-0',
+
+        // Color
+        'border border-surface-200',
+
+        // State
+        {
+          'select-none pointer-events-none cursor-default opacity-60':
+            props?.disabled,
+        },
+      ],
+    }),
+    headerAction: ({ context }) => ({
+      class: [
+        //Font
+        'font-semibold',
+        'leading-7',
+
+        // Alignments
+        'flex items-center justify-between flex-row-reverse',
+        'relative',
+
+        // Shape
+        'rounded-md',
+
+        // Color
+        'bg-transparent',
+        'text-surface-900',
+
+        // States
+        'focus:outline-none focus:outline-offset-0 focus-visible:ring-2 focus-visible:ring-primary-600 ring-inset', // Focus
+
+        // Misc
+        'cursor-pointer no-underline select-none',
+      ],
+    }),
+    headerIcon: {
+      class: 'inline-block ml-2',
+    },
+    headerTitle: {
+      class: 'leading-7',
+    },
+    content: {
+      class: [
+        // Font
+        'leading-7',
+
+        // Spacing
+        'pr-12 pt-2',
+
+        // Color
+        'text-surface-600',
+      ],
+    },
+    transition: {
+      enterFromClass: 'max-h-0',
+      enterActiveClass:
+        'overflow-hidden transition-[max-height] duration-1000 ease-[cubic-bezier(0.42,0,0.58,1)]',
+      enterToClass: 'max-h-[1000px]',
+      leaveFromClass: 'max-h-[1000px]',
+      leaveActiveClass:
+        'overflow-hidden transition-[max-height] duration-[450ms] ease-[cubic-bezier(0,1,0,1)]',
+      leaveToClass: 'max-h-0',
+    },
+  },
+};