duoyun-ui 2.2.8 → 2.2.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "duoyun-ui",
-  "version": "2.2.8",
+  "version": "2.2.10",
   "description": "A lightweight desktop UI component library, implemented using Gem",
   "keywords": [
     "frontend",
@@ -47,7 +47,7 @@
     "prepublishOnly": "pnpm build && pnpm build:components"
   },
   "dependencies": {
-    "@mantou/tap-ui": "^0.1.5",
+    "@mantou/tap-ui": "^0.1.7",
     "deep-query-selector": "^1.0.1"
   },
   "peerDependencies": {

package/react/DyBadge.d.ts

@@ -2,7 +2,15 @@ import { HTMLAttributes, RefAttributes } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { DuoyunBadgeElement } from '../elements/badge';
 export * from '../elements/badge';
-export type DyBadgeProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunBadgeElement> & {};
+export type DyBadgeProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunBadgeElement> & {
+    color?: DuoyunBadgeElement['color'];
+    count?: DuoyunBadgeElement['count'];
+    dot?: DuoyunBadgeElement['dot'];
+    small?: DuoyunBadgeElement['small'];
+    max?: DuoyunBadgeElement['max'];
+    inline?: DuoyunBadgeElement['inline'];
+    icon?: DuoyunBadgeElement['icon'];
+};
 export type DyBadgeExpose = {};
 declare global {
     namespace JSX {

package/react/DyBadge.js

@@ -9,7 +9,7 @@ export const DyBadge = forwardRef(function (props, ref) {
     // React Bug?
     useLayoutEffect(() => {
         const element = elementRef.current;
-        [].map(name => {
+        ["color", "count", "dot", "small", "max", "inline", "icon"].map(name => {
             element[name] = props[name];
         });
     }, []);

package/react/DyBanner.d.ts

@@ -2,7 +2,12 @@ import { HTMLAttributes, RefAttributes } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { DuoyunBannerElement } from '../elements/banner';
 export * from '../elements/banner';
-export type DyBannerProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunBannerElement> & {};
+export type DyBannerProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunBannerElement> & {
+    closable?: DuoyunBannerElement['closable'];
+    status?: DuoyunBannerElement['status'];
+    action?: DuoyunBannerElement['action'];
+    'onclose'?: (event: CustomEvent<Parameters<DuoyunBannerElement['close']>[0]>) => void;
+};
 export type DyBannerExpose = {};
 declare global {
     namespace JSX {

package/react/DyBanner.js

@@ -9,7 +9,7 @@ export const DyBanner = forwardRef(function (props, ref) {
     // React Bug?
     useLayoutEffect(() => {
         const element = elementRef.current;
-        [].map(name => {
+        ["closable", "status", "action"].map(name => {
             element[name] = props[name];
         });
     }, []);

package/react/DyButton.d.ts

@@ -2,7 +2,21 @@ import { HTMLAttributes, RefAttributes } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { DuoyunButtonElement } from '../elements/button';
 export * from '../elements/button';
-export type DyButtonProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunButtonElement> & {};
+export type DyButtonProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunButtonElement> & {
+    type?: DuoyunButtonElement['type'];
+    color?: DuoyunButtonElement['color'];
+    small?: DuoyunButtonElement['small'];
+    round?: DuoyunButtonElement['round'];
+    square?: DuoyunButtonElement['square'];
+    disabled?: DuoyunButtonElement['disabled'];
+    borderless?: DuoyunButtonElement['borderless'];
+    dropdown?: DuoyunButtonElement['dropdown'];
+    route?: DuoyunButtonElement['route'];
+    params?: DuoyunButtonElement['params'];
+    query?: DuoyunButtonElement['query'];
+    icon?: DuoyunButtonElement['icon'];
+    active?: DuoyunButtonElement['active'];
+};
 export type DyButtonExpose = {};
 declare global {
     namespace JSX {

package/react/DyButton.js

@@ -9,7 +9,7 @@ export const DyButton = forwardRef(function (props, ref) {
     // React Bug?
     useLayoutEffect(() => {
         const element = elementRef.current;
-        [].map(name => {
+        ["type", "color", "small", "round", "square", "disabled", "borderless", "dropdown", "route", "params", "query", "icon", "active"].map(name => {
             element[name] = props[name];
         });
     }, []);

package/react/DyCheckbox.d.ts

@@ -2,7 +2,13 @@ import { HTMLAttributes, RefAttributes } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { DuoyunCheckboxElement } from '../elements/checkbox';
 export * from '../elements/checkbox';
-export type DyCheckboxProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunCheckboxElement> & {};
+export type DyCheckboxProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunCheckboxElement> & {
+    checked?: DuoyunCheckboxElement['checked'];
+    indeterminate?: DuoyunCheckboxElement['indeterminate'];
+    disabled?: DuoyunCheckboxElement['disabled'];
+    'onchange'?: (event: CustomEvent<Parameters<DuoyunCheckboxElement['change']>[0]>) => void;
+    value?: DuoyunCheckboxElement['value'];
+};
 export type DyCheckboxExpose = {};
 declare global {
     namespace JSX {

package/react/DyCheckbox.js

@@ -9,7 +9,7 @@ export const DyCheckbox = forwardRef(function (props, ref) {
     // React Bug?
     useLayoutEffect(() => {
         const element = elementRef.current;
-        [].map(name => {
+        ["checked", "indeterminate", "disabled", "value"].map(name => {
             element[name] = props[name];
         });
     }, []);

package/react/DyCodeBlock.d.ts

@@ -2,7 +2,11 @@ import { HTMLAttributes, RefAttributes } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { DuoyunCodeBlockElement } from '../elements/code-block';
 export * from '../elements/code-block';
-export type DyCodeBlockProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunCodeBlockElement> & {};
+export type DyCodeBlockProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunCodeBlockElement> & {
+    codelang?: DuoyunCodeBlockElement['codelang'];
+    range?: DuoyunCodeBlockElement['range'];
+    highlight?: DuoyunCodeBlockElement['highlight'];
+};
 export type DyCodeBlockExpose = {};
 declare global {
     namespace JSX {

package/react/DyCodeBlock.js

@@ -9,7 +9,7 @@ export const DyCodeBlock = forwardRef(function (props, ref) {
     // React Bug?
     useLayoutEffect(() => {
         const element = elementRef.current;
-        [].map(name => {
+        ["codelang", "range", "highlight"].map(name => {
             element[name] = props[name];
         });
     }, []);

package/react/DyCollapsePanel.d.ts

@@ -2,7 +2,13 @@ import { HTMLAttributes, RefAttributes } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { DuoyunCollapsePanelElement } from '../elements/collapse';
 export * from '../elements/collapse';
-export type DyCollapsePanelProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunCollapsePanelElement> & {};
+export type DyCollapsePanelProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunCollapsePanelElement> & {
+    searchable?: DuoyunCollapsePanelElement['searchable'];
+    summary?: DuoyunCollapsePanelElement['summary'];
+    'ontoggle'?: (event: CustomEvent<Parameters<DuoyunCollapsePanelElement['toggle']>[0]>) => void;
+    collapsePanel?: DuoyunCollapsePanelElement['collapsePanel'];
+    toggleState?: DuoyunCollapsePanelElement['toggleState'];
+};
 export type DyCollapsePanelExpose = {};
 declare global {
     namespace JSX {

package/react/DyCollapsePanel.js

@@ -9,7 +9,7 @@ export const DyCollapsePanel = forwardRef(function (props, ref) {
     // React Bug?
     useLayoutEffect(() => {
         const element = elementRef.current;
-        [].map(name => {
+        ["searchable", "summary", "collapsePanel", "toggleState"].map(name => {
             element[name] = props[name];
         });
     }, []);

package/react/DyCompartment.d.ts

@@ -2,7 +2,9 @@ import { HTMLAttributes, RefAttributes } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { DuoyunCompartmentElement } from '../elements/compartment';
 export * from '../elements/compartment';
-export type DyCompartmentProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunCompartmentElement> & {};
+export type DyCompartmentProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunCompartmentElement> & {
+    content?: DuoyunCompartmentElement['content'];
+};
 export type DyCompartmentExpose = {};
 declare global {
     namespace JSX {

package/react/DyCompartment.js

@@ -9,7 +9,7 @@ export const DyCompartment = forwardRef(function (props, ref) {
     // React Bug?
     useLayoutEffect(() => {
         const element = elementRef.current;
-        [].map(name => {
+        ["content"].map(name => {
             element[name] = props[name];
         });
     }, []);

package/react/DyCountdown.d.ts

@@ -2,7 +2,11 @@ import { HTMLAttributes, RefAttributes } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { DuoyunCountdownElement } from '../elements/countdown';
 export * from '../elements/countdown';
-export type DyCountdownProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunCountdownElement> & {};
+export type DyCountdownProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunCountdownElement> & {
+    value?: DuoyunCountdownElement['value'];
+    renderChar?: DuoyunCountdownElement['renderChar'];
+    'onfinish'?: (event: CustomEvent<Parameters<DuoyunCountdownElement['finish']>[0]>) => void;
+};
 export type DyCountdownExpose = {};
 declare global {
     namespace JSX {

package/react/DyCountdown.js

@@ -9,7 +9,7 @@ export const DyCountdown = forwardRef(function (props, ref) {
     // React Bug?
     useLayoutEffect(() => {
         const element = elementRef.current;
-        [].map(name => {
+        ["value", "renderChar"].map(name => {
             element[name] = props[name];
         });
     }, []);

package/react/DyDivider.d.ts

@@ -2,7 +2,12 @@ import { HTMLAttributes, RefAttributes } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { DuoyunDividerElement } from '../elements/divider';
 export * from '../elements/divider';
-export type DyDividerProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunDividerElement> & {};
+export type DyDividerProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunDividerElement> & {
+    size?: DuoyunDividerElement['size'];
+    color?: DuoyunDividerElement['color'];
+    orientation?: DuoyunDividerElement['orientation'];
+    position?: DuoyunDividerElement['position'];
+};
 export type DyDividerExpose = {};
 declare global {
     namespace JSX {

package/react/DyDivider.js

@@ -9,7 +9,7 @@ export const DyDivider = forwardRef(function (props, ref) {
     // React Bug?
     useLayoutEffect(() => {
         const element = elementRef.current;
-        [].map(name => {
+        ["size", "color", "orientation", "position"].map(name => {
             element[name] = props[name];
         });
     }, []);

package/react/DyDrawer.d.ts

@@ -2,7 +2,27 @@ import { HTMLAttributes, RefAttributes } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { DuoyunDrawerElement } from '../elements/drawer';
 export * from '../elements/drawer';
-export type DyDrawerProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunDrawerElement> & {};
+export type DyDrawerProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunDrawerElement> & {
+    open?: DuoyunDrawerElement['open'];
+    customize?: DuoyunDrawerElement['customize'];
+    maskClosable?: DuoyunDrawerElement['maskClosable'];
+    okText?: DuoyunDrawerElement['okText'];
+    cancelText?: DuoyunDrawerElement['cancelText'];
+    disableDefaultCancelBtn?: DuoyunDrawerElement['disableDefaultCancelBtn'];
+    disableDefaultOKBtn?: DuoyunDrawerElement['disableDefaultOKBtn'];
+    dangerDefaultOkBtn?: DuoyunDrawerElement['dangerDefaultOkBtn'];
+    header?: DuoyunDrawerElement['header'];
+    body?: DuoyunDrawerElement['body'];
+    'onclose'?: (event: CustomEvent<Parameters<DuoyunDrawerElement['close']>[0]>) => void;
+    'onok'?: (event: CustomEvent<Parameters<DuoyunDrawerElement['ok']>[0]>) => void;
+    'onmaskclick'?: (event: CustomEvent<Parameters<DuoyunDrawerElement['maskclick']>[0]>) => void;
+    openAnimation?: DuoyunDrawerElement['openAnimation'];
+    closeAnimation?: DuoyunDrawerElement['closeAnimation'];
+    closing?: DuoyunDrawerElement['closing'];
+    headerSlot?: DuoyunDrawerElement['headerSlot'];
+    bodySlot?: DuoyunDrawerElement['bodySlot'];
+    footerSlot?: DuoyunDrawerElement['footerSlot'];
+};
 export type DyDrawerExpose = {};
 declare global {
     namespace JSX {

package/react/DyDrawer.js

@@ -9,7 +9,7 @@ export const DyDrawer = forwardRef(function (props, ref) {
     // React Bug?
     useLayoutEffect(() => {
         const element = elementRef.current;
-        [].map(name => {
+        ["open", "customize", "maskClosable", "okText", "cancelText", "disableDefaultCancelBtn", "disableDefaultOKBtn", "dangerDefaultOkBtn", "header", "body", "openAnimation", "closeAnimation", "closing", "headerSlot", "bodySlot", "footerSlot"].map(name => {
             element[name] = props[name];
         });
     }, []);

package/react/DyEmpty.d.ts

@@ -2,7 +2,11 @@ import { HTMLAttributes, RefAttributes } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { DuoyunEmptyElement } from '../elements/empty';
 export * from '../elements/empty';
-export type DyEmptyProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunEmptyElement> & {};
+export type DyEmptyProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunEmptyElement> & {
+    icon?: DuoyunEmptyElement['icon'];
+    text?: DuoyunEmptyElement['text'];
+    slotName?: DuoyunEmptyElement['slotName'];
+};
 export type DyEmptyExpose = {};
 declare global {
     namespace JSX {

package/react/DyEmpty.js

@@ -9,7 +9,7 @@ export const DyEmpty = forwardRef(function (props, ref) {
     // React Bug?
     useLayoutEffect(() => {
         const element = elementRef.current;
-        [].map(name => {
+        ["icon", "text", "slotName"].map(name => {
             element[name] = props[name];
         });
     }, []);

package/react/DyGesture.d.ts

@@ -2,7 +2,17 @@ import { HTMLAttributes, RefAttributes } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { DuoyunGestureElement } from '../elements/gesture';
 export * from '../elements/gesture';
-export type DyGestureProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunGestureElement> & {};
+export type DyGestureProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunGestureElement> & {
+    'onpan'?: (event: CustomEvent<Parameters<DuoyunGestureElement['pan']>[0]>) => void;
+    'onpinch'?: (event: CustomEvent<Parameters<DuoyunGestureElement['pinch']>[0]>) => void;
+    'onrotate'?: (event: CustomEvent<Parameters<DuoyunGestureElement['rotate']>[0]>) => void;
+    'onswipe'?: (event: CustomEvent<Parameters<DuoyunGestureElement['swipe']>[0]>) => void;
+    'onpress'?: (event: CustomEvent<Parameters<DuoyunGestureElement['press']>[0]>) => void;
+    'onend'?: (event: CustomEvent<Parameters<DuoyunGestureElement['end']>[0]>) => void;
+    touchAction?: DuoyunGestureElement['touchAction'];
+    grabbing?: DuoyunGestureElement['grabbing'];
+    movesMap?: DuoyunGestureElement['movesMap'];
+};
 export type DyGestureExpose = {};
 declare global {
     namespace JSX {

package/react/DyGesture.js

@@ -9,7 +9,7 @@ export const DyGesture = forwardRef(function (props, ref) {
     // React Bug?
     useLayoutEffect(() => {
         const element = elementRef.current;
-        [].map(name => {
+        ["touchAction", "grabbing", "movesMap"].map(name => {
             element[name] = props[name];
         });
     }, []);

package/react/DyInput.d.ts

@@ -2,7 +2,28 @@ import { HTMLAttributes, RefAttributes } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { DuoyunInputElement } from '../elements/input';
 export * from '../elements/input';
-export type DyInputProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunInputElement> & {};
+export type DyInputProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunInputElement> & {
+    'onchange'?: (event: CustomEvent<Parameters<DuoyunInputElement['change']>[0]>) => void;
+    'onclear'?: (event: CustomEvent<Parameters<DuoyunInputElement['clear']>[0]>) => void;
+    name?: DuoyunInputElement['name'];
+    value?: DuoyunInputElement['value'];
+    type?: DuoyunInputElement['type'];
+    placeholder?: DuoyunInputElement['placeholder'];
+    spellcheck?: DuoyunInputElement['spellcheck'];
+    required?: DuoyunInputElement['required'];
+    disabled?: DuoyunInputElement['disabled'];
+    autofocus?: DuoyunInputElement['autofocus'];
+    clearable?: DuoyunInputElement['clearable'];
+    alwayclearable?: DuoyunInputElement['alwayclearable'];
+    rows?: DuoyunInputElement['rows'];
+    step?: DuoyunInputElement['step'];
+    min?: DuoyunInputElement['min'];
+    max?: DuoyunInputElement['max'];
+    dataList?: DuoyunInputElement['dataList'];
+    icon?: DuoyunInputElement['icon'];
+    filled?: DuoyunInputElement['filled'];
+    composing?: DuoyunInputElement['composing'];
+};
 export type DyInputExpose = {};
 declare global {
     namespace JSX {

package/react/DyInput.js

@@ -9,7 +9,7 @@ export const DyInput = forwardRef(function (props, ref) {
     // React Bug?
     useLayoutEffect(() => {
         const element = elementRef.current;
-        [].map(name => {
+        ["name", "value", "type", "placeholder", "spellcheck", "required", "disabled", "autofocus", "clearable", "alwayclearable", "rows", "step", "min", "max", "dataList", "icon", "filled", "composing"].map(name => {
             element[name] = props[name];
         });
     }, []);

package/react/DyLetters.d.ts

@@ -2,8 +2,24 @@ import { HTMLAttributes, RefAttributes } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { DuoyunLettersElement } from '../elements/letters';
 export * from '../elements/letters';
-export type DyLettersProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunLettersElement> & {};
-export type DyLettersExpose = {};
+export type DyLettersProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunLettersElement> & {
+    text?: DuoyunLettersElement['text'];
+    colors?: DuoyunLettersElement['colors'];
+    strokeWidth?: DuoyunLettersElement['strokeWidth'];
+    duration?: DuoyunLettersElement['duration'];
+    easing?: DuoyunLettersElement['easing'];
+    autoplay?: DuoyunLettersElement['autoplay'];
+    'onfinished'?: (event: CustomEvent<Parameters<DuoyunLettersElement['finished']>[0]>) => void;
+    'onelapse'?: (event: CustomEvent<Parameters<DuoyunLettersElement['elapse']>[0]>) => void;
+    layout?: DuoyunLettersElement['layout'];
+    play?: DuoyunLettersElement['play'];
+    pause?: DuoyunLettersElement['pause'];
+    resume?: DuoyunLettersElement['resume'];
+    position?: DuoyunLettersElement['position'];
+};
+export type DyLettersExpose = {
+    playing: DuoyunLettersElement['playing'];
+};
 declare global {
     namespace JSX {
         interface IntrinsicElements {

package/react/DyLetters.js

@@ -4,12 +4,16 @@ export * from '../elements/letters';
 export const DyLetters = forwardRef(function (props, ref) {
     const elementRef = useRef(null);
     useImperativeHandle(ref, () => {
-        return {};
+        return {
+            get playing() {
+                return elementRef.current.playing;
+            },
+        };
     }, []);
     // React Bug?
     useLayoutEffect(() => {
         const element = elementRef.current;
-        [].map(name => {
+        ["text", "colors", "strokeWidth", "duration", "easing", "autoplay", "layout", "play", "pause", "resume", "position"].map(name => {
             element[name] = props[name];
         });
     }, []);

package/react/DyLink.d.ts

@@ -2,7 +2,20 @@ import { HTMLAttributes, RefAttributes } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { DuoyunLinkElement } from '../elements/link';
 export * from '../elements/link';
-export type DyLinkProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunLinkElement> & {};
+export type DyLinkProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunLinkElement> & {
+    href?: DuoyunLinkElement['href'];
+    target?: DuoyunLinkElement['target'];
+    path?: DuoyunLinkElement['path'];
+    query?: DuoyunLinkElement['query'];
+    hash?: DuoyunLinkElement['hash'];
+    hint?: DuoyunLinkElement['hint'];
+    preload?: DuoyunLinkElement['preload'];
+    route?: DuoyunLinkElement['route'];
+    /**@deprecated */
+    options?: DuoyunLinkElement['options'];
+    routeOptions?: DuoyunLinkElement['routeOptions'];
+    prepare?: DuoyunLinkElement['prepare'];
+};
 export type DyLinkExpose = {};
 declare global {
     namespace JSX {

package/react/DyLink.js

@@ -9,7 +9,7 @@ export const DyLink = forwardRef(function (props, ref) {
     // React Bug?
     useLayoutEffect(() => {
         const element = elementRef.current;
-        [].map(name => {
+        ["href", "target", "path", "query", "hash", "hint", "preload", "route", "options", "routeOptions", "prepare"].map(name => {
             element[name] = props[name];
         });
     }, []);

package/react/DyList.d.ts

@@ -4,6 +4,20 @@ import { DuoyunListElement } from '../elements/list';
 export * from '../elements/list';
 export type DyListProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunListElement> & {
     renderItem?: DuoyunListElement['renderItem'];
+    /**@deprecated */
+    data?: DuoyunListElement['data'];
+    items?: DuoyunListElement['items'];
+    'onbackward'?: (event: CustomEvent<Parameters<DuoyunListElement['backward']>[0]>) => void;
+    key?: DuoyunListElement['key'];
+    renderItem?: DuoyunListElement['renderItem'];
+    debug?: DuoyunListElement['debug'];
+    infinite?: DuoyunListElement['infinite'];
+    getKey?: DuoyunListElement['getKey'];
+    'onforward'?: (event: CustomEvent<Parameters<DuoyunListElement['forward']>[0]>) => void;
+    'onitemshow'?: (event: CustomEvent<Parameters<DuoyunListElement['itemshow']>[0]>) => void;
+    persistentState?: DuoyunListElement['persistentState'];
+    persistentState?: DuoyunListElement['persistentState'];
+    scrollContainer?: DuoyunListElement['scrollContainer'];
 };
 export type DyListExpose = {};
 declare global {

package/react/DyList.js

@@ -9,7 +9,7 @@ export const DyList = forwardRef(function (props, ref) {
     // React Bug?
     useLayoutEffect(() => {
         const element = elementRef.current;
-        ["renderItem"].map(name => {
+        ["renderItem", "data", "items", "key", "renderItem", "debug", "infinite", "getKey", "persistentState", "persistentState", "scrollContainer"].map(name => {
             element[name] = props[name];
         });
     }, []);

package/react/DyOptions.d.ts

@@ -2,7 +2,11 @@ import { HTMLAttributes, RefAttributes } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { DuoyunOptionsElement } from '../elements/options';
 export * from '../elements/options';
-export type DyOptionsProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunOptionsElement> & {};
+export type DyOptionsProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunOptionsElement> & {
+    searchable?: DuoyunOptionsElement['searchable'];
+    options?: DuoyunOptionsElement['options'];
+    adder?: DuoyunOptionsElement['adder'];
+};
 export type DyOptionsExpose = {};
 declare global {
     namespace JSX {

package/react/DyOptions.js

@@ -9,7 +9,7 @@ export const DyOptions = forwardRef(function (props, ref) {
     // React Bug?
     useLayoutEffect(() => {
         const element = elementRef.current;
-        [].map(name => {
+        ["searchable", "options", "adder"].map(name => {
             element[name] = props[name];
         });
     }, []);

package/react/DyPlaceholder.d.ts

@@ -2,7 +2,16 @@ import { HTMLAttributes, RefAttributes } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { DuoyunPlaceholderElement } from '../elements/placeholder';
 export * from '../elements/placeholder';
-export type DyPlaceholderProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunPlaceholderElement> & {};
+export type DyPlaceholderProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunPlaceholderElement> & {
+    /**@deprecated */
+    mode?: DuoyunPlaceholderElement['mode'];
+    type?: DuoyunPlaceholderElement['type'];
+    center?: DuoyunPlaceholderElement['center'];
+    width?: DuoyunPlaceholderElement['width'];
+    color?: DuoyunPlaceholderElement['color'];
+    maxLine?: DuoyunPlaceholderElement['maxLine'];
+    minLine?: DuoyunPlaceholderElement['minLine'];
+};
 export type DyPlaceholderExpose = {};
 declare global {
     namespace JSX {

package/react/DyPlaceholder.js

@@ -9,7 +9,7 @@ export const DyPlaceholder = forwardRef(function (props, ref) {
     // React Bug?
     useLayoutEffect(() => {
         const element = elementRef.current;
-        [].map(name => {
+        ["mode", "type", "center", "width", "color", "maxLine", "minLine"].map(name => {
             element[name] = props[name];
         });
     }, []);

package/react/DyRadio.d.ts

@@ -2,7 +2,12 @@ import { HTMLAttributes, RefAttributes } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { DuoyunRadioElement } from '../elements/radio';
 export * from '../elements/radio';
-export type DyRadioProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunRadioElement> & {};
+export type DyRadioProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunRadioElement> & {
+    checked?: DuoyunRadioElement['checked'];
+    disabled?: DuoyunRadioElement['disabled'];
+    'onchange'?: (event: CustomEvent<Parameters<DuoyunRadioElement['change']>[0]>) => void;
+    value?: DuoyunRadioElement['value'];
+};
 export type DyRadioExpose = {};
 declare global {
     namespace JSX {

package/react/DyRadio.js

@@ -9,7 +9,7 @@ export const DyRadio = forwardRef(function (props, ref) {
     // React Bug?
     useLayoutEffect(() => {
         const element = elementRef.current;
-        [].map(name => {
+        ["checked", "disabled", "value"].map(name => {
             element[name] = props[name];
         });
     }, []);

package/react/DyRate.d.ts

@@ -2,7 +2,13 @@ import { HTMLAttributes, RefAttributes } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { DuoyunRateElement } from '../elements/rate';
 export * from '../elements/rate';
-export type DyRateProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunRateElement> & {};
+export type DyRateProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunRateElement> & {
+    value?: DuoyunRateElement['value'];
+    total?: DuoyunRateElement['total'];
+    disabled?: DuoyunRateElement['disabled'];
+    readonly?: DuoyunRateElement['readonly'];
+    'onchange'?: (event: CustomEvent<Parameters<DuoyunRateElement['change']>[0]>) => void;
+};
 export type DyRateExpose = {};
 declare global {
     namespace JSX {

package/react/DyRate.js

@@ -9,7 +9,7 @@ export const DyRate = forwardRef(function (props, ref) {
     // React Bug?
     useLayoutEffect(() => {
         const element = elementRef.current;
-        [].map(name => {
+        ["value", "total", "disabled", "readonly"].map(name => {
             element[name] = props[name];
         });
     }, []);

package/react/DyReflect.d.ts

@@ -2,7 +2,10 @@ import { HTMLAttributes, RefAttributes } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { DuoyunReflectElement } from '../elements/reflect';
 export * from '../elements/reflect';
-export type DyReflectProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunReflectElement> & {};
+export type DyReflectProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunReflectElement> & {
+    method?: DuoyunReflectElement['method'];
+    target?: DuoyunReflectElement['target'];
+};
 export type DyReflectExpose = {};
 declare global {
     namespace JSX {