@cloud-app-dev/vidc 3.2.16 → 3.2.18

package/es/VList/index.d.ts

@@ -1,19 +1,13 @@
-/// <reference types="react" />
-import './index.less';
-interface IVListProps<T> {
-    data?: Array<T>;
-    rowHeight?: number;
-    className?: string;
-    renderItem(item: T, index: number): JSX.Element;
-    overscan?: number;
+import * as React from 'react';
+
+export declare interface SimpleListProps<T> {
+  data?: Array<T>;
+  rowHeight?: number;
+  className?: string;
+  rowRenderer?({ key, index, style }: { key: string; index: number; style: React.CSSProperties }): JSX.Element;
+  renderItem?(item: T, index: number): JSX.Element;
 }
-declare function VList<T>({ className, rowHeight, data, renderItem }: IVListProps<T>): JSX.Element;
-declare namespace VList {
-    var defaultProps: {
-        className: string;
-        rowHeight: number;
-        overscan: number;
-        data: never[];
-    };
-}
-export default VList;
+
+declare const SimpleList: new () => React.Component<SimpleListProps>;
+
+export default SimpleList;

package/es/useSimpleState/index.js

@@ -36,7 +36,7 @@ function useSimpleState(s) {
 
 
   var isObject = useMemo(function () {
-    return isObjectLike(s) || isFunction(s);
+    return isObjectLike(s) || isFunction(s) && isObjectLike(s());
   }, []);
   var result = useMemo(function () {
     return [state, isObject ? stateChange : setState, setState];

package/package.json

@@ -2,7 +2,7 @@
   "private": false,
   "name": "@cloud-app-dev/vidc",
   "description": "Video Image Data Componennts",
-  "version": "3.2.16",
+  "version": "3.2.18",
   "scripts": {
     "docs:deploy": "gh-pages -d docs-dist",
     "build": "npm run entry && father build",
@@ -14,7 +14,8 @@
     "docs:build": "dumi build",
     "prepare": "husky install && dumi setup",
     "doctor": "father doctor",
-    "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\""
+    "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
+    "stylelint": "stylelint --fix \"**/*.less\" --custom-syntax postcss-less"
   },
   "main": "es/index.js",
   "module": "es/index.js",
@@ -28,8 +29,8 @@
     "*.{md,json}": [
       "prettier --write --no-error-on-unmatched-pattern"
     ],
-    "*.{css,less}": [
-      "prettier --write"
+    "*.less": [
+      "stylelint --fix --custom-syntax postcss-less"
     ],
     "*.{js,jsx}": [
       "eslint --fix",
@@ -65,7 +66,7 @@
     "@types/react-dom": "^18.0.6",
     "antd": "^4.22.6",
     "babel-plugin-import": "^1.13.5",
-    "dumi": "^2.0.3",
+    "dumi": "^2.0.5",
     "gh-pages": "^4.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -78,7 +79,12 @@
     "lint-staged": "^13.0.3",
     "prettier": "^2.7.1",
     "prettier-plugin-organize-imports": "^3.0.0",
-    "prettier-plugin-packagejson": "^2.2.18"
+    "prettier-plugin-packagejson": "^2.2.18",
+    "postcss-less": "^6.0.0",
+    "stylelint": "^14.15.0",
+    "stylelint-config-prettier": "^9.0.4",
+    "stylelint-config-standard": "^29.0.0",
+    "stylelint-order": "^5.0.0"
   }
  
 }

package/tsconfig.json

@@ -4,8 +4,20 @@
     "declaration": true,
     "skipLibCheck": true,
     "esModuleInterop": true,
+    "target": "ES6",
     "jsx": "react",
     "baseUrl": "./",
+    "experimentalDecorators": true,
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "allowSyntheticDefaultImports": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "noFallthroughCasesInSwitch": true,
     "paths": {
       "@@/*": [".dumi/tmp/*"],
       "test/*": ["src/*", "*"]

package/es/Api/index.d.ts

@@ -1,12 +0,0 @@
-import { BzTreeItemType, PostItemType, OrgItemType } from '../core';
-import { UserInfoType } from '../AppContext/interface';
-declare class Api {
-    getOrgs(): Promise<OrgItemType[]>;
-    getUsers(organizationId: string, params?: any, filterUserIds?: string[]): Promise<UserInfoType[]>;
-    getPosts(orgId: string): Promise<PostItemType[]>;
-    getDeviceBzTree(): Promise<BzTreeItemType[]>;
-    getCustomDeviceGroup(): Promise<BzTreeItemType[]>;
-    getPlacesByHasDevice(): Promise<BzTreeItemType[]>;
-}
-declare const _default: Api;
-export default _default;

package/es/AppContext/Sync.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { AppContextInterface, AppStoreType } from './interface';
-interface ISyncProps {
-    stateChange: (options: AppContextInterface) => void;
-    storeChange: (store: AppStoreType) => void;
-}
-declare function Sync({ stateChange, storeChange }: ISyncProps): JSX.Element;
-export default Sync;

package/es/AppContext/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { AppContextInterface } from './interface';
-declare function Provider({ children }: {
-    children?: React.ReactNode;
-}): JSX.Element;
-declare const _default: {
-    Provider: typeof Provider;
-    Context: React.Context<AppContextInterface>;
-};
-export default _default;

package/es/AppContext/static.d.ts

@@ -1,8 +0,0 @@
-export declare const _USER_EVENT_CHANGE_ = "_USER_EVENT_CHANGE_";
-export declare const _OPERATION_EVENT_CHANGE_ = "_OPERATION_EVENT_CHANGE_";
-export declare const _LOGIN_STATUS_EVENT_CHANGE_ = "_LOGIN_STATUS_EVENT_CHANGE_";
-export declare const _STORE_EVENT_CHANGE_ = "_STORE_EVENT_CHANGE_";
-export declare const _USER_SESSION_ = "_USER_SESSION_";
-export declare const _OPERATION_SESSION_ = "_OPERATION_SESSION_";
-export declare const _LOGIN_STATUS_SESSION_ = "_LOGIN_STATUS_SESSION_";
-export declare const _STORE_SESSION_ = "_STORE_SESSION_";

package/es/Auth/index.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-interface IAuthProps {
-    featureId: string;
-    noAuthContent?: React.ReactNode;
-    children?: React.ReactNode;
-}
-declare function Auth({ featureId, noAuthContent, children }: IAuthProps): JSX.Element;
-export default Auth;

package/es/AutoExit/index.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface IAutoExitProps {
-    children?: React.ReactNode;
-}
-declare function AutoExit({ children }: IAutoExitProps): JSX.Element;
-export default AutoExit;

package/es/Box/BetweenBox/index.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import './index.less';
-interface BetweentBoxProps {
-    className?: string;
-    children?: React.ReactNode;
-    extNode?: React.ReactNode;
-    style?: React.CSSProperties;
-    left?: React.ReactNode;
-    right?: React.ReactNode;
-}
-declare function BetweenBox({ className, left, right, style, children, extNode }: BetweentBoxProps): JSX.Element;
-export default BetweenBox;

package/es/Box/InfoBox/index.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import './index.less';
-interface InfoBoxProps {
-    className?: string;
-    title?: React.ReactNode;
-    titleExt?: React.ReactNode;
-    style?: React.CSSProperties;
-    contentStyle?: React.CSSProperties;
-    children?: React.ReactNode;
-}
-declare function InfoBox({ title, titleExt, children, className, style, contentStyle }: InfoBoxProps): JSX.Element;
-export default InfoBox;

package/es/Box/TwoColumnBox/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface TwoColumnBoxProps {
-    className?: string;
-    collapsible?: boolean;
-    leftContent?: React.ReactNode | JSX.Element;
-    children?: React.ReactNode;
-}
-declare function TwoColumnBox({ className, collapsible, leftContent, children }: TwoColumnBoxProps): JSX.Element;
-export default TwoColumnBox;

package/es/Box/deps/content-grid.d.ts

@@ -1,9 +0,0 @@
-declare const grid: {
-    xxl: number;
-    xl: number;
-    lg: number;
-    md: number;
-    sm: number;
-    xs: number;
-};
-export default grid;

package/es/Box/deps/grid-factory.d.ts

@@ -1,10 +0,0 @@
-export declare function getGridClassName(grid: any): never[];
-export declare function computedGrid(grid: any): {
-    xxl: number;
-    xl: number;
-    lg: number;
-    md: number;
-    sm: number;
-    xs: number;
-};
-export declare function computedCuurentGrid(): "xxl" | "xl" | "lg" | "md" | "sm" | "xs" | undefined;

package/es/Box/deps/simple-grid.d.ts

@@ -1,9 +0,0 @@
-declare const _default: {
-    xxl: number;
-    xl: number;
-    lg: number;
-    md: number;
-    sm: number;
-    xs: number;
-};
-export default _default;

package/es/Box/index.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface ContentBoxProps {
-    className?: string;
-    contentGrid?: any;
-    children?: React.ReactNode;
-}
-declare function Box({ className, contentGrid, children }: ContentBoxProps): JSX.Element;
-declare namespace Box {
-    var TwoColumnBox: typeof import("./TwoColumnBox").default;
-    var InfoBox: typeof import("./InfoBox").default;
-    var BetweenBox: typeof import("./BetweenBox").default;
-}
-export default Box;

package/es/CheckGroupFixed/demo.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const App: () => JSX.Element;
-export default App;

package/es/CheckGroupFixed/index.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import './index.less';
-export interface SourceDictType {
-    value?: string | number;
-    label: string;
-    icon?: string;
-}
-interface ICheckGroupFixedProps {
-    label: string;
-    source: SourceDictType[];
-    onChange?: (keys: string[] & number[] & boolean[]) => void;
-    checboxSize?: number;
-    labelSize?: number;
-    cutRow?: number;
-    value?: string[] & number[] & boolean[];
-}
-declare function CheckGroupFixed({ label, source, checboxSize, cutRow, labelSize, value, onChange }: ICheckGroupFixedProps): JSX.Element;
-export default CheckGroupFixed;

package/es/Config/index.d.ts

@@ -1,4 +0,0 @@
-import { ConfigJOSN } from './interface';
-declare const Config: ConfigJOSN;
-declare const LMConfig: typeof Config;
-export default LMConfig;

package/es/Config/utils.d.ts

@@ -1,4 +0,0 @@
-import { ThemeInfoType } from './interface';
-export declare function insertThemeStyle(options: ThemeInfoType): void;
-export declare function lock(): void;
-export declare function unlock(): void;

package/es/ConfigContext/index.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-export interface IConfigContextProps {
-    /**
-     * @description 用于获取微应用顶层的dom节点
-     */
-    root: HTMLElement;
-}
-interface IProviderProps {
-    getContainer?: () => HTMLElement;
-    children: React.ReactNode;
-}
-declare function Provider({ getContainer, children }: IProviderProps): JSX.Element;
-declare namespace Provider {
-    var defaultProps: {
-        getContainer: () => HTMLElement;
-    };
-}
-declare const _default: {
-    Context: React.Context<IConfigContextProps>;
-    Provider: typeof Provider;
-};
-export default _default;

package/es/CustomRenderSelect/index.d.ts

@@ -1,12 +0,0 @@
-import { SelectProps } from 'antd';
-import React from 'react';
-import './index.less';
-interface ICustomRenderSelectProps extends SelectProps {
-    children?: React.ReactNode;
-    value: any;
-    customRender: (value: any) => JSX.Element;
-    onChange: (value: any) => void;
-    selectAotoClose?: boolean;
-}
-declare function CustomRenderSelect({ children, value, customRender, popupClassName, getPopupContainer, onChange, selectAotoClose, ...props }: ICustomRenderSelectProps): JSX.Element;
-export default CustomRenderSelect;

package/es/DisableMark/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import './index.less';
-interface IDisableMarkProps {
-    children: React.ReactNode;
-    disabled: boolean;
-    width?: string | number;
-}
-export default function DisableMark({ children, disabled, width }: IDisableMarkProps): JSX.Element;
-export {};

package/es/DomMove/demo.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export default function App(): JSX.Element;

package/es/DomMove/index.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { PositionType, SizeType } from '../Picture/interface';
-interface IDomMoveProps {
-    children: React.ReactNode;
-    onDrag?: (e: MouseEvent, position: PositionType) => void;
-    onDragChange?: (position: PositionType) => void;
-    onDragEnd?: (e: MouseEvent, position: PositionType) => void;
-    position?: PositionType;
-    size?: SizeType;
-    disabled?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
-    forwordRef?: React.MutableRefObject<any>;
-}
-declare const _default: React.ForwardRefExoticComponent<IDomMoveProps & React.RefAttributes<unknown>>;
-export default _default;

package/es/DomMove/utils.d.ts

@@ -1,8 +0,0 @@
-export declare function getPosition(obj: any): {
-    left: any;
-    top: any;
-};
-export declare function getMouseXY(e: MouseEvent): {
-    x: number;
-    y: number;
-};

package/es/Drag/DragAndDropItem.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IDragAndDropItemProps } from './interface';
-declare function DragAndDropItem<T>({ children, dragData, dragId, style, onDropEnd, disabledCopyElement }: IDragAndDropItemProps<T>): React.FunctionComponentElement<any>;
-export default DragAndDropItem;

package/es/Drag/DropItem.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IDropItemProps } from './interface';
-declare function DropItem<T>({ children, style, onDropEnd }: IDropItemProps<T>): React.FunctionComponentElement<any>;
-export default DropItem;

package/es/Drawer/Footer.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { IFooterProps } from './interface';
-import './index.less';
-declare function Footer({ onClose, cancelText, okText, onOk }: IFooterProps): JSX.Element;
-export default Footer;

package/es/Drawer/demo.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const App: React.FC;
-export default App;

package/es/Drawer/index.d.ts

@@ -1,38 +0,0 @@
-import { IDrawerProps } from './interface';
-import React from 'react';
-import './index.less';
-declare function Drawer({ style, getContainer, onClose, className, onOk, cancelText, okText, children, ...props }: IDrawerProps): JSX.Element;
-declare namespace Drawer {
-    var defaultProps: {
-        getContainer: boolean;
-        className: string;
-        cancelText: string;
-        okText: string;
-    };
-    var useDrawer: (prefixCls?: string) => {
-        open: (options: IUseDrawerHookState) => void;
-        close: () => void;
-    };
-    var RefDrawer: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<IRefDrawerMethodsProps>>;
-}
-export interface IUseDrawerHookState {
-    content?: React.ReactNode;
-    visible?: boolean;
-    title?: React.ReactNode;
-    onOk?: () => void;
-    width?: number | string;
-    className?: string;
-}
-export interface IUseDrawerHookState {
-    content?: React.ReactNode;
-    visible?: boolean;
-    title?: React.ReactNode;
-    onOk?: () => void;
-    width?: number | string;
-    className?: string;
-}
-export interface IRefDrawerMethodsProps {
-    open: (options: IUseDrawerHookState) => void;
-    close: () => void;
-}
-export default Drawer;

package/es/DynamicGridList/Demo.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const App: () => JSX.Element;
-export default App;

package/es/DynamicGridList/index.d.ts

@@ -1,27 +0,0 @@
-import React from 'react';
-import { GridListCell } from '../GridList/interface';
-import { TData } from '../useInfiniteScroll';
-export interface IDynamicGridListProps<T> {
-    itemHeight?: number;
-    className?: string;
-    /**
-     * 重载条件
-     */
-    reloadDeps?: any[];
-    /**
-     * render列表
-     * @param options
-     */
-    renderItem: (item: T, cell: GridListCell<T>) => React.ReactNode;
-    loadPage(d?: TData<T>): Promise<TData<T>>;
-    itemWidth?: number;
-    itemKey: string;
-    getGridGap?: (...args: any) => number;
-    isNoMore?: (data?: TData<T>) => boolean;
-    threshold?: number;
-}
-declare function DynamicGridList<T>({ renderItem, itemHeight, itemKey, itemWidth, reloadDeps, getGridGap, loadPage, isNoMore, threshold, ...props }: IDynamicGridListProps<T>): JSX.Element;
-declare namespace DynamicGridList {
-    var defaultProps: any;
-}
-export default DynamicGridList;

package/es/DynamicList/demo.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export default function (): JSX.Element;

package/es/DynamicList/index.d.ts

@@ -1,31 +0,0 @@
-/// <reference types="react" />
-import type { TData } from '../useInfiniteScroll';
-import './index.less';
-export interface IDynamicListProps<T> {
-    itemHeight?: number;
-    itemClassName?: string;
-    /**
-     * 重载条件
-     */
-    reloadDeps?: any[];
-    /**
-     * render列表
-     * @param options
-     */
-    renderItem(options: {
-        index: number;
-        data: T;
-    }): JSX.Element;
-    loadPage(d?: TData<T>): Promise<TData<T>>;
-}
-declare function DynamicList<T>({ renderItem, itemHeight, itemClassName, reloadDeps, loadPage }: IDynamicListProps<T>): JSX.Element;
-declare namespace DynamicList {
-    var defaultProps: {
-        limit: number;
-        itemHeight: number;
-        params: {};
-        itemKey: string;
-        itemClassName: string;
-    };
-}
-export default DynamicList;

package/es/DynamicList/utils.d.ts

@@ -1,4 +0,0 @@
-export declare const LIMIT = 10;
-export declare const skeletonList: {
-    skeleton: boolean;
-}[];

package/es/ErrorFallback/index.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { ErrorBoundaryProps } from './inerface';
-interface IErrorFallbackProps {
-    error: Error;
-    resetErrorBoundary: () => void;
-}
-declare function ErrorFallback({ error, resetErrorBoundary }: IErrorFallbackProps): JSX.Element;
-export declare const errorBoundaryOptions: ErrorBoundaryProps;
-export default ErrorFallback;

package/es/FrontendPlayer/index.d.ts

@@ -1,2 +0,0 @@
-import FrontendPlayer from '../Player/frontend_player';
-export default FrontendPlayer;

package/es/FullScreen/index.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import './index.less';
-interface IFullScrenProps {
-    /**
-     * @description 类名
-     */
-    className?: string;
-    /**
-     * @description 全屏dom对象
-     */
-    getContainer: () => HTMLElement | Element;
-    /**
-     * @description 状态监听
-     */
-    fullScreenChange?: (flag: boolean) => void;
-    /**
-     * @description 显示默认文本
-     */
-    hasText?: boolean;
-}
-declare function FullScreen({ className, getContainer, fullScreenChange, hasText }: IFullScrenProps): JSX.Element;
-export default FullScreen;

package/es/GridList/Demo.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const App: () => JSX.Element;
-export default App;

package/es/GridList/data.d.ts

@@ -1,16 +0,0 @@
-declare const _default: {
-    code: number;
-    codeRemark: string;
-    data: {
-        list: {
-            id: string;
-            cid: number;
-            deviceName: string;
-            captureTime: number;
-            url: string;
-        }[];
-        totalCount: number;
-        totalPage: number;
-    };
-};
-export default _default;

package/es/GridList/hook.d.ts

@@ -1,13 +0,0 @@
-import { RefObject } from 'react';
-import { GridListProps } from '.';
-import { ConstRef, ElementScroll, ElementSize, GridListConfigData, GridListContainerData, GridListLayoutData, GridListRenderData } from './interface';
-export declare function useConstRef<T>(value: T): ConstRef<T>;
-export declare function useWindowSize(): ElementSize;
-export declare function useElementSize(ref: RefObject<Element>): ElementSize | null;
-export declare function useWindowScroll(): ElementScroll;
-export declare function useElementWindowOffset(ref: RefObject<HTMLElement>): number | null;
-export declare function useIntersecting(ref: RefObject<HTMLElement>, rootMargin: string): boolean;
-export declare function useGridListContainerData(ref: RefObject<HTMLElement>): GridListContainerData;
-export declare function useGridListConfigData<P>(containerData: GridListContainerData, props: GridListProps<P>): GridListConfigData<P> | null;
-export declare function useGridListLayoutData<P>(configData: GridListConfigData<P> | null): GridListLayoutData<P> | null;
-export declare function useGridListRenderData<P>(containerData: GridListContainerData, configData: GridListConfigData<P> | null, layoutData: GridListLayoutData<P> | null): GridListRenderData<P> | null;

package/es/GridList/index.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import './index.less';
-import { GridListCell, GridListItemData } from './interface';
-export interface GridListProps<P> {
-    items: P[];
-    getGridGap?: (elementWidth: number, windowHeight: number) => number;
-    getWindowMargin?: (windowHeight: number) => number;
-    getColumnCount: (elementWidth: number, gridGap: number) => number;
-    getItemData: (item: P, columnWidth: number) => GridListItemData;
-    renderItem: (item: P, cell: GridListCell<P>) => React.ReactNode;
-    fixedColumnWidth?: number;
-    className?: string;
-}
-declare const GridList: React.ForwardRefExoticComponent<GridListProps<unknown> & React.RefAttributes<HTMLDivElement>>;
-export default GridList;

package/es/GridList/utils.d.ts

@@ -1,9 +0,0 @@
-import { ElementScroll, ElementSize, GridListCell, GridListRenderData } from './interface';
-export declare function isSameElementSize(a: ElementSize, b: ElementSize): boolean;
-export declare function getWindowSize(): ElementSize;
-export declare function getElementSize(element: Element): ElementSize;
-export declare function isSameElementScroll(a: ElementScroll, b: ElementScroll): boolean;
-export declare function getWindowScroll(): ElementScroll;
-export declare function getElementOffset(element: Element): number;
-export declare function getColumnWidth(columnCount: number | null, gridGap: number | null, elementWidth: number | null): number | null;
-export declare function getGridRowStart<P>(cell: GridListCell<P>, renderData: GridListRenderData<P> | null): string | undefined;

package/es/HightLevel/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import './index.less';
-interface HightLevelProps {
-    keyword: string;
-    name: string;
-}
-declare function HighLevel({ keyword, name }: HightLevelProps): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof HighLevel>;
-export default _default;