feat: link

Author: sheepbox8646

packages/widget/README.md

@@ -0,0 +1,3 @@
+# `@sciux/widget`
+
+Widgets for SciuxKit

packages/widget/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@sciux/widget",
+  "type": "module",
+  "version": "0.0.0",
+  "description": "Widgets for SciuxKit",
+  "author": "BijonAI <info@bijon.ai>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/bijonai/lib.git"
+  },
+  "bugs": "https://github.com/bijonai/lib/issues",
+  "keywords": [],
+  "exports": {
+    ".": {
+      "types": "./src/index.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "main": "./dist/index.mjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "prepublishOnly": "nr build",
+    "start": "tsx src/index.ts"
+  },
+  "dependencies": {
+    "@sciux/layout": "workspace:^",
+    "@vue/reactivity": "^3.5.14",
+    "arktype": "^2.1.20",
+    "sciux-laplace": "latest"
+  }
+}

packages/widget/src/index.ts

@@ -0,0 +1,19 @@
+import { type } from 'arktype'
+import { defineComponent, toValue } from 'sciux-laplace'
+
+const T = type({
+  target: 'string',
+}).partial()
+
+export default defineComponent<'link', typeof T.infer>((attrs, _context) => {
+  return {
+    name: 'link',
+    attrs: T,
+    setup(children) {
+      const element = document.createElement('a')
+      element.href = toValue(attrs.target) ?? ''
+      element.append(...children())
+      return element
+    },
+  }
+})

packages/widget/src/link.ts

@@ -0,0 +1,31 @@
+import { size } from '@sciux/layout'
+import { type } from 'arktype'
+import { defineComponent, toValue } from 'sciux-laplace'
+
+const BaseTableType = type({
+  caption: 'string',
+  inset: 'number',
+})
+const HorizonTableType = type({
+  align: `'horizon'`,
+  columns: 'number',
+})
+const VerticalTableType = type({
+  align: `'vertical'`,
+  rows: 'number',
+})
+
+const TableType = type.merge(BaseTableType, HorizonTableType, VerticalTableType).partial()
+
+export default defineComponent<'table', typeof TableType.infer>((attrs, _context) => {
+  return {
+    name: 'table',
+    attrs: TableType,
+    setup(_childrenResolver) {
+      const table = document.createElement('table')
+      table.style.inset = size(toValue(attrs.inset) ?? 'md')
+      // const children = childrenResolver()
+      return table
+    },
+  }
+})

packages/widget/src/table.ts

@@ -0,0 +1,10 @@
+import { defineConfig } from 'tsup'
+
+export default defineConfig({
+  entry: ['./src/index.ts'],
+  outDir: './dist',
+  format: 'esm',
+  dts: true,
+  sourcemap: true,
+  clean: true,
+})