@canlooks/can-ui 0.0.3 → 0.0.5

package/dist/esm/utils/hooks.d.ts

@@ -1,5 +1,5 @@
 import { MutableRefObject, Dispatch, SetStateAction } from 'react';
-import { Id } from '../..';
+import { Id } from '../../types';
 /**
  * 获取渲染前的值
  * @param value

package/dist/esm/utils/style.d.ts

@@ -1,5 +1,5 @@
 import { Theme } from '../components/app';
-import { Breakpoints, ColorPropsValue, ResponsiveProp, ResponsiveValue } from '../..';
+import { Breakpoints, ColorPropsValue, ResponsiveProp, ResponsiveValue } from '../../types';
 import { StatusType } from '../components/status/status';
 /**
  * 为类名添加统一前缀，通常为内部使用

package/dist/esm/utils/tree.d.ts

@@ -1,4 +1,4 @@
-import { Id, Obj } from '../..';
+import { Id, Obj } from '../../types';
 /**
  * ------------------------------------------------------------------------
  * 统一处理树形搜索

package/dist/esm/utils/utils.d.ts

@@ -1,5 +1,5 @@
 import { MutableRefObject, Ref, ReactNode } from 'react';
-import { Id } from '../..';
+import { Id } from '../../types';
 /**
  * 生成最简易的随机ID
  * @param namespace

package/dist/types/index.d.ts

@@ -0,0 +1,50 @@
+import {ComponentType, DetailedHTMLProps, HTMLAttributes, Ref} from 'react'
+
+export type Id = string | number
+
+export type Obj<T = any> = {[p: Id]: T}
+
+export type ThemeEasingName = 'linear' | 'ease' | 'easeIn' | 'easeOut' | 'easeInOut' | 'bounce' | 'swing'
+
+export type Status = 'success' | 'error' | 'warning' | 'info'
+
+export type ColorPresets = 'primary' | 'secondary' | Status
+
+export type ColorPropsValue = ColorPresets | 'text' | 'disabled' | 'placeholder' | 'inverse' | 'divider' | string
+
+export type TextColorPresets = 'primary' | 'secondary' | 'disabled' | 'placeholder' | 'inverse'
+
+export type Size = 'small' | 'medium' | 'large'
+
+export type CornerPlacement = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom'
+
+export type BlockPlacement = CornerPlacement | 'top' | 'bottom'
+
+export type Placement = BlockPlacement | 'left' | 'right'
+
+export type DefineElement<T = Element | null | undefined> = T | (() => T)
+
+export type Breakpoints =
+    | 'xs'
+    | 'sm'
+    | 'md'
+    | 'lg'
+    | 'xl'
+
+export type ResponsiveValue<T = number> = {
+    [P in Breakpoints]?: T
+}
+
+export type ResponsiveProp<T = number> = T | ResponsiveValue<T>
+
+export type DOMProps<T extends Element> = Omit<DetailedHTMLProps<HTMLAttributes<T>, T>, 'ref'> & {ref?: Ref<T>}
+
+export type DIVProps = DOMProps<HTMLDivElement>
+
+export type OverridableProps<T> = {
+    component?: T
+} & (
+        T extends ComponentType<infer P> ? P
+        : T extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[T]
+        : {}
+    )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canlooks/can-ui",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "author": "C.CanLiang <canlooks@gmail.com>",
   "description": "My ui framework",
   "license": "MIT",
@@ -54,7 +54,7 @@
     "tslib": "^2.8.0"
   },
   "devDependencies": {
-    "@canlooks/tscup": "^0.0.1",
+    "@canlooks/tscup": "^0.0.4",
     "@mui/icons-material": "^6.1.5",
     "@traptitech/markdown-it-katex": "^3.6.0",
     "@types/color": "^3.0.6",

package/tscup.config.ts

@@ -1,6 +1,15 @@
 import {defineConfig} from '@canlooks/tscup'
+import * as path from 'path'
+import {promises as fs} from 'fs'
 
 export default defineConfig({
     format: ['cjs', 'esm'],
-    clean: true
+    clean: true,
+    async onFinish() {
+        await fs.cp(
+            path.resolve('types'),
+            path.resolve('dist/types'),
+            {recursive: true}
+        )
+    }
 })

package/types/index.d.ts

@@ -0,0 +1,50 @@
+import {ComponentType, DetailedHTMLProps, HTMLAttributes, Ref} from 'react'
+
+export type Id = string | number
+
+export type Obj<T = any> = {[p: Id]: T}
+
+export type ThemeEasingName = 'linear' | 'ease' | 'easeIn' | 'easeOut' | 'easeInOut' | 'bounce' | 'swing'
+
+export type Status = 'success' | 'error' | 'warning' | 'info'
+
+export type ColorPresets = 'primary' | 'secondary' | Status
+
+export type ColorPropsValue = ColorPresets | 'text' | 'disabled' | 'placeholder' | 'inverse' | 'divider' | string
+
+export type TextColorPresets = 'primary' | 'secondary' | 'disabled' | 'placeholder' | 'inverse'
+
+export type Size = 'small' | 'medium' | 'large'
+
+export type CornerPlacement = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom'
+
+export type BlockPlacement = CornerPlacement | 'top' | 'bottom'
+
+export type Placement = BlockPlacement | 'left' | 'right'
+
+export type DefineElement<T = Element | null | undefined> = T | (() => T)
+
+export type Breakpoints =
+    | 'xs'
+    | 'sm'
+    | 'md'
+    | 'lg'
+    | 'xl'
+
+export type ResponsiveValue<T = number> = {
+    [P in Breakpoints]?: T
+}
+
+export type ResponsiveProp<T = number> = T | ResponsiveValue<T>
+
+export type DOMProps<T extends Element> = Omit<DetailedHTMLProps<HTMLAttributes<T>, T>, 'ref'> & {ref?: Ref<T>}
+
+export type DIVProps = DOMProps<HTMLDivElement>
+
+export type OverridableProps<T> = {
+    component?: T
+} & (
+        T extends ComponentType<infer P> ? P
+        : T extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[T]
+        : {}
+    )

package/index.d.ts

@@ -1,54 +0,0 @@
-import {ComponentType, DetailedHTMLProps, HTMLAttributes, Ref} from 'react'
-
-declare namespace CanUI {
-    type Id = string | number
-
-    type Obj<T = any> = {[p: Id]: T}
-
-    type ThemeEasingName = 'linear' | 'ease' | 'easeIn' | 'easeOut' | 'easeInOut' | 'bounce' | 'swing'
-
-    type Status = 'success' | 'error' | 'warning' | 'info'
-
-    type ColorPresets = 'primary' | 'secondary' | Status
-
-    type ColorPropsValue = ColorPresets | 'text' | 'disabled' | 'placeholder' | 'inverse' | 'divider' | string
-
-    type TextColorPresets = 'primary' | 'secondary' | 'disabled' | 'placeholder' | 'inverse'
-
-    type Size = 'small' | 'medium' | 'large'
-
-    type CornerPlacement = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom'
-
-    type BlockPlacement = CornerPlacement | 'top' | 'bottom'
-
-    type Placement = BlockPlacement | 'left' | 'right'
-
-    type DefineElement<T = Element | null | undefined> = T | (() => T)
-
-    type Breakpoints =
-        | 'xs'
-        | 'sm'
-        | 'md'
-        | 'lg'
-        | 'xl'
-
-    type ResponsiveValue<T = number> = {
-        [P in Breakpoints]?: T
-    }
-
-    type ResponsiveProp<T = number> = T | ResponsiveValue<T>
-
-    type DOMProps<T extends Element> = Omit<DetailedHTMLProps<HTMLAttributes<T>, T>, 'ref'> & {ref?: Ref<T>}
-
-    type DIVProps = DOMProps<HTMLDivElement>
-
-    type OverridableProps<T> = {
-        component?: T
-    } & (
-            T extends ComponentType<infer P> ? P
-            : T extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[T]
-            : {}
-        )
-}
-
-export = CanUI