bilitoolkit-ui 0.0.1 → 0.0.2

package/dist/styles/animations.scss

@@ -0,0 +1,9 @@
+/* 旋转动画 */
+@keyframes rotate {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}

package/dist/styles/mixins.scss

@@ -1,29 +1,44 @@
+/** 省略内容对于单行或者多行的处理 */
+@mixin txt-ellipsis-lines {
+  &.single-line {
+    white-space: nowrap;
+  }
+
+  &:not(.single-line) {
+    display: -webkit-box;
+    line-clamp: v-bind(lines);
+    -webkit-line-clamp: v-bind(lines);
+    -webkit-box-orient: vertical;
+  }
+}
+
 /**
   省略左边内容
   注意，内容前后需要加上【‎】（左至右符号）
   https://stackoverflow.com/questions/27957443/strange-special-characters-issue-in-left-side-ellipsis
  */
-@mixin txt-reverse-ellipsis {
+@mixin txt-ellipsis-left {
   background: var(--app-color-foreground-transparent-10);
   width: fit-content;
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
-  white-space: nowrap;
   direction: rtl; //定义方向
   text-align: left; // 防止父元素宽度足够的时候文字靠右右边
+
 }
 
 /* 省略右边内容 */
-@mixin txt-ellipsis {
+@mixin txt-ellipsis-right {
   width: fit-content;
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
-  white-space: nowrap;
+  //white-space: nowrap;
   direction: ltr; //定义方向
   text-align: left; // 防止父元素宽度足够的时候文字靠右右边
   unicode-bidi: plaintext; // 防止尾部特殊字符显示在前面
+
 }
 
 /** 伪元素实现的svg背景 */
@@ -117,9 +132,11 @@
 }
 
 /* 图标按钮 */
-@mixin icon-btn($size:18px,$color:var(--el-color-primary)) {
-  width: $size;
-  height: $size;
+@mixin icon-btn($size:18px, $color:var(--el-color-primary),
+  $hover-bg: color-mix(in srgb, $color, transparent 85%) // 基于主色自动生成
+) {
+  width: calc($size + 10px);
+  height: calc($size + 10px);
   font-size: $size;
   line-height: $size;
   color: $color;
@@ -127,20 +144,26 @@
   padding: 5px;
 
   &:hover {
-    background: var(--app-color-primary-transparent-15);
+    background: $hover-bg;
+    //    background: var(--app-color-primary-transparent-15);
   }
 }
 
 /* 圆形图标按钮 */
-@mixin circle-icon-btn($size:18px,$color:var(--el-color-primary)) {
-  @include icon-btn($size, $color);
+@mixin circle-icon-btn($size:18px,$color:var(--el-color-primary),
+  $hover-bg: color-mix(in srgb, $color, transparent 85%) // 基于主色自动生成
+) {
+  @include icon-btn($size, $color, $hover-bg);
   border-radius: 50%;
 }
 
 /* 旋转的圆形图标按钮 */
-@mixin circle-icon-btn--rotate($size:18px,$color:var(--el-color-primary)) {
-  @include circle-icon-btn($size, $color);
+@mixin circle-icon-btn--rotate($size:18px, $speed: 3s, $color:var(--el-color-primary),
+  $hover-bg: color-mix(in srgb, $color, transparent 85%) // 基于主色自动生成
+) {
+  @include circle-icon-btn($size, $color, $hover-bg);
   &:hover {
-    animation: rotate 3s linear infinite;
+    animation: rotate $speed linear infinite;
   }
 }
+

package/package.json

@@ -1,16 +1,15 @@
 {
   "name": "bilitoolkit-ui",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "private": false,
   "type": "module",
   "productName": "bilitoolkit-ui",
-  "description": "「哔哩工具姬」的 UI 库",
+  "description": "『哔哩工具姬』的 UI 库",
   "author": "hzhilong",
   "keywords": [
     "BiliToolkit",
     "哔哩工具姬"
   ],
-  "license": "Apache-2.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/hzhilong/bilitoolkit-ui"
@@ -19,18 +18,19 @@
     "url": "https://github.com/hzhilong/bilitoolkit-ui/issues"
   },
   "homepage": "https://github.com/hzhilong/bilitoolkit-ui#readme",
-  "engines": {
-    "node": "^20.19.0 || >=22.12.0"
-  },
-  "main": "dist/bilitoolkit-ui.umd.cjs",
-  "module": "dist/bilitoolkit-ui.js",
-  "types": "dist/index.d.ts",
-  "style": "dist/bilitoolkit-ui.css",
+  "license": "MIT",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "style": "./dist/index.css",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/bilitoolkit-ui.js",
-      "require": "./dist/bilitoolkit-ui.umd.cjs"
+      "import": "./dist/index.js"
+    },
+    "./common": {
+      "types": "./dist/common.d.ts",
+      "import": "./dist/common.js"
     },
     "./style.css": "./dist/bilitoolkit-ui.css",
     "./variables.scss": "./dist/styles/variables.scss",
@@ -41,28 +41,20 @@
     "dist",
     "!dist/bundle-stats.*"
   ],
-  "scripts": {
-    "dev": "chcp 65001 && vite",
-    "类型检查": "tsc --noEmit",
-    "构建前记得补全桶": "构建前记得补全桶",
-    "build": "vite build --mode library",
-    "npm 登录": " npm login",
-    "npm 发布": " npm publish --access public",
-    "本地构建并发布": "vite build --mode library && yalc publish",
-    "添加本地依赖包": "yalc add bilitoolkit-api-types @ybgnb/utils --peer",
-    "移除本地依赖包": "yalc remove --all",
-    "type-check": "vue-tsc --build",
-    "lint": "eslint . --fix"
-  },
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss",
+    "**/*.less"
+  ],
   "devDependencies": {
     "@tsconfig/node22": "^22.0.2",
+    "@types/lodash-es": "^4.17.12",
     "@types/node": "^22.16.5",
     "@vitejs/plugin-vue": "^6.0.1",
     "@vitejs/plugin-vue-jsx": "^5.0.1",
     "@vue/eslint-config-prettier": "^10.2.0",
     "@vue/eslint-config-typescript": "^14.6.0",
     "@vue/language-core": "^3.0.7",
-    "@vue/tsconfig": "^0.7.0",
     "eslint": "^9.31.0",
     "eslint-plugin-vue": "~10.3.0",
     "jiti": "^2.4.2",
@@ -70,25 +62,33 @@
     "prettier": "3.6.2",
     "rollup-plugin-bundle-stats": "^4.21.3",
     "sass": "^1.92.1",
-    "typescript": "~5.8.0",
-    "unplugin-auto-import": "^20.1.0",
-    "unplugin-vue-components": "^29.0.0",
-    "vite": "^7.0.6",
+    "typescript": "^5.9.3",
+    "unplugin-auto-import": "^21.0.0",
+    "unplugin-vue-components": "^32.0.0",
+    "vite": "^7.3.3",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-static-copy": "^3.1.2",
-    "vue-tsc": "^3.0.4"
+    "vue-tsc": "^3.0.4",
+    "remixicon": "^4.6.0"
   },
   "peerDependencies": {
-    "@vue/language-core": "^3.0.7",
-    "@ybgnb/utils": "file:.yalc/@ybgnb/utils",
-    "bilitoolkit-api-types": "file:.yalc/bilitoolkit-api-types",
-    "element-plus": "^2.11.2",
+    "@ybgnb/utils": "^0.2.8",
+    "element-plus": "^2.13.7",
     "lodash-es": "^4.17.21",
     "pinia": "^3.0.3",
-    "vue": "^3.5.18"
+    "vue": "^3.5.34",
+    "@vue/language-core": "^3.2.6",
+    "@ybgnb/bili-api": "^0.0.3",
+    "bilitoolkit-types": "^0.0.1",
+    "bilitoolkit-runtime": "^0.0.1"
   },
-  "dependencies": {
-    "@ybgnb/utils": "file:.yalc/@ybgnb/utils",
-    "bilitoolkit-api-types": "file:.yalc/bilitoolkit-api-types"
+  "scripts": {
+    "check": "vue-tsc -p tsconfig.web.json --noEmit",
+    "lint": "eslint . --fix",
+    "format": "prettier --write src/",
+    "dev": "chcp 65001 && vite",
+    "build": "vite build --mode library",
+    "npm login": "npm login",
+    "pnpm publish": "pnpm publish --access public"
   }
-}
+}

package/dist/api/toolkit-api.d.ts

@@ -1,2 +0,0 @@
-import { ToolkitApi } from 'bilitoolkit-api-types';
-export declare const toolkitApi: ToolkitApi;