sky-ui-kit 0.1.4 → 0.1.5

package/components.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": 1,
   "package": "sky-ui-kit",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "elementPlusVersion": "2.14.7",
   "setup": {
     "cssOnce": [
@@ -2277,7 +2277,11 @@
           "required": true
         }
       ],
-      "slots": [],
+      "slots": [
+        "before",
+        "after",
+        "panel"
+      ],
       "types": [
         "export interface MapToolItem { key: string; label: string; icon?: Component }"
       ],
@@ -2602,6 +2606,30 @@
           "type": "string",
           "required": false,
           "defaultExpression": "''"
+        },
+        {
+          "name": "toolbarTop",
+          "type": "string",
+          "required": false,
+          "defaultExpression": "''"
+        },
+        {
+          "name": "contentTop",
+          "type": "string",
+          "required": false,
+          "defaultExpression": "''"
+        },
+        {
+          "name": "edge",
+          "type": "string",
+          "required": false,
+          "defaultExpression": "''"
+        },
+        {
+          "name": "variant",
+          "type": "'workbench' | 'atlas'",
+          "required": false,
+          "defaultExpression": "'workbench'"
         }
       ],
       "events": [],
@@ -2617,6 +2645,409 @@
       "types": [],
       "source": "src/components/TemplateLayout.vue"
     },
+    {
+      "name": "RainfallRankingTable",
+      "kind": "project-component",
+      "importFrom": "sky-ui-kit",
+      "props": [
+        {
+          "name": "rows",
+          "type": "RainfallRankingRow[]",
+          "required": false,
+          "defaultExpression": "() => []"
+        },
+        {
+          "name": "period",
+          "type": "string",
+          "required": false,
+          "defaultExpression": "'24h'"
+        },
+        {
+          "name": "unit",
+          "type": "string",
+          "required": false,
+          "defaultExpression": "'mm'"
+        },
+        {
+          "name": "dataSource",
+          "type": "string[]",
+          "required": false,
+          "defaultExpression": "() => []"
+        },
+        {
+          "name": "dataSourceOptions",
+          "type": "DataSourceOption[]",
+          "required": false,
+          "defaultExpression": "() => []"
+        },
+        {
+          "name": "dataSourceLoading",
+          "type": "boolean",
+          "required": false,
+          "defaultExpression": "false"
+        },
+        {
+          "name": "rainfallLevels",
+          "type": "RainfallLevelOption[]",
+          "required": false,
+          "defaultExpression": "() => [\r\n    { key: 'extremeStorm', label: '≥250', min: 250, color: 'rgba(129, 0, 64, 1)', textColor: '#ffffff' },\r\n    { key: 'hardStorm', label: '100~250', min: 100, color: 'rgba(244, 5, 237, 1)', textColor: '#ffffff' },\r\n    { key: 'storm', label: '50~100', min: 50, color: 'rgba(2, 1, 252, 1)', textColor: '#ffffff' },\r\n    { key: 'heavy', label: '25~50', min: 25, color: 'rgba(100, 184, 245, 1)', textColor: '#ffffff' },\r\n    { key: 'moderate', label: '10~25', min: 10, color: 'rgba(61, 185, 63, 1)', textColor: '#ffffff' },\r\n    { key: 'light', label: '0.5~10', min: 0.5, color: 'rgba(164, 243, 143, 1)', textColor: '#1f2937' },\r\n    { key: 'none', label: '0~0.5', min: 0, color: '#ffffff', textColor: '#334155' }\r\n  ]"
+        },
+        {
+          "name": "visibleLevelKeys",
+          "type": "RainfallLevelKey[]",
+          "required": false,
+          "defaultExpression": "() => ['none', 'light', 'moderate', 'heavy', 'storm', 'hardStorm', 'extremeStorm']"
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "defaultExpression": "false"
+        }
+      ],
+      "events": [
+        {
+          "name": "close",
+          "type": "[]",
+          "required": true
+        },
+        {
+          "name": "locate",
+          "type": "[row: RainfallRankingRow]",
+          "required": true
+        },
+        {
+          "name": "rangeChange",
+          "type": "[payload: { label: string, range: DateRangeValue }]",
+          "required": true
+        },
+        {
+          "name": "sourceChange",
+          "type": "[value: string[], payload: DataSourceChangePayload]",
+          "required": true
+        },
+        {
+          "name": "levelVisibilityChange",
+          "type": "[key: RainfallLevelKey, visible: boolean]",
+          "required": true
+        }
+      ],
+      "slots": [],
+      "types": [
+        "type SortDirection = 'asc' | 'desc'",
+        "export type RainfallLevelKey = 'none' | 'light' | 'moderate' | 'heavy' | 'storm' | 'hardStorm' | 'extremeStorm'",
+        "type RangeShortcutKey = 'current' | '1h' | '24h' | '3d' | '7d' | '1m'",
+        "type DateRangeValue = [string, string]",
+        "type RangeShortcut = {\r\n  key: RangeShortcutKey\r\n  label: string\r\n  amount: number\r\n  unit: 'current' | 'hour' | 'day' | 'month',\r\n  type: '1' | '2' // 1是显示日期 2是显示文字\r\n}",
+        "export type DataSourceOption = {\r\n  label: string\r\n  value: string\r\n}",
+        "export type DataSourceChangePayload = {\r\n  selectedSources: string[]\r\n  addedSources: string[]\r\n  removedSources: string[]\r\n}",
+        "export type RainfallLevelOption = {\r\n  key: RainfallLevelKey\r\n  label: string\r\n  min: number\r\n  color: string\r\n  textColor: string\r\n}",
+        "export type RainfallRankingRow = {\r\n  id?: string | number\r\n  stationName: string\r\n  rainfall: number\r\n  region?: string\r\n  longitude?: number\r\n  latitude?: number\r\n  elevation?: number | null\r\n  dataSource?: string\r\n  dataSourceName?: string\r\n  sourceCode?: string | number\r\n}"
+      ],
+      "source": "src/components/RainfallRankingTable.vue"
+    },
+    {
+      "name": "RainfallProcessChart",
+      "kind": "project-component",
+      "importFrom": "sky-ui-kit",
+      "props": [
+        {
+          "name": "stations",
+          "type": "RainfallRankingRow[]",
+          "required": false,
+          "defaultExpression": "() => []"
+        },
+        {
+          "name": "selectedStations",
+          "type": "RainfallRankingRow[]",
+          "required": false,
+          "defaultExpression": "() => []"
+        },
+        {
+          "name": "rowsByStation",
+          "type": "Record<string, RainHourlyPrecipitation[]>",
+          "required": false,
+          "defaultExpression": "() => ({})"
+        },
+        {
+          "name": "range",
+          "type": "[string, string]",
+          "required": true,
+          "defaultExpression": null
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "defaultExpression": "false"
+        }
+      ],
+      "events": [
+        {
+          "name": "close",
+          "type": "[]",
+          "required": true
+        },
+        {
+          "name": "query",
+          "type": "[payload: { stationIds: StationId[], range: [string, string], quickKey?: QuickRangeKey }]",
+          "required": true
+        }
+      ],
+      "slots": [],
+      "types": [
+        "type EChartsOption = Record<string, any>",
+        "type RainHourlyPrecipitation = { dt: string; drp?: number | null; [key: string]: number | string | null | undefined }",
+        "type StationId = string",
+        "type ProcessSeries = {\r\n  station: RainfallRankingRow\r\n  rainfallName: string\r\n  totalName: string\r\n  rainfallData: Array<number | null>\r\n  totalData: number[]\r\n  latestTotal: number\r\n}",
+        "type QuickRangeKey = 'current' | '24h' | '7d' | '1m' | '3m'"
+      ],
+      "source": "src/components/RainfallProcessChart.vue"
+    },
+    {
+      "name": "MapValueLegend",
+      "kind": "project-component",
+      "importFrom": "sky-ui-kit",
+      "props": [
+        {
+          "name": "title",
+          "type": "string",
+          "required": true,
+          "defaultExpression": null
+        },
+        {
+          "name": "layerName",
+          "type": "string",
+          "required": false,
+          "defaultExpression": "''"
+        },
+        {
+          "name": "unit",
+          "type": "string",
+          "required": false,
+          "defaultExpression": "''"
+        },
+        {
+          "name": "variant",
+          "type": "MapValueLegendVariant",
+          "required": false,
+          "defaultExpression": "'list'"
+        },
+        {
+          "name": "items",
+          "type": "MapValueLegendItem[]",
+          "required": false,
+          "defaultExpression": "() => []"
+        },
+        {
+          "name": "gradientStops",
+          "type": "MapValueLegendGradientStop[]",
+          "required": false,
+          "defaultExpression": "() => []"
+        },
+        {
+          "name": "tickLabels",
+          "type": "string[]",
+          "required": false,
+          "defaultExpression": "() => []"
+        },
+        {
+          "name": "allVisible",
+          "type": "boolean",
+          "required": false,
+          "defaultExpression": "true"
+        },
+        {
+          "name": "toggleable",
+          "type": "boolean",
+          "required": false,
+          "defaultExpression": "true"
+        }
+      ],
+      "events": [
+        {
+          "name": "toggle",
+          "type": "[key: string, visible: boolean, layerName: string]",
+          "required": true
+        },
+        {
+          "name": "toggleAll",
+          "type": "[visible: boolean, layerName: string]",
+          "required": true
+        }
+      ],
+      "slots": [],
+      "types": [
+        "type MapValueLegendVariant = 'list' | 'gradient'",
+        "export type MapValueLegendItem = {\r\n  key: string\r\n  label: string\r\n  color: string\r\n  count?: number\r\n  visible?: boolean\r\n  empty?: boolean\r\n}",
+        "export type MapValueLegendGradientStop = {\r\n  offset: number\r\n  color: string\r\n}"
+      ],
+      "source": "src/components/MapValueLegend.vue"
+    },
+    {
+      "name": "AtlasRankingPanel",
+      "kind": "project-component",
+      "importFrom": "sky-ui-kit",
+      "props": [],
+      "events": [],
+      "slots": [
+        "default"
+      ],
+      "types": [],
+      "source": "src/components/AtlasRankingPanel.vue"
+    },
+    {
+      "name": "AtlasProcessPanel",
+      "kind": "project-component",
+      "importFrom": "sky-ui-kit",
+      "props": [],
+      "events": [],
+      "slots": [
+        "default"
+      ],
+      "types": [],
+      "source": "src/components/AtlasProcessPanel.vue"
+    },
+    {
+      "name": "AtlasProcessChart",
+      "kind": "project-component",
+      "importFrom": "sky-ui-kit",
+      "props": [
+        {
+          "name": "option",
+          "type": "EChartsOption | null",
+          "required": false,
+          "defaultExpression": "null"
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "required": false,
+          "defaultExpression": "false"
+        },
+        {
+          "name": "empty",
+          "type": "boolean",
+          "required": false,
+          "defaultExpression": "false"
+        },
+        {
+          "name": "loadingText",
+          "type": "string",
+          "required": false,
+          "defaultExpression": "'加载中...'"
+        },
+        {
+          "name": "emptyText",
+          "type": "string",
+          "required": false,
+          "defaultExpression": "'暂无过程线数据'"
+        }
+      ],
+      "events": [],
+      "slots": [],
+      "types": [
+        "type EChartsOption = Record<string, any>"
+      ],
+      "source": "src/components/AtlasProcessChart.vue"
+    },
+    {
+      "name": "StationComparisonPanel",
+      "kind": "project-component",
+      "importFrom": "sky-ui-kit",
+      "props": [
+        {
+          "name": "rows",
+          "type": "{ id: string; label: string }[]",
+          "required": true,
+          "defaultExpression": null
+        },
+        {
+          "name": "selected",
+          "type": "string[]",
+          "required": true,
+          "defaultExpression": null
+        }
+      ],
+      "events": [
+        {
+          "name": "update:selected",
+          "type": "[ids: string[]]",
+          "required": true
+        },
+        {
+          "name": "compare",
+          "type": "[]",
+          "required": true
+        },
+        {
+          "name": "locate",
+          "type": "[id: string]",
+          "required": true
+        },
+        {
+          "name": "close",
+          "type": "[]",
+          "required": true
+        }
+      ],
+      "slots": [],
+      "types": [],
+      "source": "src/components/StationComparisonPanel.vue"
+    },
+    {
+      "name": "MapOperationPanel",
+      "kind": "project-component",
+      "importFrom": "sky-ui-kit",
+      "props": [
+        {
+          "name": "tools",
+          "type": "any",
+          "required": true,
+          "defaultExpression": null
+        },
+        {
+          "name": "drawTools",
+          "type": "{ mode: string; label: string; iconPath: string }[]",
+          "required": true,
+          "defaultExpression": null
+        }
+      ],
+      "events": [],
+      "slots": [],
+      "types": [
+        "type MapDrawMode = string",
+        "type MapMeasureMode = string",
+        "type MapOperationSnapshot = any"
+      ],
+      "source": "src/components/MapOperationPanel.vue"
+    },
+    {
+      "name": "SpaceAnalysisPanel",
+      "kind": "project-component",
+      "importFrom": "sky-ui-kit",
+      "props": [
+        {
+          "name": "selectionStore",
+          "type": "any",
+          "required": true,
+          "defaultExpression": null
+        },
+        {
+          "name": "provider",
+          "type": "any",
+          "required": true,
+          "defaultExpression": null
+        }
+      ],
+      "events": [],
+      "slots": [],
+      "types": [
+        "type GisSelectionRecord = any",
+        "type SpaceAnalysisAction = any"
+      ],
+      "source": "src/components/SpaceAnalysisPanel.vue"
+    },
     {
       "name": "UiAffix",
       "kind": "element-plus-component",

package/dist/components/AtlasProcessChart.vue.d.ts

@@ -0,0 +1,17 @@
+type EChartsOption = Record<string, any>;
+type __VLS_Props = {
+    option?: EChartsOption | null;
+    loading?: boolean;
+    empty?: boolean;
+    loadingText?: string;
+    emptyText?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    option: EChartsOption | null;
+    loading: boolean;
+    loadingText: string;
+    emptyText: string;
+    empty: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/AtlasProcessPanel.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/AtlasRankingPanel.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/MapOperationPanel.vue.d.ts

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    tools: any;
+    drawTools: {
+        mode: string;
+        label: string;
+        iconPath: string;
+    }[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/MapTools.vue.d.ts

@@ -10,7 +10,15 @@ type __VLS_Props = {
     icons?: Record<string, Component>;
     items?: MapToolItem[];
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare var __VLS_1: {}, __VLS_15: {}, __VLS_17: {};
+type __VLS_Slots = {} & {
+    before?: (props: typeof __VLS_1) => any;
+} & {
+    after?: (props: typeof __VLS_15) => any;
+} & {
+    panel?: (props: typeof __VLS_17) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:active": (key: string) => any;
     "tool-click": (key: string) => any;
     "context-change": (enabled: boolean) => any;
@@ -23,5 +31,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     active: string;
     icons: Record<string, Component>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/MapValueLegend.vue.d.ts

@@ -0,0 +1,42 @@
+type MapValueLegendVariant = 'list' | 'gradient';
+export type MapValueLegendItem = {
+    key: string;
+    label: string;
+    color: string;
+    count?: number;
+    visible?: boolean;
+    empty?: boolean;
+};
+export type MapValueLegendGradientStop = {
+    offset: number;
+    color: string;
+};
+type __VLS_Props = {
+    title: string;
+    layerName?: string;
+    unit?: string;
+    variant?: MapValueLegendVariant;
+    items?: MapValueLegendItem[];
+    gradientStops?: MapValueLegendGradientStop[];
+    tickLabels?: string[];
+    allVisible?: boolean;
+    toggleable?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    toggle: (key: string, visible: boolean, layerName: string) => any;
+    toggleAll: (visible: boolean, layerName: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onToggle?: ((key: string, visible: boolean, layerName: string) => any) | undefined;
+    onToggleAll?: ((visible: boolean, layerName: string) => any) | undefined;
+}>, {
+    variant: MapValueLegendVariant;
+    unit: string;
+    items: MapValueLegendItem[];
+    layerName: string;
+    gradientStops: MapValueLegendGradientStop[];
+    tickLabels: string[];
+    allVisible: boolean;
+    toggleable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/RainfallProcessChart.vue.d.ts

@@ -0,0 +1,37 @@
+type RainHourlyPrecipitation = {
+    dt: string;
+    drp?: number | null;
+    [key: string]: number | string | null | undefined;
+};
+import type { RainfallRankingRow } from './RainfallRankingTable.vue';
+type StationId = string;
+type QuickRangeKey = 'current' | '24h' | '7d' | '1m' | '3m';
+type __VLS_Props = {
+    stations?: RainfallRankingRow[];
+    selectedStations?: RainfallRankingRow[];
+    rowsByStation?: Record<string, RainHourlyPrecipitation[]>;
+    range: [string, string];
+    loading?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => any;
+    query: (payload: {
+        stationIds: StationId[];
+        range: [string, string];
+        quickKey?: QuickRangeKey;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onQuery?: ((payload: {
+        stationIds: StationId[];
+        range: [string, string];
+        quickKey?: QuickRangeKey;
+    }) => any) | undefined;
+}>, {
+    loading: boolean;
+    stations: RainfallRankingRow[];
+    selectedStations: RainfallRankingRow[];
+    rowsByStation: Record<string, RainHourlyPrecipitation[]>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;