@platox/pivot-table 0.0.2

package/README.md

@@ -0,0 +1,54 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
+
+- Configure the top-level `parserOptions` property like this:
+
+```js
+export default tseslint.config({
+  languageOptions: {
+    // other options...
+    parserOptions: {
+      project: ['./tsconfig.node.json', './tsconfig.app.json'],
+      tsconfigRootDir: import.meta.dirname,
+    },
+  },
+})
+```
+
+- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
+- Optionally add `...tseslint.configs.stylisticTypeChecked`
+- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:
+
+```js
+// eslint.config.js
+import react from 'eslint-plugin-react'
+
+export default tseslint.config({
+  // Set the react version
+  settings: { react: { version: '18.3' } },
+  plugins: {
+    // Add the react plugin
+    react,
+  },
+  rules: {
+    // other rules...
+    // Enable its recommended rules
+    ...react.configs.recommended.rules,
+    ...react.configs['jsx-runtime'].rules,
+  },
+})
+```
+
+修改上述代码
+
+增加背景标尺布局块：将屏幕分成12个网格，网格与网格之间相隔10px，最边缘网格距离屏幕上下左右10px，屏幕大小变化时，网格的宽度根据屏幕重新计算，网格的高度暂时定50px，拖动时才显示网格

package/index.d.ts

@@ -0,0 +1,87 @@
+export interface ModuleValueType {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  id?: any;
+  type?:
+    | "text"
+    | "statistics"
+    | "chart-bar"
+    | "chart-bar-pile"
+    | "chart-bar-percentage"
+    | "chart-line"
+    | "chart-line-smooth"
+    | "chart-strip-bar"
+    | "chart-strip-bar-pile"
+    | "chart-strip-bar-percentage"
+    | "chart-pie"
+    | "chart-pie-circular"
+    | "calendar";
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  customData?: any;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  customeStyle?: any;
+}
+
+export interface ModuleData {
+  id?: string;
+  i?: string;
+  w: number;
+  h: number;
+  x: number;
+  y: number;
+  type: ModuleValueType["type"];
+  customData?: ModuleValueType["customData"];
+  customeStyle?: ModuleValueType["customeStyle"];
+}
+
+export interface SourceDataFieldsTypes {
+  label: string;
+  enum: string | number[];
+  value: string;
+  type: "int" | "timestamp" | "string" | "bool";
+}
+export interface SourceDataTypes {
+  fields: SourceDataFieldsTypes[];
+  label: string;
+  value: string;
+}
+
+export type ModuleConfigDataTypes = ModuleData[];
+
+export type ModuleDataApi = (id: unknown) => Promise<unknown>;
+
+export interface DashboardWorkbenchProps {
+  sourceData?: SourceDataTypes[];
+  moduleConfigData?: ModuleConfigDataTypes;
+  fieldMap?: Record<string, string>;
+  lang?: "zh_CN" | "en_US";
+  moduleDataApi?: ModuleDataApi;
+  onCreateModule?: (val: ModuleData) => Promise<ModuleData>;
+  onUpdateModule?: (val: ModuleData) => Promise<ModuleData>;
+  onDeleteModule?: (val: string) => Promise<void>;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  onLayoutChange?: (layout: any) => void;
+  className?: string;
+  cols?: { lg: number; md: number; sm: number; xs: number; xxs: number };
+  rowHeight?: number;
+}
+
+
+declare module "pivot-table" {
+ 
+  interface PivotTableProps {
+    sourceData?: SourceDataTypes[];
+    moduleConfigData?: ModuleConfigDataTypes;
+    fieldMap?: Record<string, string>;
+    lang?: "zh_CN" | "en_US";
+    moduleDataApi?: ModuleDataApi;
+    onCreateModule?: (val: ModuleData) => Promise<ModuleData>;
+    onUpdateModule?: (val: ModuleData) => Promise<ModuleData>;
+    onDeleteModule?: (val: string) => Promise<void>;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    onLayoutChange?: (layout: any) => void;
+    className?: string;
+    cols?: { lg: number; md: number; sm: number; xs: number; xxs: number };
+    rowHeight?: number;
+  }
+  export const PivotTable: React.FC<PivotTableProps>;
+}