@next-bricks/data-view 0.1.0

package/dist-types/modern-style-treemap/index.d.ts

@@ -0,0 +1,78 @@
+import { CSSProperties } from "react";
+import { ReactNextElement } from "@next-core/react-element";
+import type { UseBrickConf } from "@next-core/types";
+declare enum TailTypes {
+    treemapBinary = "treemapBinary",
+    treemapDice = "treemapDice",
+    treemapResquarify = "treemapResquarify",
+    treemapSlice = "treemapSlice",
+    treemapSliceDice = "treemapSliceDice",
+    treemapSquarify = "treemapSquarify"
+}
+type TreemapData = {
+    name: string;
+    value?: number;
+    children?: TreemapData[];
+};
+interface ModernStyleTreemapProps {
+    data: TreemapData;
+    tail?: TailTypes;
+    leafUseBrick?: UseBrickConf;
+    leafContainerStyle?: CSSProperties;
+    tooltipUseBrick?: UseBrickConf;
+    tooltipStyle?: CSSProperties;
+}
+/**
+ * @id data-view.modern-style-treemap
+ * @name data-view.modern-style-treemap
+ * @docKind brick
+ * @description 现代风树图
+ * @author nlicroshan
+ * @noInheritDoc
+ */
+declare class ModernStyleTreemap extends ReactNextElement implements ModernStyleTreemapProps {
+    /**
+     * @kind TreemapData
+     * @required true
+     * @default -
+     * @description 数据
+     */
+    accessor data: TreemapData;
+    /**
+     * @kind TailTypes
+     * @required false
+     * @default treemapSquarify
+     * @description 平铺方法
+     */
+    accessor tail: TailTypes;
+    /**
+     * @kind UseBrickConf
+     * @required false
+     * @default -
+     * @description 叶子节点useBrick
+     */
+    accessor leafUseBrick: UseBrickConf;
+    /**
+     * @kind CSSProperties
+     * @required false
+     * @default -
+     * @description 叶子节点容器样式
+     */
+    accessor leafContainerStyle: CSSProperties;
+    /**
+     * @kind UseBrickConf
+     * @required false
+     * @default -
+     * @description tooltip useBrick
+     */
+    accessor tooltipUseBrick: UseBrickConf;
+    /**
+     * @kind CSSProperties
+     * @required false
+     * @default -
+     * @description tooltip容器样式
+     */
+    accessor tooltipStyle: CSSProperties;
+    render(): JSX.Element;
+}
+export { ModernStyleTreemap };

package/dist-types/modern-style-treemap/index.spec.d.ts

@@ -0,0 +1 @@
+import "./index.jsx";

package/dist-types/tabs-drawer/index.d.ts

@@ -0,0 +1,98 @@
+import React from "react";
+import { ReactNextElement } from "@next-core/react-element";
+import type { GeneralIconProps } from "@next-bricks/icons/general-icon";
+export interface TabItem {
+    /** 菜单标题对应的图标。 */
+    icon: GeneralIconProps;
+    /** 唯一标识 */
+    key: string;
+    /** 菜单标题。 */
+    title?: string;
+    tooltip?: string;
+}
+interface TabsDrawerProps {
+    tabList: TabItem[];
+    activeKey?: string;
+    width?: number | string;
+    drawerStyle?: React.CSSProperties;
+    bodyStyle?: React.CSSProperties;
+    zIndex?: number;
+    visible?: boolean;
+    onClose?: () => void;
+    onOpen?: () => void;
+    onTabChange?: (key: string) => void;
+}
+/**
+ * @id data-view.tabs-drawer
+ * @name data-view.tabs-drawer
+ * @docKind brick
+ * @description 大屏仪标签页抽屉
+ * @author astrid
+ * @noInheritDoc
+ */
+declare class TabsDrawer extends ReactNextElement implements TabsDrawerProps {
+    #private;
+    /**
+     * @default -
+     * @required false
+     * @description 抽屉左侧菜单列表
+     */
+    accessor tabList: TabItem[];
+    /**
+     * @default -
+     * @required false
+     * @description 抽屉左侧菜单高亮显示
+     */
+    accessor activeKey: string;
+    /**
+     * @kind number|string
+     * @required false
+     * @default default
+     * @description 抽屉宽度内容区的宽度，优先级高于bodyStyle内的width
+     * @group basic
+     */
+    accessor width: number | string;
+    /**
+     * @kind  React.CSSProperties
+     * @required false
+     * @default default
+     * @description 设计 Drawer 容器样式
+     * @group basic
+     */
+    accessor drawerStyle: React.CSSProperties;
+    /**
+     * @kind  React.CSSProperties
+     * @required false
+     * @default default
+     * @description  可用于设置 Drawer 内容部分的样式
+     * @group basic
+     */
+    accessor bodyStyle: React.CSSProperties;
+    /**
+     * @kind number
+     * @required false
+     * @default  1000
+     * @description 抽屉层级
+     * @group basic
+     */
+    accessor zIndex: number | undefined;
+    /**
+     * @kind boolean
+     * @required false
+     * @default default
+     * @description 遮罩层是否显示
+     * @group basic
+     */
+    accessor visible: boolean | undefined;
+    /**
+     * @description 打开抽屉
+     */
+    open(): void;
+    /**
+     * @description 关闭抽屉
+     */
+    close(): void;
+    render(): React.ReactNode;
+}
+export declare function TabsDrawerComponent(props: TabsDrawerProps): React.ReactElement;
+export { TabsDrawer };

package/dist-types/tabs-drawer/index.spec.d.ts

@@ -0,0 +1 @@
+import "./index.jsx";

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@next-bricks/data-view",
+  "version": "0.1.0",
+  "homepage": "https://github.com/easyops-cn/next-core/tree/master/bricks/data-view",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:easyops-cn/next-core.git"
+  },
+  "license": "GPL-3.0",
+  "type": "module",
+  "sideEffects": true,
+  "files": [
+    "dist",
+    "dist-types"
+  ],
+  "nx": {
+    "targets": {
+      "build": {
+        "outputs": [
+          "{projectRoot}/dist",
+          "{projectRoot}/dist-types"
+        ]
+      }
+    }
+  },
+  "exports": {
+    "./package.json": "./package.json",
+    "./*": {
+      "types": "./dist-types/*/index.d.ts"
+    }
+  },
+  "scripts": {
+    "start": "cross-env NODE_ENV=development build-next-bricks --watch",
+    "build": "npm run build:main && npm run build:types",
+    "build:main": "cross-env NODE_ENV=production build-next-bricks",
+    "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir dist-types --project tsconfig.json",
+    "test": "cross-env NODE_ENV='test' test-next",
+    "test:ci": "cross-env NODE_ENV='test' CI=true test-next"
+  },
+  "dependencies": {
+    "@next-bricks/icons": "^0.0.3",
+    "@next-core/element": "^1.0.2",
+    "@next-core/i18n": "^1.0.3",
+    "@next-core/react-element": "^1.0.2",
+    "@next-core/types": "^1.0.3",
+    "@next-core/utils": "^1.0.3",
+    "classnames": "^2.3.2",
+    "d3-hierarchy": "^3.1.2",
+    "react": "0.0.0-experimental-ee8509801-20230117",
+    "resize-observer-polyfill": "^1.5.1"
+  },
+  "devDependencies": {
+    "@next-core/build-next-bricks": "^1.1.0",
+    "@next-core/test-next": "^1.0.2",
+    "@types/d3-hierarchy": "^3.1.2"
+  },
+  "gitHead": "2234d08a3409a41b7cacea7b4dedbee308c26997"
+}