@fewbox/den 0.1.41 → 0.1.43

package/scripts/copy-templates.js

@@ -26,4 +26,4 @@ const rootdir = path.dirname(__filename);
 const projectRoot = process.env.INIT_CWD || process.cwd();
 const templateDir = path.join(rootdir, '../templates');
 
-copyFolderAsync(templateDir, projectRoot);
+copyFolderAsync(templateDir, projectRoot);

package/scripts/generate-packages.js

@@ -0,0 +1,41 @@
+const { readFileSync, writeFileSync, mkdirSync } = require('fs');
+const { join } = require('path');
+
+const root = join(__dirname, '..');
+
+const config = JSON.parse(readFileSync(join(root, 'packages', 'variants.json'), 'utf8'));
+const { common, npm: npmConfig, variants } = config;
+
+const registries = ['github', 'npm'];
+
+for (const registry of registries) {
+  for (const [variant, variantConfig] of Object.entries(variants)) {
+    const pkg = {
+      name: variantConfig.name,
+      version: common.version,
+      main: common.main,
+      types: variantConfig.types,
+      repository: common.repository,
+      author: common.author,
+      license: common.license,
+      type: common.type,
+    };
+
+    if (variantConfig.hasPostinstall) {
+      pkg.scripts = { postinstall: 'node scripts/copy-templates.js' };
+    }
+
+    if (registry === 'npm') {
+      pkg.publishConfig = npmConfig.publishConfig;
+    }
+
+    const basePeerDeps = variantConfig.overridePeerDependencies ? {} : { ...common.peerDependencies };
+    pkg.peerDependencies = { ...basePeerDeps, ...variantConfig.extraPeerDependencies };
+
+    const dir = join(root, 'packages', registry, variant);
+    mkdirSync(dir, { recursive: true });
+    writeFileSync(join(dir, 'package.json'), JSON.stringify(pkg, null, 2) + '\n');
+  }
+}
+
+console.log('Generated package.json files for all variants and registries.');

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

@@ -38,6 +38,9 @@ export interface IViewProps {
     overflow?: Property.Overflow;
     overflowX?: Property.OverflowX;
     overflowY?: Property.OverflowY;
+    selfShrink?: Property.FlexShrink;
+    selfGrow?: Property.FlexGrow;
+    selfBasis?: Property.FlexBasis;
     isDefaultValue?: boolean;
     customAttributes?: Object;
 }

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

@@ -122,91 +122,4 @@ export declare enum DirectionType {
     TopBottom = "top-bottom",
     LeftRight = "left-right"
 }
-export declare enum ComponentType {
-    Flex = "Flex",
-    FlexItem = "FlexItem",
-    Position = "Position",
-    PositionArea = "PositionArea",
-    SBaseline = "SBaseline",
-    SBottom = "SBottom",
-    SLeft = "SLeft",
-    SMiddle = "SMiddle",
-    SCenter = "SCenter",
-    SRight = "SRight",
-    SStretch = "SStretch",
-    STop = "STop",
-    X = "X",
-    XAround = "XAround",
-    XAutoBoth = "XAutoBoth",
-    XAutoCenter = "XAutoCenter",
-    XAutoLeft = "XAutoLeft",
-    XAutoLefts = "XAutoLefts",
-    XAutoRight = "XAutoRight",
-    XAutoRights = "XAutoRights",
-    XBetween = "XBetween",
-    XCenter = "XCenter",
-    XCustom = "XCustom",
-    XCustomBoth = "XCustomBoth",
-    XEvenly = "XEvenly",
-    XLeft = "XLeft",
-    XRight = "XRight",
-    XWrap = "XWrap",
-    XWrapAround = "XWrapAround",
-    XWrapBetween = "XWrapBetween",
-    XWrapBottom = "XWrapBottom",
-    XWrapEvenly = "XWrapEvenly",
-    XWrapMiddle = "XWrapMiddle",
-    XWrapTop = "XWrapTop",
-    Y = "Y",
-    YAround = "YAround",
-    YBetween = "YBetween",
-    YBottom = "YBottom",
-    YEvenly = "YEvenly",
-    YMiddle = "YMiddle",
-    YTop = "YTop",
-    VEllipse = "VEllipse",
-    VLine = "VLine",
-    VRectangle = "VRectangle",
-    VAvatar = "VAvatar",
-    VBlock = "VBlock",
-    VBoundary = "VBoundary",
-    VButton = "VButton",
-    VCard = "VCard",
-    VCardMedia = "VCardMedia",
-    VCardSocial = "VCardSocial",
-    VCardWindow = "VCardWindow",
-    VChromeExtensionValidator = "VChromeExtensionValidator",
-    VCodePreview = "VCodePreview",
-    VDesigner = "VDesigner",
-    VDynamic = "VDynamic",
-    VBackground = "VBackground",
-    VForm = "VForm",
-    VImage = "VImage",
-    VCheckBox = "VCheckBox",
-    VColor = "VColor",
-    VDate = "VDate",
-    VDatetimeLocal = "VDatetimeLocal",
-    VEmail = "VEmail",
-    VFile = "VFile",
-    VMonth = "VMonth",
-    VNumber = "VNumber",
-    VPassword = "VPassword",
-    VRadio = "VRadio",
-    VRange = "VRange",
-    VSearch = "VSearch",
-    VSubmit = "VSubmit",
-    VTel = "VTel",
-    VTextBox = "VTextBox",
-    VTime = "VTime",
-    VUrl = "VUrl",
-    VWeek = "VWeek",
-    VLabel = "VLabel",
-    VLink = "VLink",
-    VPhoto = "VPhoto",
-    VShadow = "VShadow",
-    VStack = "VStack",
-    VSvg = "VSvg",
-    VText = "VText",
-    VTooltip = "VTooltip"
-}
 export declare const getGeneratedClassName: (className: string, isDefaultValue: boolean | undefined, sizeType?: FullFontSizeType, isAutoSize?: boolean, weightType?: FontWeightType, frontColorType?: FullColorType, backgroundColorType?: FullColorType, borderColorType?: FullColorType, borderDirection?: DirectionType, pseudoType?: PseudoType, pseudoFrontColor?: FullColorType, pseudoBackgroundColor?: FullColorType, pseudoBorderColor?: FullColorType, pseudoBorderDirection?: DirectionType) => string;

package/src/components/Layout/XBase/index.d.ts

@@ -1,3 +1,4 @@
+import { Property } from 'csstype';
 import { IBaseProps } from '../../Engine/Base';
 import { FlexAlignContentType, FlexJustifyContentType, FlexWrapType } from '../Flex';
 import { FlexItemAlignSelfType } from '../FlexItem';
@@ -11,6 +12,7 @@ export declare enum XCrossType {
 export interface IXBaseProps extends IBaseProps {
     gap?: string;
     cross?: XCrossType;
+    itemsShrink?: Property.FlexShrink;
 }
-declare const XBase: (props: IXBaseProps, overwriteRenderChildren?: (child: any, childIndex: number, alignSelf?: FlexItemAlignSelfType) => React.JSX.Element, overwriteGetWrap?: () => FlexWrapType, overwriteGetJustifyContent?: () => FlexJustifyContentType, overwriteGetAlignContent?: () => FlexAlignContentType) => React.JSX.Element;
+declare const XBase: (props: IXBaseProps, overwriteRenderChildren?: (child: any, childIndex: number, alignSelf?: FlexItemAlignSelfType, itemsShrink?: Property.FlexShrink) => React.JSX.Element, overwriteGetWrap?: () => FlexWrapType, overwriteGetJustifyContent?: () => FlexJustifyContentType, overwriteGetAlignContent?: () => FlexAlignContentType) => React.JSX.Element;
 export default XBase;

package/src/components/Layout/YBase/index.d.ts

@@ -1,3 +1,4 @@
+import { Property } from 'csstype';
 import { IBaseProps } from '../../Engine/Base';
 import { FlexAlignContentType, FlexWrapType, FlexJustifyContentType } from '../Flex';
 import { FlexItemAlignSelfType } from '../FlexItem';
@@ -11,6 +12,7 @@ export declare enum YCrossType {
 export interface IYBaseProps extends IBaseProps {
     gap?: string;
     cross?: YCrossType;
+    itemsShrink?: Property.FlexShrink;
 }
-declare const YBase: (props: IYBaseProps, overwriteRenderChildren?: (child: any, childIndex: number, alignSelf?: FlexItemAlignSelfType) => React.JSX.Element, overwriteGetWrap?: () => FlexWrapType, overwriteGetAlignContent?: () => FlexAlignContentType, overwriteGetJustifyContent?: () => FlexJustifyContentType) => React.JSX.Element;
+declare const YBase: (props: IYBaseProps, overwriteRenderChildren?: (child: any, childIndex: number, alignSelf?: FlexItemAlignSelfType, itemsShrink?: Property.FlexShrink) => React.JSX.Element, overwriteGetWrap?: () => FlexWrapType, overwriteGetAlignContent?: () => FlexAlignContentType, overwriteGetJustifyContent?: () => FlexJustifyContentType) => React.JSX.Element;
 export default YBase;

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

@@ -77,8 +77,8 @@ export declare enum AnimationCategory {
     RotateOutUpRight = "animate__rotateOutUpRight",
     Hinge = "animate__hinge",
     JackInTheBox = "animate__jackInTheBox",
-    RollIn = "animate__zoomIn",
-    RollOut = "animate__zoomIn",
+    RollIn = "animate__rollIn",
+    RollOut = "animate__rollOut",
     ZoomIn = "animate__zoomIn",
     ZoomInDown = "animate__zoomInDown",
     ZoomInLeft = "animate__zoomInLeft",

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

@@ -0,0 +1,18 @@
+import { Component, ErrorInfo } from 'react';
+export interface IVErrorBoundaryProps {
+    children: React.ReactNode;
+    fallback?: React.ReactNode | ((error: Error, errorInfo: ErrorInfo) => React.ReactNode);
+    onError?: (error: Error, errorInfo: ErrorInfo) => void;
+}
+interface IVErrorBoundaryState {
+    hasError: boolean;
+    error: Error | null;
+    errorInfo: ErrorInfo | null;
+}
+declare class VErrorBoundary extends Component<IVErrorBoundaryProps, IVErrorBoundaryState> {
+    constructor(props: IVErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): Partial<IVErrorBoundaryState>;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | null | undefined;
+}
+export default VErrorBoundary;

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

@@ -9,5 +9,5 @@ export declare enum ImageCategory {
 export interface IVImageProps extends IBaseProps<'img'> {
     category?: ImageCategory;
 }
-declare const VImage: (props: IVImageProps) => React.JSX.Element;
-export default VImage;
+declare const _default: import("react").MemoExoticComponent<(props: IVImageProps) => React.JSX.Element>;
+export default _default;

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

@@ -53,4 +53,5 @@ export type IVLabelProps<C extends LabelCategory = LabelCategory.Span> = IBasePr
     caption: string | React.JSX.Element;
 };
 declare const VLabel: <C extends LabelCategory>(props: IVLabelProps<C>) => React.JSX.Element;
-export default VLabel;
+declare const _default: typeof VLabel;
+export default _default;

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

@@ -11,5 +11,5 @@ export interface IVSvgProps extends IBaseProps {
     onMouseEnter?: React.MouseEventHandler<any>;
     onMouseLeave?: React.MouseEventHandler<any>;
 }
-declare const VSvg: (props: IVSvgProps) => React.JSX.Element;
-export default VSvg;
+declare const _default: import("react").MemoExoticComponent<(props: IVSvgProps) => React.JSX.Element>;
+export default _default;

package/src/components/core.d.ts

@@ -3,7 +3,7 @@ export { BreakpointType } from './Layout';
 export { default as VZone, ZoneCategory } from './View/VZone';
 export { default as Display, DisplayCategory, DisplayType } from './Layout/Display';
 export { default as Responsive } from './Layout/Responsive';
-export { FontSizeType, FontWeightType, FontFamilyType, BorderRadiusType, LineHeightType, LetterSpacingType, PaddingType, ViewSizeType, FullColorType, ColorType, ComponentType, getGeneratedClassName } from './Engine';
+export { FontSizeType, FontWeightType, FontFamilyType, BorderRadiusType, LineHeightType, LetterSpacingType, PaddingType, ViewSizeType, FullColorType, ColorType, getGeneratedClassName } from './Engine';
 export { default as Dock, DockCategory, DockAlignment } from './Layout/Dock';
 export { default as Position, PositionCategory, PositionType } from './Layout/Position';
 export { default as PositionArea, PositionAreaCategory } from './Layout/PositionArea';
@@ -113,4 +113,5 @@ export { default as VFrame } from './View/VFrame';
 export { default as VTheme, ThemeCategory } from './View/VTheme';
 export { default as VTooltip, TooltipCategory } from './View/VTooltip';
 export { default as VLoading } from './View/VLoading';
+export { default as VErrorBoundary } from './View/VErrorBoundary';
 export { convertFormDataToJson } from './util';

package/src/store/index.d.ts

@@ -2,5 +2,6 @@ export { default as IList } from './IList';
 export { default as IPaging } from './IPaging';
 export { default as IContinuePaging } from './IContinuePaging';
 export { EnumDictionary } from './EnumDictionary';
+export type { Json } from './Json';
 export { default as IMetaResponse } from './IMetaResponse';
 export { default as IPayloadResponse } from './IPayloadResponse';