@fewbox/den-web 0.1.25 → 0.1.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fewbox/den-web",
-  "version": "0.1.25",
+  "version": "0.1.26",
   "main": "index.js",
   "types": "index-web.d.ts",
   "repository": "https://github.com/FewBox/fewbox-den.git",

package/src/components/Engine/Base/ViewAttributes.d.ts

@@ -0,0 +1,2 @@
+declare const ViewAttributes: string[];
+export default ViewAttributes;

package/src/components/Engine/Base/index.d.ts

@@ -39,17 +39,20 @@ export interface IViewProps {
     overflowX?: Property.OverflowX;
     overflowY?: Property.OverflowY;
     isDefaultValue?: boolean;
-    readonlyRef?: React.RefObject<any>;
     customAttibutes?: Object;
 }
 export type IBaseProps<T extends keyof React.JSX.IntrinsicElements = 'div'> = IViewProps & React.ComponentPropsWithoutRef<T>;
 export interface IBaseStates {
 }
+export interface IProps {
+    view: object;
+    html: object;
+}
 export interface IBaseReturn {
     getClassName: (vClassName: string) => string;
-    getStyle: () => object;
+    getStyle: (style?: React.CSSProperties) => object;
     getChildren: () => React.ReactNode;
-    getProps: <T extends keyof React.JSX.IntrinsicElements = 'div'>(tag: T) => object;
+    getProps: <T extends keyof React.JSX.IntrinsicElements = 'div'>(tag: T) => IProps;
 }
 declare const Base: (restProps: IBaseProps<any>) => IBaseReturn;
 export default Base;

package/src/components/View/VBoundary/index.d.ts

@@ -1,5 +1,5 @@
 import { IBaseProps } from '../../Engine/Base';
 export interface IVBoundaryProps extends IBaseProps {
 }
-declare const VBoundary: import("react").ForwardRefExoticComponent<IVBoundaryProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const VBoundary: (props: IVBoundaryProps) => React.JSX.Element;
 export default VBoundary;

package/src/components/View/VInput/VDropdown/index.d.ts

@@ -5,7 +5,8 @@ export interface IDropdownItemData {
     caption: string;
     value: string;
 }
-export interface IVDropdownProps extends IBaseProps {
+export interface IVDropdownProps extends IBaseProps<'input'> {
+    ref?: React.Ref<HTMLInputElement>;
     value?: string | ReadonlyArray<string> | number | undefined;
     name?: string;
     icon?: React.JSX.Element;
@@ -13,7 +14,6 @@ export interface IVDropdownProps extends IBaseProps {
     downIcon: React.JSX.Element;
     upIcon: React.JSX.Element;
     enableClear?: boolean;
-    isReadonly?: boolean;
     items: IDropdownItemData[];
     dockCategory?: DockCategory;
     dockAlignment?: DockAlignment;

package/src/components/View/VInput/VHidden/index.d.ts

@@ -1,8 +1,5 @@
 import { IBaseInputProps } from "..";
 export interface IVHiddenProps extends IBaseInputProps {
-    id?: string;
-    name: string | undefined;
-    value?: string | ReadonlyArray<string> | number | undefined;
 }
-declare const VHidden: import("react").ForwardRefExoticComponent<IVHiddenProps & import("react").RefAttributes<HTMLInputElement>>;
+declare const VHidden: (props: IVHiddenProps) => React.JSX.Element;
 export default VHidden;

package/src/components/View/VInput/VSubmit/index.d.ts

@@ -1,5 +1,6 @@
 import { IBaseInputProps } from "..";
 export interface IVSubmitProps extends IBaseInputProps {
+    ref?: React.Ref<HTMLInputElement>;
     caption: string | React.JSX.Element;
     isFormNoValidate?: boolean;
 }

package/src/components/View/VInput/VTextBox/index.d.ts

@@ -2,5 +2,5 @@ import { IBaseInputProps } from "..";
 export interface IVTextBoxProps extends IBaseInputProps {
     enableClear?: boolean;
 }
-declare const VTextBox: import("react").ForwardRefExoticComponent<IVTextBoxProps & import("react").RefAttributes<HTMLInputElement>>;
+declare const VTextBox: (props: IVTextBoxProps) => React.JSX.Element;
 export default VTextBox;

package/src/components/View/VInput/index.d.ts

@@ -3,15 +3,14 @@ import { ColorType, FontSizeType } from "../../Engine";
 import { LabelCategory } from "../VLabel";
 import { Property } from 'csstype';
 export interface IBaseInputProps extends IBaseProps<'input'> {
+    ref?: React.Ref<HTMLInputElement>;
     type?: React.HTMLInputTypeAttribute | undefined;
-    isFocus?: boolean;
     label?: string;
     icon?: React.JSX.Element;
     value?: string | ReadonlyArray<string> | number | undefined;
     valueHook?: string;
     setStateHook?: (value: string) => void;
     isValueShow?: boolean;
-    isReadonly?: boolean;
     valueSize?: FontSizeType;
     valueColor?: ColorType;
     valueCategory?: LabelCategory;
@@ -27,5 +26,5 @@ export interface IVInputProps extends IBaseInputProps {
 export interface IVInputStates {
     value?: string | ReadonlyArray<string> | number | undefined;
 }
-declare const VInput: import("react").ForwardRefExoticComponent<IVInputProps & import("react").RefAttributes<HTMLInputElement>>;
+declare const VInput: (props: IVInputProps) => React.JSX.Element;
 export default VInput;

package/src/components/View/VMount/index.d.ts

@@ -0,0 +1,5 @@
+type IVMountProps = React.PropsWithChildren<{
+    id: string;
+}>;
+declare const VMount: (props: IVMountProps) => React.JSX.Element;
+export default VMount;

package/src/components/View/VRoot/index.d.ts

@@ -1,6 +1,14 @@
-import { IBaseProps } from '../../Engine/Base';
-export interface IVRootProps extends IBaseProps<any> {
-    vClassName: string;
+import { IBaseReturn } from '../../Engine/Base';
+export declare enum RootCategory {
+    Display = "display",
+    Rich = "rich"
 }
-declare const VRoot: import("react").ForwardRefExoticComponent<Omit<IVRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export interface IVRootProps {
+    _base: IBaseReturn;
+    className: string;
+    category?: RootCategory;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+declare const VRoot: (props: IVRootProps) => React.JSX.Element;
 export default VRoot;

package/src/components/View/VTextArea/index.d.ts

@@ -1,16 +1,12 @@
 import { IBaseProps, IBaseStates } from '../../Engine/Base';
 export interface IVTextAreaProps extends IBaseProps<'textarea'> {
+    ref?: React.Ref<HTMLTextAreaElement>;
     icon?: React.JSX.Element;
-    isFocus?: boolean;
-    placeholder?: string;
-    isRequired?: boolean;
-    rows: number;
-    value?: string | ReadonlyArray<string> | number | undefined;
     valueHook?: string;
     setStateHook?: (value: string) => void;
 }
 export interface IVTextAreaStates extends IBaseStates {
     value?: string | ReadonlyArray<string> | number | undefined;
 }
-declare const VTextArea: import("react").ForwardRefExoticComponent<IVTextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
+declare const VTextArea: (props: IVTextAreaProps) => React.JSX.Element;
 export default VTextArea;

package/templates/FEWBOX.md

@@ -62,7 +62,7 @@ const FunctionComponent = (props: IFunctionComponentProps) => {
     const _base = Den.Components.Base(rest);
     const [state, setState] = React.useState<IFunctionComponentStates>({ isSelected: props.isSelected });
     return (
-        <div className={_base.getClassName(`function-component${state.isSelected ? ' selected' : ''}`)} style={_base.getStyle()} {..._base.getProps()}>
+        <div className={_base.getClassName(`function-component${state.isSelected ? ' selected' : ''}`)} style={_base.getStyle()} {..._base.getHtmlProps()}>
             Click Me
         </div>
     );