@s-works/s-works-ui 0.0.1 → 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/README.md +3 -3
  2. package/cjs/standard/index.cjs +2633 -6
  3. package/esm/standard/index.mjs +2633 -6
  4. package/package.json +3 -5
  5. package/tailwind.css +1598 -2
  6. package/tailwind.layer.css +1598 -2
  7. package/types/standard/components/Alert/Alert.d.ts +397 -0
  8. package/types/standard/components/Alert/icons.d.ts +58 -0
  9. package/types/standard/components/AppShell/AppShell.d.ts +31 -0
  10. package/types/standard/components/AppShell/AppShellTaskItem.d.ts +26 -0
  11. package/types/standard/components/AppShell/useAppShellSidebar.d.ts +19 -0
  12. package/types/standard/components/Breadcrumbs/Breadcrumbs.d.ts +18 -0
  13. package/types/standard/components/Breadcrumbs/useBreadcrumbItems.d.ts +7 -0
  14. package/types/standard/components/Checkbox/Checkbox.d.ts +440 -0
  15. package/types/standard/components/Checkbox/icons.d.ts +4 -0
  16. package/types/standard/components/CloseButton/CloseButton.d.ts +18 -0
  17. package/types/standard/components/CloseButton/icons.d.ts +4 -0
  18. package/types/standard/components/DateInput/DateInput.d.ts +61 -0
  19. package/types/standard/components/DateInput/icons.d.ts +7 -0
  20. package/types/standard/components/DatePicker/DatePicker.d.ts +39 -0
  21. package/types/standard/components/DatePicker/icons.d.ts +3 -0
  22. package/types/standard/components/DateRangeShortcuts.d.ts +12 -0
  23. package/types/standard/components/InputBase/InputBase.d.ts +148 -0
  24. package/types/standard/components/InputBase/icons.d.ts +3 -0
  25. package/types/standard/components/Layout/Layout.d.ts +18 -0
  26. package/types/standard/components/Layout/use-layout-state.d.ts +18 -0
  27. package/types/standard/components/Loader/Loader.d.ts +25 -0
  28. package/types/standard/components/Loader/icons.d.ts +3 -0
  29. package/types/standard/components/Modal/Modal.d.ts +22 -0
  30. package/types/standard/components/Modal/icons.d.ts +9 -0
  31. package/types/standard/components/Pagination/Pagination.d.ts +34 -0
  32. package/types/standard/components/Radio/Radio.d.ts +432 -0
  33. package/types/standard/components/Select/Select.d.ts +43 -0
  34. package/types/standard/components/Select/icons.d.ts +5 -0
  35. package/types/standard/components/Skeleton/Skeleton.d.ts +6 -0
  36. package/types/standard/components/Space/Space.d.ts +1 -0
  37. package/types/standard/components/Switch/Switch.d.ts +434 -0
  38. package/types/standard/components/Table/Table.d.ts +39 -0
  39. package/types/standard/components/Tabs/Tabs.d.ts +33 -0
  40. package/types/standard/components/Tag/Tag.d.ts +115 -0
  41. package/types/standard/components/Tag/icons.d.ts +8 -0
  42. package/types/standard/components/TagsInput/TagsInput.d.ts +422 -0
  43. package/types/standard/components/TagsInput/controller.d.ts +713 -0
  44. package/types/standard/components/TagsInput/icons.d.ts +13 -0
  45. package/types/standard/components/TagsInput/types.d.ts +7 -0
  46. package/types/standard/components/ThreeColumnLayout/ThreeColumnLayout.d.ts +45 -0
  47. package/types/standard/components/ThreeColumnLayout/use-resizable-panel.d.ts +30 -0
  48. package/types/standard/components/TimePicker/TimePicker.d.ts +28 -0
  49. package/types/standard/components/Title/Title.d.ts +20 -0
  50. package/types/standard/components/Toast/Toast.d.ts +16 -0
  51. package/types/standard/components/Tooltip/Tooltip.d.ts +20 -0
  52. package/types/standard/index.d.mts +27 -0
  53. package/types/standard/index.d.ts +27 -0
package/README.md CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  npm 包名:`@s-works/s-works-ui`。接入项目需使用此名称安装依赖,并同步更新组件、Hooks、扩展与 CSS 的 import。
4
4
 
5
- 基于 Mantine 8.3.18 的 React 组件、Hooks 与扩展聚合包。保留已有 root、core、hooks 及扩展入口;`/standard` 当前导出 Button / ButtonProps 标准组件。按团队约定,登记到团队标准即视为设计已验收;是否已发布请以实际 npm 版本为准。
5
+ 基于 Mantine 8.3.18 的 React 组件、Hooks 与扩展聚合包。保留 root、core、hooks 及扩展入口。`/standard` 提供 Button、Modal、ThreeColumnLayout、TimePicker、Toast 等团队标准组件及其类型。
6
6
 
7
7
  先在应用最早加载的全局 CSS 中声明层级:
8
8
 
@@ -17,7 +17,7 @@ import '@s-works/s-works-ui/styles.layer.css';
17
17
  import '@s-works/s-works-ui/tailwind.layer.css';
18
18
  ```
19
19
 
20
- 组件与 `MantineProvider` 从同一包导入,避免与独立 `@mantine/core` 的 Provider 混用。React 和 React DOM 为 peer dependencies,扩展包按需安装其可选 peers。
20
+ 组件与 `MantineProvider` 从同一包导入。React 和 React DOM 为 peer dependencies,扩展包按需安装其可选 peers。日期组件使用随包安装的 `dayjs`。
21
21
 
22
22
  ```tsx
23
23
  import { MantineProvider } from '@s-works/s-works-ui';
@@ -30,7 +30,7 @@ export function App() {
30
30
 
31
31
  Button 保留 Mantine 的尺寸、变体、加载、禁用与多态 props。优先使用公开组件 props 和 Style Props 表达设计,剩余差异使用 `classNames`,支持对象和回调并按插槽合并。默认 `sm`;`xs` / `sm` / `md` 在根字号16px、scale=1时高度为24 / 32 / 40px、圆角为4 / 6 / 8px,数值尺寸随 Mantine 缩放,显式 props 优先。
32
32
 
33
- 带图标的自有示例使用 `lucide-react` 1.61.0,通过 `yarn add lucide-react@1.61.0` 单独安装,并复制示例中的命名导入。Button 本身通过 `leftSection` / `rightSection` 接收 React 内容,包不强制依赖 Lucide;调用方可以使用自己的图标。
33
+ 带图标的自有示例使用 `lucide-react` 1.61.0,复制时安装该版本并保留命名导入。ThreeColumnLayout 内置的面板操作使用 Lucide,聚合包将其列为运行依赖;Button 本身通过 `leftSection` / `rightSection` 接收 React 内容,调用方可以使用自己的图标。
34
34
 
35
35
  团队样式已预编译,使用方无需安装 Tailwind。npm 类名和变量使用 sw 命名空间,不包含 Tailwind Preflight;默认工具类位于 `components.sw` 子层,宿主 utilities 可以显式覆盖。层级顺序需在加载其他样式前声明,宿主全局 CSS 和继承仍遵循正常层叠规则。
36
36