@mxmweb/zui 1.1.10 → 1.1.14

package/.editorconfig

@@ -0,0 +1,38 @@
+# EditorConfig is awesome: https://EditorConfig.org
+
+# top-most EditorConfig file
+root = true
+
+# Unix-style newlines with a newline ending every file
+[*]
+end_of_line = lf
+insert_final_newline = true
+charset = utf-8
+trim_trailing_whitespace = true
+
+# TypeScript and JavaScript files
+[*.{ts,tsx,js,jsx}]
+indent_style = space
+indent_size = 2
+quote_type = single
+max_line_length = 100
+
+# CSS files
+[*.css]
+indent_style = space
+indent_size = 2
+
+# Markdown files
+[*.md]
+trim_trailing_whitespace = false
+max_line_length = off
+
+# JSON files
+[*.json]
+indent_style = space
+indent_size = 2
+
+# YAML files
+[*.{yml,yaml}]
+indent_style = space
+indent_size = 2

package/.prettierignore

@@ -0,0 +1,16 @@
+# 构建输出
+dist
+build
+
+# 依赖
+node_modules
+
+# 测试覆盖率
+coverage
+
+# 其他
+.git
+.husky
+.vscode
+*.log
+*.lock 

package/.prettierrc

@@ -0,0 +1,17 @@
+{
+  "semi": true,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "printWidth": 100,
+  "trailingComma": "es5",
+  "bracketSpacing": true,
+  "arrowParens": "avoid",
+  "endOfLine": "lf",
+  "jsxSingleQuote": false,
+  "quoteProps": "as-needed",
+  "useTabs": false,
+  "htmlWhitespaceSensitivity": "css",
+  "embeddedLanguageFormatting": "auto",
+  "singleAttributePerLine": false,
+  "bracketSameLine": false
+} 

package/.releaserc.json

@@ -0,0 +1,36 @@
+{
+  "branches": ["main"],
+  "plugins": [
+    ["@semantic-release/commit-analyzer", {
+      "preset": "angular",
+      "releaseRules": [
+        {"type": "docs", "scope": "README", "release": "patch"},
+        {"type": "feat", "release": "minor"},
+        {"type": "fix", "release": "patch"},
+        {"type": "perf", "release": "patch"},
+        {"type": "revert", "release": "patch"},
+        {"type": "style", "release": "patch"},
+        {"type": "test", "release": "patch"},
+        {"type": "ci", "release": "patch"},
+        {"type": "chore", "release": "patch"}
+      ]
+    }],
+    ["@semantic-release/release-notes-generator", {
+      "preset": "angular"
+    }],
+    ["@semantic-release/changelog", {
+      "changelogFile": "CHANGELOG.md"
+    }],
+    ["@semantic-release/npm", {
+      "npmPublish": true,
+      "tarballDir": "dist"
+    }],
+    ["@semantic-release/git", {
+      "assets": ["package.json", "CHANGELOG.md"],
+      "message": "chore(release): ${nextRelease.version} [skip ci]\n\n${nextRelease.notes}"
+    }],
+    ["@semantic-release/github", {
+      "assets": "dist/*.tgz"
+    }]
+  ]
+}

package/CHANGELOG.md

@@ -0,0 +1,58 @@
+# 1.0.0 (2025-04-03)
+
+
+### Bug Fixes
+
+* 优化发布配置，只发布 dist 目录 ([0b8bbfd](https://github.com/mxm-web-develop/mxm/commit/0b8bbfde3ffad1d58dd6681c03ba821b67c04071))
+* 优化发布配置，确保 GitHub 保持源代码更新 ([be203dc](https://github.com/mxm-web-develop/mxm/commit/be203dc8738cf432b2a2781efe9ad5db1ded5827))
+* 修复 README.md 复制时机 ([79fccd8](https://github.com/mxm-web-develop/mxm/commit/79fccd8d9efec486611f559c693157187fb9d219))
+* 调整文件结果，减轻打包体积 ([e291921](https://github.com/mxm-web-develop/mxm/commit/e291921ef24d78ee67403ab2dcc6f7bde3a24f72))
+
+
+### Features
+
+* 修复文件预览组件发布配置 ([fc534ea](https://github.com/mxm-web-develop/mxm/commit/fc534ea37b1f50705b7e3900801ca496ae04ddca))
+* 渲染和标注完成 ([a18fe85](https://github.com/mxm-web-develop/mxm/commit/a18fe857537325855c021207647d5f98e9a09ee0))
+* 配置子项目独立发布 ([d2907a5](https://github.com/mxm-web-develop/mxm/commit/d2907a54eb282c195d3846b6330bc0633fc4f667))
+* 配置子项目独立发布 ([5e9d97d](https://github.com/mxm-web-develop/mxm/commit/5e9d97d34500a31f63b0b1d1772d1652362d8b86))
+* 配置根目录release脚本，支持文档自动部署 ([aa38669](https://github.com/mxm-web-develop/mxm/commit/aa38669c55ceeae8d50e526fdbc47e7d4f83c2c8))
+
+# Changelog
+
+所有重要的更改都会记录在这个文件中。
+
+## [1.0.13] - 2024-03-27
+
+### 新增
+- 初始化项目
+- 添加基础组件结构
+- 配置 Vite 开发环境
+- 添加 TypeScript 支持
+- 添加 ESLint 和 Prettier 配置
+- 添加 Tailwind CSS 支持
+- 添加 Zustand 状态管理
+- 添加基础文件预览功能
+
+### 变更
+- 无
+
+### 修复
+- 无
+
+### 移除
+- 无
+
+## 版本格式
+
+我们遵循 [语义化版本 2.0.0](https://semver.org/lang/zh-CN/) 的版本格式。
+
+### 版本号格式
+- 主版本号：重大更新，不兼容的 API 修改
+- 次版本号：向下兼容的功能性新增
+- 修订号：向下兼容的问题修正
+
+### 更新类型
+- `新增`：新功能
+- `变更`：对现有功能的变更
+- `修复`：问题修复
+- `移除`：移除的功能

package/CONTRIBUTING.md

@@ -0,0 +1,111 @@
+# 贡献指南
+
+感谢你考虑为 `@mxmweb/fileviewer` 做出贡献！我们欢迎任何形式的贡献，包括但不限于：问题报告、功能建议、文档改进、代码提交等。
+
+## 开发环境设置
+
+1. 克隆仓库
+```bash
+git clone https://github.com/your-username/fileviewer.git
+cd fileviewer
+```
+
+2. 安装依赖
+```bash
+pnpm install
+```
+
+3. 启动开发服务器
+```bash
+pnpm dev
+```
+
+## 开发流程
+
+1. 创建新的分支
+```bash
+git checkout -b feature/your-feature-name
+# 或
+git checkout -b fix/your-fix-name
+```
+
+2. 提交代码
+```bash
+git add .
+git commit -m "feat: your feature description"
+# 或
+git commit -m "fix: your fix description"
+```
+
+3. 推送到远程仓库
+```bash
+git push origin feature/your-feature-name
+```
+
+4. 创建 Pull Request
+
+## 代码规范
+
+- 使用 TypeScript 编写代码
+- 遵循 ESLint 和 Prettier 配置
+- 使用 EditorConfig 保持一致的代码风格
+- 编写清晰的提交信息，遵循 [Conventional Commits](https://www.conventionalcommits.org/)
+
+## 提交信息规范
+
+提交信息应该遵循以下格式：
+
+```
+<type>(<scope>): <subject>
+
+<body>
+
+<footer>
+```
+
+类型（type）：
+- feat: 新功能
+- fix: 修复
+- docs: 文档
+- style: 格式
+- refactor: 重构
+- test: 测试
+- chore: 构建过程或辅助工具的变动
+
+## 测试
+
+- 编写单元测试
+- 确保所有测试通过
+- 保持测试覆盖率
+
+## 文档
+
+- 更新 README.md
+- 更新 CHANGELOG.md
+- 添加必要的注释
+- 更新 API 文档
+
+## 发布流程
+
+1. 更新版本号
+2. 更新 CHANGELOG.md
+3. 提交更改
+4. 创建发布标签
+5. 发布到 npm
+
+## 问题反馈
+
+如果你发现了问题或有改进建议，请：
+
+1. 查看是否已经存在相关 issue
+2. 如果不存在，创建新的 issue
+3. 提供清晰的问题描述和复现步骤
+4. 添加相关的错误信息或截图
+
+## 行为准则
+
+请阅读并遵守我们的 [行为准则](CODE_OF_CONDUCT.md)。
+
+## 许可证
+
+通过提交代码，你同意你的代码将使用与项目相同的许可证。 

package/README.md

@@ -0,0 +1,4 @@
+# @mxmweb工具库开发环境说明文档
+
+ import { Icon } from '@mxmweb/zui'
+  <Icon type="rag/pdf" size={16} />

package/bash.exe.stackdump

@@ -0,0 +1,40 @@
+Stack trace:
+Frame         Function      Args
+0007FFFFCD30  00021006118E (0002102A6010, 000210272B51, 000000000063, 0007FFFFB660) msys-2.0.dll+0x2118E
+0007FFFFCD30  0002100469BA (0007FFFFC710, 000200000000, 000700000000, 000700000001) msys-2.0.dll+0x69BA
+0007FFFFCD30  0002100469F2 (000000000000, 000000000000, 000000000063, 000700000003) msys-2.0.dll+0x69F2
+0007FFFFCD30  000210101D21 (000210177B53, 000800007798, 000000000000, 0002102752E0) msys-2.0.dll+0xC1D21
+0007FFFFCD30  000210101D39 (0002101779A0, 0003000000FF, 000000000006, 0007FFFFC890) msys-2.0.dll+0xC1D39
+0007FFFFCD30  000210104704 (0007FFFFCD30, 000000000000, 0007FFFFC890, 0002102752E0) msys-2.0.dll+0xC4704
+0007FFFFCD30  000210059095 (000000000004, 000000000004, 0007FFFFC9E8, 0000FFFFFFFF) msys-2.0.dll+0x19095
+0007FFFFCD30  000210059865 (000210070B52, 00021024CB20, 000800004540, 000000000030) msys-2.0.dll+0x19865
+0007FFFFCD30  000210059D77 (00021017DB25, 000000000000, 000000000000, 000000000000) msys-2.0.dll+0x19D77
+0007FFFFCD30  00021005A0B6 (0002100CB9A0, 000000000000, FFFFFFFFFFFFFF43, 000200000000) msys-2.0.dll+0x1A0B6
+0007FFFFCD30  000210047151 (000000000000, 000000000000, 000000000000, 000000000000) msys-2.0.dll+0x7151
+0007FFFFFFF0  000210045C86 (000000000000, 000000000000, 000000000000, 000000000000) msys-2.0.dll+0x5C86
+0007FFFFFFF0  000210045D34 (000000000000, 000000000000, 000000000000, 000000000000) msys-2.0.dll+0x5D34
+End of stack trace
+Loaded modules:
+000100400000 bash.exe
+7FFD10F50000 ntdll.dll
+7FFD0FA20000 KERNEL32.DLL
+7FFD0E710000 KERNELBASE.dll
+7FFD10800000 USER32.dll
+7FFD0EB80000 win32u.dll
+7FFD10370000 GDI32.dll
+7FFD0E220000 gdi32full.dll
+000210040000 msys-2.0.dll
+7FFD0EBB0000 msvcp_win.dll
+7FFD0E5F0000 ucrtbase.dll
+7FFD0F630000 advapi32.dll
+7FFD10430000 msvcrt.dll
+7FFD0F350000 sechost.dll
+7FFD0EAD0000 bcrypt.dll
+7FFD104E0000 RPCRT4.dll
+7FFD0DA20000 CRYPTBASE.DLL
+7FFD0EB00000 bcryptPrimitives.dll
+7FFD0F5F0000 IMM32.DLL
+7FFD02F20000 netapi32.dll
+7FFCFB7A0000 SAMCLI.DLL
+7FFD05410000 SAMLIB.dll
+7FFD0CD40000 NETUTILS.DLL

package/components.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.js",
+    "css": "src/style.css",
+    "baseColor": "slate",
+    "cssVariables": false,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/components/shadcn/utils",
+    "ui": "@/components/shadcn/ui",
+    "lib": "@/components/shadcn/lib",
+    "hooks": "@/components/shadcn/hooks"
+  },
+  "iconLibrary": "lucide"
+}

package/dist/README.md

@@ -0,0 +1,4 @@
+# @mxmweb工具库开发环境说明文档
+
+ import { Icon } from '@mxmweb/zui'
+  <Icon type="rag/pdf" size={16} />

package/dist/assets/style.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-blue-50:oklch(97% .014 254.604);--color-blue-500:oklch(62.3% .214 259.815);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.-top-1{top:calc(var(--spacing)*-1)}.top-1\/2{top:50%}.-right-1{right:calc(var(--spacing)*-1)}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.z-20{z-index:20}.my-2{margin-block:calc(var(--spacing)*2)}.mt-1{margin-top:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.list-item{display:list-item}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-9{height:calc(var(--spacing)*9)}.h-\[200px\]{height:200px}.h-full{height:100%}.h-screen{height:100vh}.w-4{width:calc(var(--spacing)*4)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-9{width:calc(var(--spacing)*9)}.w-32{width:calc(var(--spacing)*32)}.w-\[2px\]{width:2px}.w-\[500px\]{width:500px}.w-full{width:100%}.w-screen{width:100vw}.min-w-\[16px\]{min-width:16px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.origin-bottom-right{transform-origin:100% 100%}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.rotate-0{rotate:none}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.cursor-pointer\!{cursor:pointer!important}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-y-\[2px\]{row-gap:2px}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-none{--tw-border-style:none;border-style:none}.bg-blue-50{background-color:var(--color-blue-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-red-500{background-color:var(--color-red-500)}.stroke-gray-400{stroke:var(--color-gray-400)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-\[2px\]{padding-inline:2px}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-6{padding-block:calc(var(--spacing)*6)}.text-center{text-align:center}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[14px\]{font-size:14px}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.whitespace-nowrap{white-space:nowrap}.text-blue-500{color:var(--color-blue-500)}.text-gray-500{color:var(--color-gray-500)}.text-white{color:var(--color-white)}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.group-hover\:scale-105:is(:where(.group):hover *),.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}*{margin:0;padding:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}

package/{elements → dist/elements}/DropdownMenu.d.ts

@@ -5,6 +5,7 @@ export interface DropdownMenuAction {
     label?: string;
     type?: 'divider' | 'action';
     icon?: React.ReactNode;
+    disabled?: boolean;
     onClick?: () => void;
 }
 interface DropdownMenuProps {

package/dist/examples/Dropdown.d.ts

@@ -0,0 +1,2 @@
+declare const Dropdown: () => import("react/jsx-runtime").JSX.Element;
+export default Dropdown;

package/{index.js → dist/index.js}

@@ -379,13 +379,15 @@ const N0 = m.button`
       ) : /* @__PURE__ */ k(
         "button",
         {
-          className: "w-full rounded flex cursor-pointer items-center px-4 py-2 text-sm transition whitespace-nowrap",
+          className: "w-full rounded flex items-center px-4 py-2 text-sm transition whitespace-nowrap",
           style: {
             color: c.colors.text,
             background: "transparent",
             border: "none",
             // borderRadius: theme.space.radius,
-            fontSize: 12
+            fontSize: 12,
+            opacity: h.disabled ? 0.5 : 1,
+            cursor: h.disabled ? "not-allowed" : "pointer"
           },
           onClick: (F) => {
             F.stopPropagation(), g(!1), o(h.key), h.onClick && h.onClick();

package/dist/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@mxmweb/zui",
+  "main": "index.js",
+  "license": "MIT",
+  "style": "assets/style.css",
+  "types": "lib_enter.d.ts",
+  "private": false,
+  "version": "1.1.14",
+  "author": "hanfeng_Zhang",
+  "type": "module",
+  "peerDependencies": {
+    "@mxmweb/xviewer": "^1.1.31",
+    "animejs": "*",
+    "react": "*",
+    "react-dom": "*",
+    "styled-components": "*"
+  },
+  "scripts": {
+    "test": "yarn link",
+    "disconnect": "yarn unlink"
+  },
+  "exports": {
+    ".": {
+      "types": "./lib_enter.d.ts",
+      "import": "./index.js",
+      "default": "./index.js"
+    },
+    "./style.css": "./assets/style.css"
+  }
+}

package/eslint.config.js

@@ -0,0 +1,92 @@
+import js from "@eslint/js";
+import globals from "globals";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+import tseslint from "typescript-eslint";
+import reactPlugin from "eslint-plugin-react";
+import importPlugin from "eslint-plugin-import";
+import jsxA11yPlugin from "eslint-plugin-jsx-a11y";
+import prettierPlugin from "eslint-plugin-prettier";
+
+export default tseslint.config(
+  { ignores: ["dist", "node_modules", "coverage"] },
+  {
+    extends: [
+      js.configs.recommended,
+      ...tseslint.configs.recommended,
+      "plugin:react/recommended",
+      "plugin:react-hooks/recommended",
+      "plugin:react-refresh/recommended",
+      "plugin:prettier/recommended",
+      "plugin:import/recommended",
+      "plugin:import/typescript",
+      "plugin:jsx-a11y/recommended",
+    ],
+    files: ["**/*.{ts,tsx}"],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+      },
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+        sourceType: "module",
+      },
+    },
+    plugins: {
+      "react": reactPlugin,
+      "react-hooks": reactHooks,
+      "react-refresh": reactRefresh,
+      "@typescript-eslint": tseslint.plugin,
+      "import": importPlugin,
+      "jsx-a11y": jsxA11yPlugin,
+      "prettier": prettierPlugin,
+    },
+    settings: {
+      react: {
+        version: "detect",
+      },
+      "import/resolver": {
+        typescript: {},
+        node: {
+          extensions: [".js", ".jsx", ".ts", ".tsx"],
+        },
+      },
+    },
+    rules: {
+      // React 相关规则
+      "react/react-in-jsx-scope": "off",
+      "react/prop-types": "off",
+      "react/jsx-uses-react": "off",
+      "react-hooks/rules-of-hooks": "error",
+      "react-hooks/exhaustive-deps": "warn",
+      "react-refresh/only-export-components": [
+        "warn",
+        { allowConstantExports: true },
+      ],
+      
+      // TypeScript 相关规则
+      "@typescript-eslint/explicit-module-boundary-types": "off",
+      "@typescript-eslint/no-explicit-any": "warn",
+      "@typescript-eslint/no-unused-vars": ["warn", { argsIgnorePattern: "^_" }],
+      
+      // 导入相关规则
+      "import/order": [
+        "error",
+        {
+          groups: ["builtin", "external", "internal", "parent", "sibling", "index"],
+          "newlines-between": "always",
+          alphabetize: { order: "asc", caseInsensitive: true },
+        },
+      ],
+      
+      // 通用规则
+      "no-console": ["warn", { allow: ["warn", "error"] }],
+      "prettier/prettier": "error",
+      "no-unused-vars": "off", // 使用 @typescript-eslint/no-unused-vars 替代
+    },
+  }
+);

package/index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>UI 组件库预览</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/package.json

@@ -1,26 +1,50 @@
 {
   "name": "@mxmweb/zui",
-  "main": "index.js",
-  "license": "MIT",
-  "style": "assets/style.css",
-  "types": "lib_enter.d.ts",
-  "private": false,
-  "version": "1.1.10",
   "author": "hanfeng_Zhang",
+  "version": "1.1.14",
   "type": "module",
-  "scripts": {
-    "test": "yarn link",
-    "disconnect": "yarn unlink"
-  },
+  "main": "dist/index.js",
+  "types": "dist/lib_enter.d.ts",
   "exports": {
     ".": {
-      "types": "./lib_enter.d.ts",
-      "import": "./index.js",
-      "default": "./index.js"
+      "types": "./dist/lib_enter.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
     },
-    "./style.css": "./assets/style.css"
+    "./style.css": "./dist/assets/style.css",
+    "./icons/*": "./dist/icons/*"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build --mode production",
+    "publish": "npm publish --access public",
+    "preview": "vite preview",
+    "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "lint:fix": "eslint src --ext ts,tsx --fix",
+    "format": "prettier --write \"src/**/*.{ts,tsx,css,md}\"",
+    "format:check": "prettier --check \"src/**/*.{ts,tsx,css,md}\"",
+    "release": "semantic-release",
+    "release:dry": "semantic-release --dry-run"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-dom": "*",
+    "styled-components": "*",
+    "animejs": "*",
+    "@mxmweb/xviewer": "^1.1.31"
   },
-  "dependencies": {
+  "include": [
+    "src/application/**/*"
+  ],
+  "exclude": [
+    "node_modules",
+    "src/main.tsx",
+    "src/Preview.tsx",
+    "type.d.ts",
+    "vite-env.d.ts"
+  ],
+  "devDependencies": {
+    "@types/validator": "^13.15.3",
     "@mxmweb/xviewer": "workspace:*"
   }
 }

package/postcss.config.cjs

@@ -0,0 +1,19 @@
+module.exports = {
+  plugins: [
+    require('@tailwindcss/postcss')(),
+    // 自定义插件：去除所有@layer指令，展开为普通CSS
+    function discardLayerPlugin() {
+      return {
+        postcssPlugin: 'discard-layer',
+        AtRule: {
+          layer: (atRule) => {
+            atRule.replaceWith(atRule.nodes || []);
+          }
+        }
+      }
+    },
+    require('autoprefixer')(),
+  ]
+};
+// 标记自定义插件为postcss插件
+module.exports.plugins[1].postcss = true;