@greypan/web-ui 1.0.0 → 1.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@greypan/web-ui",
-  "version": "1.0.0",
+  "version": "1.1.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -10,7 +10,7 @@
   "sideEffects": [
     "./dist/index.js",
     "./dist/components/*/index.js",
-    "**/*.css"
+    "./dist/**/*.css"
   ],
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -34,18 +34,20 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@greypan/browser-kit": "1.0.0",
-    "@greypan/js-kit": "1.0.0"
+    "iconify-icon": "^3.0.2",
+    "lit": "^3.3.3",
+    "@greypan/browser-kit": "1.2.1",
+    "@greypan/js-kit": "1.1.1"
   },
-  "devDependencies": {},
-  "peerDependencies": {},
   "browserslist": [
     "defaults"
   ],
   "scripts": {
-    "build": "vp build",
+    "build": "run-p type-check \"build-only {@}\" --",
+    "build-only": "vp build",
     "preview": "vp preview",
     "test": "vp test run",
+    "type-check": "vue-tsc --build",
     "dev": "vp build --watch"
   }
 }

package/src/components/back-top/style.css

@@ -1,5 +1,6 @@
 :host {
   pointer-events: none;
+
   position: fixed;
   z-index: var(--web-ui-back-top-z-index, auto);
   top: var(--web-ui-back-top-top, auto);
@@ -7,9 +8,12 @@
   bottom: var(--web-ui-back-top-bottom, 20px);
   left: var(--web-ui-back-top-left, auto);
   transform: scale(0);
+
   display: inline-block;
+
   visibility: hidden;
   opacity: 0;
+
   transition: all 0.3s ease-out;
 }
 

package/src/components/button/style.css

@@ -1,18 +1,22 @@
 :host {
   button {
     cursor: pointer;
+
     display: inline-flex;
     gap: var(--web-ui-button-gap, 8px);
     align-items: center;
     justify-content: center;
+
     width: max-content;
     min-height: var(--web-ui-button-h, 32px);
     padding: var(--web-ui-button-p-y, 4px) var(--web-ui-button-p-x, 16px);
     border: none;
     border-radius: 999vmax;
+
     font-size: var(--web-ui-button-font-size, 14px);
     font-weight: var(--web-ui-button-bold, 500);
     color: var(--web-ui-button-color, #006cf9);
+
     background: none;
     background-color: var(--web-ui-button-bg, #f0f0f6);
   }

package/src/components/layout/style.css

@@ -1,10 +1,11 @@
 :host {
   display: grid;
   grid-template-areas:
-    "sidebar header"
-    "sidebar content";
+    'sidebar header'
+    'sidebar content';
   grid-template-columns: var(--web-ui-base-layout-sidebar-width, 240px) 1fr;
   grid-template-rows: var(--web-ui-base-layout-header-height, 64px) 1fr;
+
   box-sizing: border-box;
   min-height: 100dvh;
   min-height: 100vh;
@@ -29,7 +30,9 @@ aside {
   position: sticky;
   top: 0;
   left: 0;
+
   grid-area: sidebar;
+
   height: 100dvh;
   height: 100vh;
   padding: 8px;

package/src/components/svg-draw-lines/index.ts

@@ -7,7 +7,7 @@ import style from './style.css?inline'
 export class WebUiSvgDrawLines extends LitElement {
   static styles = unsafeCSS(style)
 
-  @property({ type: Boolean, reflect: true }) duration = 1000
+  @property({ type: Number, reflect: true }) duration = 1000
   @property({ type: String, reflect: true }) easing = 'linear'
 
   @state() private isAnimating = false

package/src/components/svg-draw-lines/style.css

@@ -5,9 +5,11 @@
 
   .svg-clone {
     pointer-events: none;
+
     position: absolute;
     top: 0;
     left: 0;
+
     width: 100%;
     height: 100%;
   }

package/vite.config.ts

@@ -27,7 +27,7 @@ export default {
       formats: ['es']
     },
     rollupOptions: {
-      external: [/^lit/],
+      external: ['@greypan/browser-kit', '@greypan/js-kit'],
       output: {
         preserveModules: true,
         // 指定源码根目录，这样 dist 下就不会多出一层 'src' 目录

package/dist/packages/browser-kit/dist/dom/index.js

@@ -1,8 +0,0 @@
-//#region ../browser-kit/dist/dom/index.js
-function e() {
-	return window.scrollY ?? window.pageYOffset ?? document.documentElement.scrollTop;
-}
-//#endregion
-export { e as getRootScrollTop };
-
-//# sourceMappingURL=index.js.map

package/dist/packages/browser-kit/dist/dom/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../../browser-kit/dist/dom/index.js"],"sourcesContent":["//#region src/dom/index.ts\nfunction e() {\n\treturn window.scrollY ?? window.pageYOffset ?? document.documentElement.scrollTop;\n}\nfunction t() {\n\treturn window.scrollX ?? window.pageXOffset ?? document.documentElement.scrollLeft;\n}\n//#endregion\nexport { t as getRootScrollLeft, e as getRootScrollTop };\n\n//# sourceMappingURL=index.js.map"],"mappings":";AACA,SAAS,IAAI;CACZ,OAAO,OAAO,WAAW,OAAO,eAAe,SAAS,gBAAgB;AACzE"}