@canlooks/can-ui 0.0.1 → 0.0.2

package/dist/esm/components/touchRipple/touchRipple.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { ColorPropsValue, DIVProps } from '../../../types';
+import { ColorPropsValue, DIVProps } from '../../..';
 export interface TouchRippleProps extends Omit<DIVProps, 'children'> {
     color?: ColorPropsValue;
     rippleProps?: DIVProps;

package/dist/esm/components/touchRipple/touchRipple.style.d.ts

@@ -1,4 +1,4 @@
-import { ColorPropsValue } from '../../../types';
+import { ColorPropsValue } from '../../..';
 export declare const classes: {
     ripple: string;
 } & {

package/dist/esm/components/transfer/transfer.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement, ReactNode } from 'react';
-import { DIVProps, Id } from '../../../types';
+import { DIVProps, Id } from '../../..';
 import { MenuOptionType } from '../optionsBase';
 import { ButtonProps } from '../button';
 export interface TransferProps<O extends MenuOptionType<V>, V extends Id = Id> extends Omit<DIVProps, 'defaultValue' | 'value' | 'onChange'> {

package/dist/esm/components/transfer/transferPanel.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement, ReactNode } from 'react';
-import { DIVProps, Id } from '../../../types';
+import { DIVProps, Id } from '../../..';
 import { MenuOptionType, OptionsBaseProps } from '../optionsBase';
 type ListProps<O extends MenuOptionType<V>, V extends Id = Id> = Pick<OptionsBaseProps<O, V>, 'options' | 'selectedValue' | 'primaryKey' | 'onToggleSelected'>;
 export interface TransferPanelProps<O extends MenuOptionType<V>, V extends Id = Id> extends Omit<DIVProps, 'title' | 'onChange'> {

package/dist/esm/components/transportStyle/transportStyle.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-import { DIVProps } from '../../../types';
+import { DIVProps } from '../../..';
 export interface TransportStyleProps extends DIVProps {
     /** 交叉轴对齐方式 */
     alignItems?: CSSProperties['alignItems'];

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

@@ -1,5 +1,5 @@
 import { ReactElement, ReactNode } from 'react';
-import { DIVProps, Id, Obj } from '../../../types';
+import { DIVProps, Id, Obj } from '../../..';
 import { OptionType, SelectionContextBaseProps, SelectionContextMultipleProps, SelectionContextSingleProps } from '../selectionContext';
 import { InputProps } from '../input';
 import { TreeNode, TreeNodeProps } from './treeNode';

package/dist/esm/components/tree/treeNode.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { DIVProps, Id } from '../../../types';
+import { DIVProps, Id } from '../../..';
 export interface TreeNodeProps extends Omit<DIVProps, 'prefix'> {
     value: Id;
     label?: ReactNode;

package/dist/esm/components/treeSelect/treeSelect.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement, ReactNode, Ref } from 'react';
 import { PopperProps, PopperRef } from '../popper';
 import { NodeType, TreeBaseProps, TreeMultipleProps, TreeNode, TreeSingleProps } from '../tree';
-import { Id } from '../../../types';
+import { Id } from '../../..';
 interface TreeSelectBaseProps<N extends NodeType<V>, V extends Id = Id> extends TreeBaseProps<N, V> {
     /** <select />内部由<input />实现 */
     inputProps?: JSX.IntrinsicElements['input'];

package/dist/esm/components/typography/typography.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { ColorPropsValue, OverridableProps } from '../../../types';
+import { ColorPropsValue, OverridableProps } from '../../..';
 import { ButtonProps } from '../button';
 import { InputProps } from '../input';
 import { TextareaProps } from '../textarea';

package/dist/esm/components/upload/dropArea.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { DIVProps } from '../../../types';
+import { DIVProps } from '../../..';
 export interface DropAreaProps extends Omit<DIVProps, 'onDrop'> {
     description?: ReactNode;
     onDrop?(files: FileList): void;

package/dist/esm/components/upload/upload.d.ts

@@ -1,5 +1,5 @@
 import { Dispatch, ReactElement, ReactNode, Ref, SetStateAction } from 'react';
-import { DIVProps } from '../../../types';
+import { DIVProps } from '../../..';
 import { ButtonProps } from '../button';
 import { DropArea } from './dropArea';
 export type UploadStatus = 'default' | 'uploading' | 'success' | 'error';

package/dist/esm/components/waterfall/waterfall.d.ts

@@ -1,4 +1,4 @@
-import { ResponsiveProp } from '../../../types';
+import { ResponsiveProp } from '../../..';
 import { TransportStyleProps } from '../transportStyle';
 export interface WaterfallProps extends TransportStyleProps {
     /** 布局列数，@default {xs: 4} */

package/dist/esm/components/waterfall/waterfall.style.d.ts

@@ -1,4 +1,4 @@
-import { ResponsiveValue } from '../../../types';
+import { ResponsiveValue } from '../../..';
 export declare const classes: {
     item: string;
 } & {

package/dist/esm/extensions/curd/curd.d.ts

@@ -2,7 +2,7 @@ import { ComponentClass, ReactNode } from 'react';
 import { CurdBaseProps, CurdColumn } from '../../components/curd';
 import { DataGridProps, RowType } from '../../components/dataGrid';
 import { FormValue } from '../../components/form';
-import { Id } from '../../../types';
+import { Id } from '../../..';
 /**
  * -------------------------------------------------------------------
  * 类修饰器

package/dist/esm/extensions/textFormatter/textFormatter.d.ts

@@ -1,4 +1,4 @@
-import { DIVProps } from '../../../types';
+import { DIVProps } from '../../..';
 export interface TextFormatterProps extends Omit<DIVProps, 'children'> {
     text?: string;
 }

package/dist/esm/index.d.ts

@@ -1,4 +1,3 @@
-export * from './utils';
 export * from './components/accordion';
 export * from './components/actionSheet';
 export * from './components/alert';
@@ -85,3 +84,4 @@ export * from './components/treeSelect';
 export * from './components/typography';
 export * from './components/upload';
 export * from './components/waterfall';
+export * from './utils';

package/dist/esm/index.js

@@ -1,4 +1,3 @@
-export * from './utils';
 export * from './components/accordion';
 export * from './components/actionSheet';
 export * from './components/alert';
@@ -85,3 +84,4 @@ export * from './components/treeSelect';
 export * from './components/typography';
 export * from './components/upload';
 export * from './components/waterfall';
+export * from './utils';

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

@@ -1,6 +1,6 @@
 import { CurdColumn, CurdFormItemProps, CurdProps } from '../components/curd';
 import { ColumnType, RowType } from '../components/dataGrid';
-import { Id, Obj } from '../../types';
+import { Id, Obj } from '../..';
 /**
  * 将Curd的Columns转换为FilterItem
  * @param columns

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

@@ -1,4 +1,4 @@
-import { Id, Obj } from '../../types';
+import { Id, Obj } from '../..';
 import { ColumnType, DataGridProps, RowType } from '../components/dataGrid';
 /**
  * 为列添加key

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import { DragEndEvent } from '@dnd-kit/core';
-import { Obj } from '../../types';
+import { Obj } from '../..';
 /**
  * 默认提供给@dnd-kit的sensors属性
  */

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

@@ -1,4 +1,4 @@
-import { Id } from '../../types';
+import { Id } from '../..';
 /**
  * 从onChange回调中获取表单字段的值
  * @param e

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

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

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

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

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

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

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

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

package/extensions/curd.d.ts

@@ -1 +1 @@
-export * from '../dist/cjs/extensions/curd';
+export * from '../dist/esm/extensions/curd';

package/extensions/documentViewer.d.ts

@@ -1 +1 @@
-export * from '../dist/cjs/extensions/documentViewer';
+export * from '../dist/esm/extensions/documentViewer';

package/extensions/textFormatter.d.ts

@@ -1 +1 @@
-export * from '../dist/cjs/extensions/textFormatter';
+export * from '../dist/esm/extensions/textFormatter';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canlooks/can-ui",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "author": "C.CanLiang <canlooks@gmail.com>",
   "description": "My ui framework",
   "license": "MIT",
@@ -22,12 +22,12 @@
   },
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
-  "types": "dist/esm/index.d.ts",
+  "types": "index.d.ts",
   "exports": {
     ".": {
       "import": "./dist/esm/index.js",
       "require": "./dist/cjs/index.js",
-      "types": "./dist/esm/index.d.ts"
+      "types": "./index.d.ts"
     },
     "./extensions/*": {
       "import": "./extensions/*.mjs",
@@ -36,8 +36,8 @@
     }
   },
   "scripts": {
-    "clean": "canlooks-compiler clean",
-    "build": "canlooks-compiler",
+    "clean": "tscup clean",
+    "build": "tscup",
     "test": "vite -c test/vite.config.mts",
     "test:build": "vite build -c test/vite.config.mts",
     "test:unit": "ts-node test/unit.ts"
@@ -50,17 +50,18 @@
     "color": "^4.2.3",
     "dayjs": "^1.11.13",
     "react-transition-group": "^4.4.5",
-    "tslib": "^2.7.0"
+    "react-zoom-pan-pinch": "^3.6.1",
+    "tslib": "^2.8.0"
   },
   "devDependencies": {
-    "@canlooks/compiler": "^0.0.11",
-    "@mui/icons-material": "^6.1.3",
+    "@canlooks/tscup": "^0.0.1",
+    "@mui/icons-material": "^6.1.5",
     "@traptitech/markdown-it-katex": "^3.6.0",
     "@types/color": "^3.0.6",
     "@types/katex": "^0.16.7",
     "@types/markdown-it": "^14.1.2",
     "@types/markdown-it-link-attributes": "^3.0.5",
-    "@types/react": "^18.3.11",
+    "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "highlight.js": "^11.10.0",
     "markdown-it": "^14.1.0",
@@ -68,10 +69,9 @@
     "mime": "^4.0.4",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-zoom-pan-pinch": "^3.6.1",
     "shx": "^0.3.4",
     "ts-node": "^10.9.2",
     "typescript": "^5.6.3",
-    "vite": "^5.4.9"
+    "vite": "^5.4.10"
   }
 }

package/tscup.config.ts

@@ -0,0 +1,6 @@
+import {defineConfig} from '@canlooks/tscup'
+
+export default defineConfig({
+    format: ['cjs', 'esm'],
+    clean: true
+})

package/build.js

@@ -1,61 +0,0 @@
-const childProcess = require('child_process')
-const path = require('path')
-const {sync: glob} = require('glob')
-const {promises: fs} = require('fs')
-
-function clean() {
-    console.log('cleaning...')
-    return Promise.all([
-        exec('shx rm -rf dist'),
-        exec('shx rm -rf extensions/**/*.js extensions/**/*.mjs extensions/**/*.mts extensions/**/*.d.ts')
-    ])
-}
-
-function buildCore() {
-    console.log('building core...')
-    return Promise.all([
-        exec('tsc -p tsconfig.esm.json'),
-        exec('tsc -p tsconfig.cjs.json')
-    ])
-}
-
-async function buildExtensions() {
-    console.log('building extensions...')
-    const paths = glob(path.join(__dirname, 'extensions/**/*.ts'))
-    await Promise.all(paths.map(async p => {
-        const data = await fs.readFile(p)
-        await fs.writeFile(p.replace('.ts', '.mts'), data.toString().replace('/cjs', '/esm'))
-    }))
-    await Promise.all([
-        exec('tsc -p extensions/tsconfig.cjs.json'),
-        exec('tsc -p extensions/tsconfig.esm.json')
-    ])
-}
-
-async function _() {
-    const [, , command] = process.argv
-    switch (command?.toLowerCase()) {
-        case 'clean':
-            return clean()
-        case 'core':
-            return buildCore()
-        case 'extensions':
-            return buildExtensions()
-        default:
-            await clean()
-            await buildCore()
-            buildExtensions()
-    }
-    console.log('done.')
-}
-
-function exec(command) {
-    return new Promise((resolve, reject) => {
-        childProcess.exec(path.join(__dirname, 'node_modules/.bin', command), (err, stdout) => {
-            stdout && console.error(stdout)
-            err ? reject(err) : resolve(stdout)
-        })
-    })
-}
-
-_()

package/canlooks.config.js

@@ -1,5 +0,0 @@
-module.exports = () => {
-    return {
-        public: 'types'
-    }
-}

package/types/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