@miaixz/ui 0.5.0

package/LICENSE

@@ -0,0 +1,202 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        https://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/NOTICE

@@ -0,0 +1,7 @@
+Miaixz UI
+
+Copyright (c) 2015-2026 miaixz.org and other contributors.
+
+This product includes software developed by
+The Miaixz Team (https://www.miaixz.org).
+

package/README.md

@@ -0,0 +1,190 @@
+# @miaixz/ui
+
+Miaixz 的统一 React 设计系统包，为独立部署的首页、空间、设置等前端服务提供同一套设计令牌、主题、密度、Lucide 图标和通用组件。
+
+`@miaixz/ui` 仅支持 ESM，不提供 CommonJS `require` 入口。JavaScript 入口不会自动加载全局 CSS，消费端必须显式导入样式。
+
+## 安装
+
+```bash
+npm install @miaixz/ui @miaixz/sdk react react-dom lucide-react
+```
+
+`@miaixz/sdk`、`react`、`react-dom` 与 `lucide-react` 是 peer dependencies，不会被打入组件包。当前 `0.5.x` 建设阶段要求 `@miaixz/sdk >=0.5.0 <1.0.0`；完整版本、浏览器与废弃策略见 [SUPPORT.md](./SUPPORT.md)。
+
+## 基础用法
+
+每个前端服务在应用入口加载一次完整样式，并在组件树外提供 SDK 国际化运行时：
+
+```tsx
+import "@miaixz/ui/styles.css";
+import { createMiaixzI18n } from "@miaixz/sdk/i18n";
+import { Button, FormField, Input, MiaixzLocaleProvider } from "@miaixz/ui";
+
+const i18n = createMiaixzI18n({ locale: "zh-CN", fallbackLocale: "en-US" });
+
+export function Example() {
+  return (
+    <MiaixzLocaleProvider i18n={i18n}>
+      <FormField label="空间名称" required>
+        <Input placeholder="请输入空间名称" />
+      </FormField>
+      <Button type="button">保存</Button>
+    </MiaixzLocaleProvider>
+  );
+}
+```
+
+组件可从根入口导入，也可通过稳定子路径按需导入：
+
+```tsx
+import { Button } from "@miaixz/ui/button";
+import { Icon } from "@miaixz/ui/icons";
+```
+
+禁止从 `dist` 或包内源码深层导入。
+
+## 样式分层
+
+- `@miaixz/ui/foundation.css`：主题、排版、间距、圆角、阴影、动效和密度等设计令牌与基础能力。
+- `@miaixz/ui/components.css`：组件样式；与基础层存在同名定义时，以组件层为权威。
+- `@miaixz/ui/styles.css`：推荐的完整入口，按固定顺序组合基础层与组件层。
+
+业务服务不要覆盖组件内部选择器。品牌定制应通过公开 CSS 变量和运行时外观设置完成。
+
+## 主题、颜色与密度
+
+外观状态由 SDK 统一存储和同步，UI 包负责把已经校验的设置应用到 DOM：
+
+```ts
+import { createMiaixzSdk } from "@miaixz/sdk";
+import { applyMiaixzAppearance } from "@miaixz/ui/appearance";
+
+const sdk = createMiaixzSdk({
+  appId: "portal",
+  config: {
+    apiBaseUrl: "https://api.miaixz.example",
+    environment: "production",
+  },
+});
+
+applyMiaixzAppearance(sdk.appearance.getSnapshot());
+const stopAppearance = sdk.appearance.subscribe((appearance) => {
+  applyMiaixzAppearance(appearance);
+});
+
+sdk.appearance.patch({
+  colorMode: "system",
+  density: "comfortable",
+  colors: { brand: "#55b52d" },
+});
+
+// 服务卸载时调用
+stopAppearance();
+sdk.destroy();
+```
+
+支持 `light`、`dark`、`system` 三种颜色偏好，以及 `compact`、`standard`、`comfortable` 三档密度。SDK 会按应用与租户隔离持久化外观；不同部署服务应通过 Host Bridge 或统一配置同步同一份设置。
+
+## 项目多语言文件
+
+UI 包只注册通用组件文案。业务文案由项目自己的语言目录提供，并交给 SDK 的唯一国际化实例加载：
+
+```tsx
+import { createMiaixzI18n, createMiaixzMessageLoader } from "@miaixz/sdk/i18n";
+import { MiaixzLocaleProvider } from "@miaixz/ui/i18n";
+
+const loadMessages = createMiaixzMessageLoader({
+  portal: {
+    "zh-CN": () => import("./locales/zh-CN.js"),
+    "en-US": () => import("./locales/en-US.js"),
+  },
+});
+
+const i18n = createMiaixzI18n({
+  locale: "zh-CN",
+  fallbackLocale: "en-US",
+  loadMessages,
+});
+
+await i18n.initialize(["portal"]);
+
+export function Root() {
+  return (
+    <MiaixzLocaleProvider i18n={i18n}>
+      <App />
+    </MiaixzLocaleProvider>
+  );
+}
+```
+
+语言模块默认导出扁平键值对象。项目文案优先于内置文案；当前语言缺失时回退到 `fallbackLocale`，仍缺失时返回消息键。`useMiaixzLocale()` 可读取当前快照与翻译函数。
+
+## 错误处理
+
+组件契约校验失败会抛出 `MiaixzUiError`。错误包含稳定 `code`、可翻译 `messageKey` 和经过清理的可选 `details`：
+
+```ts
+import { MiaixzUiError } from "@miaixz/ui/errors";
+
+try {
+  renderFeature();
+} catch (error) {
+  if (error instanceof MiaixzUiError) {
+    reportUiFailure({ code: error.code, messageKey: error.messageKey });
+  } else {
+    throw error;
+  }
+}
+```
+
+不要把 `details` 直接展示给用户，也不要在错误信息中加入 Token、Cookie、授权头、个人信息或文件内容。异步请求错误由 `@miaixz/sdk` 的结构化错误处理。
+
+## 微前端接入
+
+每个独立部署服务都安装兼容版本的 UI 与 SDK，不复制样式或组件构建产物。宿主负责：
+
+1. 校验 SDK 模块清单与 Host Bridge 协议版本。
+2. 向模块同步非敏感上下文、语言、权限和外观快照。
+3. 保证同一运行时中的 React、ReactDOM、Lucide 与 SDK 只有兼容实例。
+
+同运行时模块使用 `createMiaixzDirectHostBridge()`；跨域 iframe 使用精确 origin 的 `createMiaixzPostMessageHost()` 与 `createMiaixzPostMessageChildBridge()`。模块收到外观快照后调用 `applyMiaixzAppearance()`，不得直接读取或改写宿主 DOM。
+
+## 组件
+
+当前公共组件包括：
+
+- 基础与表单：Icon、Button、Input、SearchInput、Textarea、Select、Combobox、MultiSelect、FormField、Checkbox、Radio、Switch、Dropzone、FileUpload。
+- 导航与布局：Navigation、Breadcrumb、Tabs、Toolbar、AppShell、Page、PageHeader、PageToolbar、Grid、SplitLayout、SidebarLayout。
+- 数据展示：Panel、List、Table、DataTable、TreeView、Badge、Pagination、Avatar、Divider、StatusIndicator。
+- 反馈与浮层：Alert、InlineMessage、Progress、Spinner、LoadingOverlay、Tooltip、Popover、Dropdown、Dialog、ConfirmDialog、Drawer、Toast、Skeleton、EmptyState、VisuallyHidden。
+
+所有交互组件保留原生语义、键盘操作和可见焦点；图标按钮必须提供可访问名称。
+
+## 本地开发
+
+```bash
+npm install
+npm run check
+npm test
+npm run test:consumer
+npm run test:size
+npm run api:check
+npm run pack:check
+```
+
+此包使用 npm 独立构建，不依赖仓库外的隐式工具。
+
+发布由仓库的 `Release Vendor Package` 工作流统一执行。默认 `dry-run` 只生成可审计构件，不发布到 npm；`next` 和 `latest` 必须从对应受保护 Tag 启动，并通过 `npm-production` 环境人工批准。正式发布使用 npm Trusted Publishing/OIDC，不配置长期 npm Token。
+
+## 治理文档
+
+- [CHANGELOG.md](./CHANGELOG.md)：版本变化。
+- [MIGRATION.md](./MIGRATION.md)：迁移步骤。
+- [SECURITY.md](./SECURITY.md)：漏洞报告与安全边界。
+- [SUPPORT.md](./SUPPORT.md)：兼容、浏览器与废弃周期。
+- [THIRD_PARTY_NOTICES.md](./THIRD_PARTY_NOTICES.md)：第三方许可。
+
+## License
+
+Apache-2.0

package/dist/accessibility/focus-scope.d.ts

@@ -0,0 +1,57 @@
+import { type ReactElement, type ReactNode, type RefObject } from "react";
+/**
+ * Configures the package-internal focus scope component.
+ */
+interface FocusScopeProps {
+    /**
+     * Controls whether the focus boundary is active.
+     */
+    readonly active: boolean;
+    /**
+     * References the element that owns focusable descendants.
+     */
+    readonly containerRef: RefObject<HTMLElement | null>;
+    /**
+     * Optionally identifies the preferred initial focus element.
+     */
+    readonly initialFocusRef?: RefObject<HTMLElement | null>;
+    /**
+     * Optionally supplies a restoration target captured before a native modal changes focus.
+     */
+    readonly restoreFocusRef?: RefObject<HTMLElement | null>;
+    /**
+     * Supplies content without introducing another DOM wrapper.
+     */
+    readonly children: ReactNode;
+}
+/**
+ * Activates the single package-internal focus boundary around rendered children.
+ *
+ * Activation is deferred to a microtask so native dialog synchronization can finish before the
+ * first focus move. Cleanup cancels pending activation or deactivates the live scope exactly once.
+ *
+ * @param props - Internal focus boundary configuration.
+ * @param props.active - Whether the focus boundary is active.
+ * @param props.containerRef - Reference to the scope container.
+ * @param props.initialFocusRef - Optional reference to the preferred initial target.
+ * @param props.restoreFocusRef - Optional reference to a pre-captured restoration target.
+ * @param props.children - Content rendered without an additional wrapper.
+ * @returns Rendered children without an additional DOM element.
+ * @internal
+ */
+export declare function FocusScope({ active, containerRef, initialFocusRef, restoreFocusRef, children, }: FocusScopeProps): ReactElement;
+/**
+ * Activates focus entry, Tab containment, nested-scope ownership, and restoration for one element.
+ *
+ * This package-internal function is exported only for direct reuse and deterministic unit tests;
+ * it is not re-exported from any public package entry.
+ *
+ * @param container - Element whose descendants form the focus boundary.
+ * @param initialFocus - Optional preferred initial focus element inside the container.
+ * @param restoreFocusTarget - Optional pre-captured restoration target; null disables restoration.
+ * @returns An idempotent function that removes the scope and restores a valid focus target.
+ * @internal
+ */
+export declare function activateMiaixzFocusScope(container: HTMLElement, initialFocus?: HTMLElement, restoreFocusTarget?: HTMLElement | null): () => void;
+export {};
+//# sourceMappingURL=focus-scope.d.ts.map

package/dist/accessibility/focus-scope.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-scope.d.ts","sourceRoot":"","sources":["../../src/accessibility/focus-scope.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAkD/F;;GAEG;AACH,UAAU,eAAe;IACvB;;OAEG;IACH,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,QAAQ,CAAC,YAAY,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAErD;;OAEG;IACH,QAAQ,CAAC,eAAe,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAEzD;;OAEG;IACH,QAAQ,CAAC,eAAe,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAEzD;;OAEG;IACH,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;CAC9B;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,YAAY,EACZ,eAAe,EACf,eAAe,EACf,QAAQ,GACT,EAAE,eAAe,GAAG,YAAY,CAsBhC;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,wBAAwB,CACtC,SAAS,EAAE,WAAW,EACtB,YAAY,CAAC,EAAE,WAAW,EAC1B,kBAAkB,CAAC,EAAE,WAAW,GAAG,IAAI,GACtC,MAAM,IAAI,CAkGZ"}