@liujitcn/kratos-taro-app-ui 0.0.1

package/README.md

@@ -0,0 +1,17 @@
+# @liujitcn/kratos-taro-app-ui
+
+`@liujitcn/kratos-taro-app-ui` 是 Kratos Taro 应用的 UI 基础包，统一维护 NutUI 适配、按需图标和应用主题变量。包内不承载业务页面，也不依赖业务模块。
+
+## 公开入口
+
+- `@liujitcn/kratos-taro-app-ui`：版本标识及按需封装的图标。
+- `@liujitcn/kratos-taro-app-ui/icons`：图标专用入口。
+- `@liujitcn/kratos-taro-app-ui/styles/theme.scss`：Kratos 与 NutUI 主题变量。
+
+宿主应在全局样式中引入主题：
+
+```scss
+@use '@liujitcn/kratos-taro-app-ui/styles/theme.scss';
+```
+
+业务代码只从本包公开入口引用图标。不要直接依赖 NutUI 的内部路径；按需加载细节由本包统一维护。

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@liujitcn/kratos-taro-app-ui",
+  "description": "Shared theme and NutUI adapters for Kratos Taro apps.",
+  "version": "0.0.1",
+  "type": "module",
+  "files": [
+    "src",
+    "README.md"
+  ],
+  "exports": {
+    ".": "./src/index.ts",
+    "./icons": "./src/icons.ts",
+    "./styles/*": "./src/styles/*",
+    "./package.json": "./package.json"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@nutui/icons-react-taro": "3.0.2-cpp.3.beta.9",
+    "@nutui/nutui-react-taro": "3.0.20",
+    "@tarojs/components": "4.2.1",
+    "react": "18.3.1"
+  },
+  "peerDependencies": {
+    "@liujitcn/kratos-taro-app-core": "^0.0.1"
+  },
+  "scripts": {
+    "build": "pnpm pack --pack-destination ../../dist/npm",
+    "build:entries": "node -e \"process.exit(0)\"",
+    "tsc": "tsc --noEmit -p tsconfig.json"
+  }
+}

package/src/icons.ts

@@ -0,0 +1,12 @@
+/// <reference path="./types/nutui-icons.d.ts" />
+
+export { default as ArrowLeft } from '@nutui/icons-react-taro/dist/es/icons/ArrowLeft.js'
+export { default as ArrowRight } from '@nutui/icons-react-taro/dist/es/icons/ArrowRight.js'
+export { default as Category } from '@nutui/icons-react-taro/dist/es/icons/Category.js'
+export { default as List2 } from '@nutui/icons-react-taro/dist/es/icons/List2.js'
+export { default as Microphone } from '@nutui/icons-react-taro/dist/es/icons/Microphone.js'
+export { default as More } from '@nutui/icons-react-taro/dist/es/icons/More.js'
+export { default as Plus } from '@nutui/icons-react-taro/dist/es/icons/Plus.js'
+export { default as Refresh } from '@nutui/icons-react-taro/dist/es/icons/Refresh.js'
+export { default as Search } from '@nutui/icons-react-taro/dist/es/icons/Search.js'
+export { default as Share } from '@nutui/icons-react-taro/dist/es/icons/Share.js'

package/src/index.ts

@@ -0,0 +1,4 @@
+/** Taro UI 包版本标识。 */
+export const KRATOS_TARO_UI_VERSION = '0.0.1'
+
+export * from './icons'

package/src/styles/theme.scss

@@ -0,0 +1,32 @@
+$kratos-primary: #27ba9b;
+$kratos-primary-pressed: #1d9e83;
+$kratos-primary-light: #e9f8f4;
+$kratos-success: #27ba9b;
+$kratos-danger: #cf4444;
+$kratos-text: #333;
+$kratos-muted: #8a8f99;
+$kratos-background: #f7f7f8;
+
+:root,
+page {
+  --kratos-color-primary: #{$kratos-primary};
+  --kratos-color-primary-pressed: #{$kratos-primary-pressed};
+  --kratos-color-primary-light: #{$kratos-primary-light};
+  --kratos-color-danger: #{$kratos-danger};
+  --kratos-color-text: #{$kratos-text};
+  --kratos-color-text-muted: #{$kratos-muted};
+  --kratos-color-background: #{$kratos-background};
+
+  --nutui-color-primary: #{$kratos-primary};
+  --nutui-color-primary-stop-1: #{$kratos-primary};
+  --nutui-color-primary-stop-2: #{$kratos-primary};
+  --nutui-color-primary-pressed: #{$kratos-primary-pressed};
+  --nutui-color-primary-light: #{$kratos-primary-light};
+  --nutui-color-primary-light-pressed: #d7f1ea;
+  --nutui-color-success: #{$kratos-success};
+  --nutui-color-danger: #{$kratos-danger};
+  --nutui-color-background: #{$kratos-background};
+  --nutui-color-title: #{$kratos-text};
+  --nutui-color-text-help: #{$kratos-muted};
+  --nutui-button-border-radius: 6px;
+}

package/src/types/nutui-icons.d.ts

@@ -0,0 +1,18 @@
+declare module '@nutui/icons-react-taro/dist/es/icons/*.js' {
+  import type { ComponentType, CSSProperties, ReactNode } from 'react'
+
+  interface NutIconProps {
+    className?: string
+    color?: string
+    height?: number | string
+    name?: string
+    onClick?: (event: unknown) => void
+    size?: number | string
+    style?: CSSProperties
+    width?: number | string
+    children?: ReactNode
+  }
+
+  const Icon: ComponentType<NutIconProps>
+  export default Icon
+}