extends CustomFormElement, diff --git a/source/decorator.ts b/source/decorator.ts index ed1b1f3..9c440cd 100644 --- a/source/decorator.ts +++ b/source/decorator.ts @@ -1,8 +1,8 @@ -import { DOMRenderer, DataObject, VNode, JsxChildren } from 'dom-renderer'; +import { DataObject, DOMRenderer, JsxChildren, VNode } from 'dom-renderer'; import { + autorun, IReactionDisposer, IReactionPublic, - autorun, reaction as watch } from 'mobx'; import { @@ -13,8 +13,8 @@ import { toHyphenCase } from 'web-utility'; -import { ClassComponent } from './WebCell'; import { getMobxData } from './utility'; +import { ClassComponent } from './WebCell'; export type PropsWithChildren
= P & { children?: JsxChildren; @@ -46,7 +46,7 @@ function wrapFunction
(func: FC
) { interface ReactionItem { expression: ReactionExpression; - effect: Function; + effect: (...data: any[]) => any; } const reactionMap = new WeakMap(); @@ -120,7 +120,7 @@ function wrapClass(Component: T) { } syncPropAttr(name: string) { - var value = this[toCamelCase(name)]; + let value = this[toCamelCase(name)]; if (!(value != null) || value === false) return this.removeAttribute(name); diff --git a/source/index.ts b/source/index.ts index 4a945e5..12798c5 100644 --- a/source/index.ts +++ b/source/index.ts @@ -1,6 +1,6 @@ +export * from './Animation'; +export * from './Async'; export * from './decorator'; export * from './utility'; export * from './WebCell'; export * from './WebField'; -export * from './Async'; -export * from './Animation'; diff --git a/test/Async.spec.tsx b/test/Async.spec.tsx index fc3af9d..90f9487 100644 --- a/test/Async.spec.tsx +++ b/test/Async.spec.tsx @@ -1,11 +1,12 @@ import 'element-internals-polyfill'; -import { sleep } from 'web-utility'; -import { configure } from 'mobx'; -import { WebCellProps } from '../source/WebCell'; import { DOMRenderer } from 'dom-renderer'; -import { FC } from '../source/decorator'; +import { configure } from 'mobx'; +import { sleep } from 'web-utility'; + import { lazy } from '../source/Async'; +import { FC } from '../source/decorator'; +import { WebCellProps } from '../source/WebCell'; configure({ enforceActions: 'never' }); diff --git a/test/MobX.spec.tsx b/test/MobX.spec.tsx index 7e323eb..8847b89 100644 --- a/test/MobX.spec.tsx +++ b/test/MobX.spec.tsx @@ -1,11 +1,11 @@ import 'element-internals-polyfill'; -import { sleep } from 'web-utility'; +import { DOMRenderer } from 'dom-renderer'; import { configure, observable } from 'mobx'; +import { sleep } from 'web-utility'; import { observer, reaction } from '../source/decorator'; import { component } from '../source/WebCell'; -import { DOMRenderer } from 'dom-renderer'; configure({ enforceActions: 'never' }); diff --git a/test/WebCell.spec.tsx b/test/WebCell.spec.tsx index 30ed5de..cb8c0c2 100644 --- a/test/WebCell.spec.tsx +++ b/test/WebCell.spec.tsx @@ -1,11 +1,11 @@ import 'element-internals-polyfill'; -import { sleep, stringifyCSS } from 'web-utility'; +import { DOMRenderer } from 'dom-renderer'; import { configure, observable } from 'mobx'; +import { sleep, stringifyCSS } from 'web-utility'; -import { observer, attribute } from '../source/decorator'; +import { attribute, observer } from '../source/decorator'; import { component, on, WebCell, WebCellProps } from '../source/WebCell'; -import { DOMRenderer } from 'dom-renderer'; configure({ enforceActions: 'never' }); diff --git a/test/WebField.spec.tsx b/test/WebField.spec.tsx index dcc3adc..329244f 100644 --- a/test/WebField.spec.tsx +++ b/test/WebField.spec.tsx @@ -1,11 +1,12 @@ import 'element-internals-polyfill'; -import { sleep } from 'web-utility'; -import { configure } from 'mobx'; import { DOMRenderer } from 'dom-renderer'; -import { component, WebCellProps } from '../source/WebCell'; +import { configure } from 'mobx'; +import { sleep } from 'web-utility'; + import { observer } from '../source/decorator'; -import { WebField, formField } from '../source/WebField'; +import { component, WebCellProps } from '../source/WebCell'; +import { formField, WebField } from '../source/WebField'; configure({ enforceActions: 'never' }); diff --git a/test/tsconfig.json b/test/tsconfig.json index 3726f48..28c121a 100644 --- a/test/tsconfig.json +++ b/test/tsconfig.json @@ -3,7 +3,7 @@ "compilerOptions": { "target": "ES6", "module": "CommonJS", - "types": ["@types/dom-view-transitions", "jest"] + "types": ["jest"] }, "include": ["./*", "../source/**/*"] } diff --git a/tsconfig.json b/tsconfig.json index 4289e22..9b22197 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -2,17 +2,18 @@ "compilerOptions": { "outDir": "dist/", "target": "ES2017", + "checkJs": true, "declaration": true, + "module": "ES2022", "moduleResolution": "Node", "esModuleInterop": true, "useDefineForClassFields": true, "jsx": "react-jsx", "jsxImportSource": "dom-renderer", "skipLibCheck": true, - "lib": ["ES2022", "DOM"], - "types": ["@types/dom-view-transitions"] + "lib": ["ES2022", "DOM"] }, - "include": ["source/**/*"], + "include": ["source/**/*", "*.mjs"], "typedocOptions": { "name": "WebCell", "excludeExternals": true,