neko-ui 2.3.2 → 2.3.3

package/lib/avatar/group.d.ts

@@ -1,6 +1,6 @@
 import { type JSX } from 'solid-js';
 import '../popover';
-import type { BasicConfig } from '..';
+import type { BasicConfig, CustomElement } from '..';
 import type { AvatarProps } from '../avatar';
 export interface AvatarGroupProps extends Omit<JSX.ButtonHTMLAttributes<HTMLDivElement>, 'onChange' | 'ref'> {
     /** 头像数据 */

package/lib/avatar/index.d.ts

@@ -1,5 +1,5 @@
 import { type JSX } from 'solid-js';
-import type { BasicConfig } from '../index';
+import type { BasicConfig, CustomElement } from '../index';
 export interface AvatarProps extends Omit<JSX.ButtonHTMLAttributes<HTMLDivElement>, 'onChange' | 'ref' | 'children'> {
     /** 头像 */
     src?: string;

package/lib/back-top/index.d.ts

@@ -1,4 +1,5 @@
 import { type JSX } from 'solid-js';
+import type { CustomElement } from '..';
 export interface BackTopProps extends Omit<JSX.ButtonHTMLAttributes<HTMLDivElement>, 'onChange'> {
     /** 设置需要监听其滚动事件的元素
      * @default window

package/lib/button/index.d.ts

@@ -1,5 +1,5 @@
 import { type JSX } from 'solid-js';
-import type { BasicConfig } from '../index';
+import type { BasicConfig, CustomElement } from '..';
 export interface ButtonProps extends Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'ref'> {
     /** 自定义类名 */
     class?: string;

package/lib/capture-screen/index.d.ts

@@ -1,4 +1,5 @@
 import { type JSX } from 'solid-js';
+import type { CustomElement } from '..';
 declare interface MediaRecorderDataAvailableEvent extends Event {
     /** MediaRecorderDataAvailableEvent */
     data: Any;

package/lib/carousel/index.d.ts

@@ -1,4 +1,5 @@
 import { type JSXElement } from 'solid-js';
+import type { CustomElement } from '..';
 export interface CarouselProps {
     /** 自定义类名 */
     class?: string;

package/lib/checkbox/index.d.ts

@@ -1,4 +1,5 @@
 import { type BaseOption, type BasicConfig } from '../basic-config';
+import type { CustomElement } from '..';
 /** 通用API
  * @since 1.0.0
  */

package/lib/code/index.d.ts

@@ -1,4 +1,5 @@
 import { type JSX } from 'solid-js';
+import type { CustomElement } from '..';
 export interface CodeProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, 'onChange'> {
     /** 自定义类名 */
     class?: string;

package/lib/color-palette/index.d.ts

@@ -2,6 +2,7 @@ import { type JSX } from 'solid-js';
 import '../dropdown';
 import '../input';
 import '../input-number';
+import type { CustomElement } from '..';
 export interface ColorPaletteProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, 'onChange'> {
     /** 自定义类名 */
     class?: string;

package/lib/color-picker/index.d.ts

@@ -1,5 +1,5 @@
 import { type ColorPaletteProps } from '../color-palette';
-import type { BasicConfig, PopoverProps } from '../index';
+import type { BasicConfig, CustomElement, PopoverProps } from '..';
 /** 颜色选择器
  * @since 2.0.0
  */

package/lib/cron/index.d.ts

@@ -1,4 +1,5 @@
 import { type JSX } from 'solid-js';
+import type { CustomElement } from '..';
 export interface CronProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, 'onChange'> {
     /** 隐藏域 */
     exclude?: string[];

package/lib/date-picker/index.d.ts

@@ -1,6 +1,7 @@
 import { type JSXElement } from 'solid-js';
 import dayjs from './dayjs';
 import { type PopoverProps } from '../popover';
+import type { CustomElement } from '..';
 declare function DatePicker(_props: DatePickerProps): import("solid-js").JSX.Element;
 /** API
  * @since 2.1.0

package/lib/dropdown/index.d.ts

@@ -1,4 +1,4 @@
-import type { MenuMultipleProps, MenuProps, PopoverProps } from '..';
+import type { CustomElement, MenuMultipleProps, MenuProps, PopoverProps } from '..';
 export interface BaseDropdownProps extends Omit<PopoverProps, 'content'> {
     /** 打开内容气泡 */
     open?: boolean | null;

package/lib/empty/index.d.ts

@@ -1,4 +1,5 @@
 import { type JSX } from 'solid-js';
+import type { CustomElement } from '..';
 export interface EmptyProps extends JSX.HTMLAttributes<HTMLDivElement> {
     /** 自定义样式表 */
     css?: string;

package/lib/highlight-text/index.d.ts

@@ -1,4 +1,5 @@
 import { type JSX } from 'solid-js';
+import type { CustomElement } from '..';
 export type HighlightTextJson = {
     highlight?: boolean;
     text: string;

package/lib/img/index.d.ts

@@ -1,3 +1,4 @@
+import type { CustomElement } from '..';
 export interface ImgProps {
     /** 图片地址 */
     src?: string;

package/lib/index.d.ts

@@ -37,7 +37,8 @@ export { default as Tree, type TreeElement, type TreeMultipleElement, type TreeM
 export { default as Typography, type TypographyElement, type TypographyProps } from './typography';
 export { default as dayjs } from './date-picker/dayjs';
 export { default as Provider, type ProviderElement, type ProviderProps } from './provider';
-import { AvatarElement, AvatarGroupElement, BackTopElement, ButtonElement, CaptureScreenElement, CarouselElement, CheckboxBoolElement, CheckboxGroupElement, CodeElement, ColorPaletteElement, ColorPickerElement, CronElement, DatePickerElement, DropdownElement, DropdownMultipleElement, EmptyElement, HighlightTextElement, ImgElement, InputElement, InputNumberElement, MdElement, MenuElement, MenuMultipleElement, PaginationElement, PopoverElement, ProviderElement, RadioElement, SegmentedElement, SelectElement, SelectMultipleElement, SkeletonElement, SpinElement, SwitchElement, TableElement, TabsElement, TagElement, TreeElement, TreeMultipleElement, TreeMultipleSchemaElement, TreeMultipleStringElement, TreeSchemaElement, TreeStringElement, TypographyElement } from '.';
+export { hot, customElement, noShadowDOM, withSolid, getCurrentElement } from 'solid-element';
+import type { AvatarElement, AvatarGroupElement, BackTopElement, ButtonElement, CaptureScreenElement, CarouselElement, CheckboxBoolElement, CheckboxGroupElement, CodeElement, ColorPaletteElement, ColorPickerElement, CronElement, DatePickerElement, DropdownElement, DropdownMultipleElement, EmptyElement, HighlightTextElement, ImgElement, InputElement, InputNumberElement, MdElement, MenuElement, MenuMultipleElement, PaginationElement, PopoverElement, ProviderElement, RadioElement, SegmentedElement, SelectElement, SelectMultipleElement, SkeletonElement, SpinElement, SwitchElement, TableElement, TabsElement, TagElement, TreeElement, TreeMultipleElement, TreeMultipleSchemaElement, TreeMultipleStringElement, TreeSchemaElement, TreeStringElement, TypographyElement } from '.';
 /** 组件列表
  * @author monako97
  * @ignore optional
@@ -120,19 +121,60 @@ interface CustomElementTags {
      */
     'n-provider': ProviderElement;
 }
+type Any = any;
+interface ICustomElement {
+    [prop: string]: Any;
+    __initialized?: boolean;
+    __released: boolean;
+    __releaseCallbacks: Any[];
+    __propertyChangedCallbacks: Any[];
+    __updating: Record<string, Any>;
+    props: Record<string, Any>;
+    lookupProp(attrName: string): string | undefined;
+    renderRoot: Element | Document | ShadowRoot | DocumentFragment;
+    addReleaseCallback(fn: () => void): void;
+    addPropertyChangedCallback(fn: (name: string, value: any) => void): void;
+}
+type IEvent<T> = (e: CustomEvent<T>) => void;
+type ICustomEvent<T, K extends keyof T> = T extends {
+    [key in K]?: (v: infer V) => void;
+} ? IEvent<V> : T extends {
+    [key in K]?: (...args: infer Args) => void;
+} ? IEvent<Args> : never;
+type Hyphenate<T> = T extends `${infer First}${infer Rest}` ? Rest extends Uncapitalize<Rest> ? `${Lowercase<First>}${Hyphenate<Rest>}` : `${Lowercase<First>}-${Hyphenate<Rest>}` : T;
+type TransformKeys<T> = {
+    [K in keyof T as T[K] extends symbol | string | number | boolean | undefined | null ? Hyphenate<K> : K]: T[K];
+};
+type Transform<T> = {
+    [K in keyof T]: TransformKeys<T[K]>;
+};
+type IOmit<T, Keys extends keyof T> = Omit<T, Keys> & {
+    [K in Keys]?: ICustomEvent<T, K>;
+};
+export type CustomElement<T extends Partial<ICustomElement> = ICustomElement, E extends string = 'onChange'> = IOmit<T, E> & {
+    ref?: CustomElement<T, E> | {
+        current: CustomElement<T, E> | null;
+    };
+    shadowRoot?: ShadowRoot | Element | null;
+    offsetWidth?: number;
+    part?: string;
+};
 declare module 'solid-js' {
     namespace JSX {
-        interface IntrinsicElements extends HTMLElementTags, CustomElementTags {
+        interface IntrinsicElements extends HTMLElementTags, Transform<CustomElementTags> {
         }
     }
-    interface HTMLElementTagNameMap extends CustomElementTags {
+    interface HTMLElementTagNameMap extends Transform<CustomElementTags> {
     }
 }
 declare global {
     export namespace JSX {
-        interface IntrinsicElements extends CustomElementTags, CustomElementTags {
+        interface IntrinsicElements extends Transform<CustomElementTags>, Transform<CustomElementTags> {
         }
     }
-    interface HTMLElementTagNameMap extends CustomElementTags {
+    interface HTMLElementTagNameMap extends Transform<CustomElementTags> {
     }
 }
+export interface ComponentOptions<T> {
+    element: T & ICustomElement;
+}