natxocc/sigpro-ui
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

BUILD BEFORE CHANGE NEW COMPONENTS WITH UI FUNCTION

Browse Source
This commit is contained in:
natxocc
2026-04-01 20:53:41 +02:00
parent c9411be600
commit 5a77deb442
55 changed files with 4137 additions and 5469 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
docs/index.html
View File

@@ -17,6 +17,13 @@
/>
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<style>
/* Personaliza los callouts si quieres */
.markdown-section .callout {
margin: 1.5rem 0;
}
</style>
</head>
<body>
<div id="app"></div>
@@ -26,26 +33,40 @@
name: "SigPro-UI",
repo: "",
loadSidebar: true,
subMaxLevel: 3,
sidebarDisplayLevel: 1,
executeScript: true,
copyCode: {
buttonText:
'<svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>',
buttonText: '<svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>',
errorText: "Error",
successText:
'<svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><polyline points="20 6 9 17 4 12"></polyline></svg>',
successText: '<svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><polyline points="20 6 9 17 4 12"></polyline></svg>',
},
plugins: [
function(hook, vm) {
hook.doneEach(function() {
// Buscamos los bloques de código JS que queremos ejecutar
const codeBlocks = document.querySelectorAll('pre[data-lang="javascript"] code');
codeBlocks.forEach(code => {
// Usamos un bloque try/catch por si el código del Markdown tiene errores
try {
// Ejecutamos el código.
// Como tu librería ya puso $, $mount, Button, etc. en 'window',
// el código los encontrará directamente.
const runDemo = new Function(code.innerText);
runDemo();
} catch (err) {
console.error("Error en la demo de SigPro:", err);
}
});
});
}
]
};
</script>
<!-- <script src="https://unpkg.com/sigpro"></script> -->
<!-- <script src="https://cdn.jsdelivr.net/gh/natxocc/sigpro@main/dist/sigpro.js"></script> -->
<script src="./sigpro.min.js"></script>
<script src="./sigpro-ui.umd.min.js"></script>
<!-- <script src="https://cdn.jsdelivr.net/gh/natxocc/sigpro-ui@main/dist/sigpro-ui.umd.js"></script> -->
<!-- <script src="https://unpkg.com/sigpro-ui"></script> -->
<script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/docsify@4.13.0/lib/docsify.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/docsify-copy-code/dist/docsify-copy-code.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/docsify-plugin-flexible-alerts/docsify-plugin-flexible-alerts.min.js"></script>
<script src="./sigpro-ui.min.js"></script>
</body>
</html>
</html>