@ued_fpi/data-visual 1.0.5 → 1.0.6

package/dist/lib/wgms/src/common/ProgressBar.js

@@ -0,0 +1,71 @@
+'use strict';
+
+const vue = require('vue');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "ProgressBar",
+  props: {
+    /**
+     * 进度条高度
+     */
+    barHeight: {
+      type: Number,
+      default: 8
+    },
+    /**
+     * 进度条背景色
+     */
+    bgColor: {
+      type: String,
+      default: "rgba(255, 255, 255, 0.1)"
+    },
+    /**
+     * 激活部分背景色
+     */
+    activeColor: {
+      type: String,
+      default: "linear-gradient(270deg, #00DEFF 0%, rgba(0,222,255,0.20) 100%)"
+    },
+    /**
+     * 百分比
+     */
+    percentage: {
+      type: Number,
+      default: 0
+    },
+    /**
+     * 手柄颜色
+     */
+    handleStyle: {
+      type: Object,
+      default: () => {
+        return {
+          background: "#00DEFF",
+          width: "2px",
+          height: "12px"
+        };
+      }
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: "bar-box",
+        style: vue.normalizeStyle({ height: `${__props.barHeight}px`, background: __props.bgColor })
+      }, [
+        vue.createElementVNode("div", {
+          class: "stand-bar",
+          style: vue.normalizeStyle({ width: `${__props.percentage}%`, background: __props.activeColor })
+        }, null, 4),
+        vue.createElementVNode("div", {
+          class: "bar-head",
+          style: vue.normalizeStyle(__props.handleStyle)
+        }, null, 4)
+      ], 4);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const ProgressBar_vue_vue_type_style_index_0_lang = '';
+
+exports._sfc_main = _sfc_main;

package/dist/lib/wgms/src/common/ProgressBar.vue.d.ts

@@ -0,0 +1,88 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * 进度条高度
+     */
+    barHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 进度条背景色
+     */
+    bgColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 激活部分背景色
+     */
+    activeColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 百分比
+     */
+    percentage: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 手柄颜色
+     */
+    handleStyle: {
+        type: ObjectConstructor;
+        default: () => {
+            background: string;
+            width: string;
+            height: string;
+        };
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * 进度条高度
+     */
+    barHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 进度条背景色
+     */
+    bgColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 激活部分背景色
+     */
+    activeColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 百分比
+     */
+    percentage: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 手柄颜色
+     */
+    handleStyle: {
+        type: ObjectConstructor;
+        default: () => {
+            background: string;
+            width: string;
+            height: string;
+        };
+    };
+}>>, {
+    barHeight: number;
+    bgColor: string;
+    activeColor: string;
+    percentage: number;
+    handleStyle: Record<string, any>;
+}, {}>;
+export default _default;

package/dist/lib/wgms/src/common/select-panel.js

@@ -0,0 +1,190 @@
+'use strict';
+
+const vendor_elementPlus_2_3_7_vue_3_3_4 = require('../../../vendor/element-plus@2.3.7_vue@3.3.4.js');
+const vue = require('vue');
+
+const _hoisted_1 = { class: "container-select" };
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "select-panel",
+  props: {
+    /**
+     * 配置项用于生成表格
+     */
+    option: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    /**
+     * 默认选择index
+     */
+    defaultSelect: {
+      type: Number,
+      default: void 0
+    },
+    /**
+     * 默认选择 defaultValue 优先级    defaultSelect>defaultValue
+     */
+    defaultValue: {
+      type: [Number, String],
+      default: void 0
+    },
+    boxStyle: {
+      type: Object,
+      default: void 0
+    },
+    labelStyle: {
+      type: Object,
+      default: void 0
+    },
+    selectBoxStyle: {
+      type: Object,
+      default: void 0
+    },
+    selectItemStyle: {
+      type: Object,
+      default: void 0
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    /**
+     * 箭头类型
+     */
+    arrow: {
+      type: String,
+      default: "box"
+    },
+    /**
+     * 箭头大小比例
+     */
+    arrowScale: {
+      type: Number,
+      default: 1
+    },
+    /**
+     * 是否显示背景
+     */
+    isShowBack: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    vue.useCssVars((_ctx) => ({
+      "4aabbbe4": __props.arrowScale
+    }));
+    const data = vue.reactive({
+      isShowOption: false,
+      label: "--",
+      activeIndex: 0,
+      width: "65px",
+      id: `optionList${Math.random()}`
+    });
+    vue.watch(() => props.option, (val) => {
+      if (val && val.length) {
+        if (props.defaultSelect === -1) {
+          data.activeIndex = props.defaultSelect;
+        } else if (typeof props.defaultSelect === "number") {
+          const currData = val[props.defaultSelect];
+          data.label = currData.label;
+          data.activeIndex = props.defaultSelect;
+        } else {
+          const index = props.defaultValue === void 0 ? 0 : val.findIndex((item) => item.value === props.defaultValue);
+          data.label = val[~index ? index : 0].label;
+          data.activeIndex = ~index ? index : 0;
+        }
+      }
+    }, { deep: true, immediate: true });
+    let listener;
+    vue.onMounted(() => {
+      listener = document.addEventListener("mouseup", (e) => {
+        const pop = document.getElementById(data.id);
+        if (data.isShowOption && pop) {
+          if (!pop.contains(e.target)) {
+            setTimeout(() => {
+              data.isShowOption = false;
+            });
+          }
+        }
+      });
+    });
+    vue.onUnmounted(() => {
+      listener && listener.removeEventListener();
+    });
+    const clickSelect = () => {
+      data.isShowOption = !data.isShowOption;
+    };
+    const clickCurrItem = (item, index) => {
+      data.activeIndex = index;
+      data.isShowOption = false;
+      data.label = item.label;
+      emit("change", item, index);
+    };
+    const { isShowOption, label, activeIndex, id } = vue.toRefs(data);
+    return (_ctx, _cache) => {
+      const _component_el_scrollbar = vendor_elementPlus_2_3_7_vue_3_3_4.ElScrollbar;
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(["select-box", [__props.isShowBack ? "select-box-father" : ""]]),
+          style: vue.normalizeStyle(__props.boxStyle),
+          onClick: vue.withModifiers(clickSelect, ["stop"])
+        }, [
+          vue.createElementVNode("div", {
+            class: "label",
+            style: vue.normalizeStyle(__props.labelStyle)
+          }, [
+            vue.withDirectives(vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(label)), 513), [
+              [vue.vShow, vue.unref(activeIndex) !== -1]
+            ]),
+            vue.withDirectives(vue.createElementVNode("span", { class: "placeholder" }, vue.toDisplayString(__props.placeholder), 513), [
+              [vue.vShow, vue.unref(activeIndex) === -1]
+            ])
+          ], 4),
+          __props.arrow === "box" ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: vue.normalizeClass(["arrow-white tran05", vue.unref(isShowOption) ? "ro-180" : ""])
+          }, null, 2)) : vue.createCommentVNode("", true),
+          __props.arrow === "line" ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 1,
+            class: vue.normalizeClass(["arrow-line tran05", vue.unref(isShowOption) ? "arrow-line-ro" : ""])
+          }, null, 2)) : vue.createCommentVNode("", true)
+        ], 14, _hoisted_2),
+        vue.createVNode(vue.Transition, { name: "height-to-down" }, {
+          default: vue.withCtx(() => [
+            vue.withDirectives(vue.createVNode(_component_el_scrollbar, {
+              id: vue.unref(id),
+              class: "option-list",
+              style: vue.normalizeStyle(__props.selectBoxStyle)
+            }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.option, (item, index) => {
+                  return vue.openBlock(), vue.createElementBlock("div", {
+                    key: index,
+                    class: vue.normalizeClass(["select-item", [vue.unref(activeIndex) === index ? "select-item-check" : ""]]),
+                    style: vue.normalizeStyle(__props.selectItemStyle),
+                    onClick: ($event) => clickCurrItem(item, index)
+                  }, vue.toDisplayString(item.selectLabel || item.label), 15, _hoisted_3);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["id", "style"]), [
+              [vue.vShow, vue.unref(isShowOption)]
+            ])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const selectPanel_vue_vue_type_style_index_0_lang = '';
+
+exports._sfc_main = _sfc_main;

package/dist/lib/wgms/src/common/select-panel.vue.d.ts

@@ -0,0 +1,144 @@
+import type { PropType } from 'vue';
+import type { selectPanelTs } from '../../types/common';
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * 配置项用于生成表格
+     */
+    option: {
+        type: PropType<selectPanelTs[]>;
+        default: () => never[];
+    };
+    /**
+     * 默认选择index
+     */
+    defaultSelect: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /**
+     * 默认选择 defaultValue 优先级    defaultSelect>defaultValue
+     */
+    defaultValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    boxStyle: {
+        type: ObjectConstructor;
+        default: undefined;
+    };
+    labelStyle: {
+        type: ObjectConstructor;
+        default: undefined;
+    };
+    selectBoxStyle: {
+        type: ObjectConstructor;
+        default: undefined;
+    };
+    selectItemStyle: {
+        type: ObjectConstructor;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 箭头类型
+     */
+    arrow: {
+        type: PropType<"box" | "line">;
+        default: string;
+    };
+    /**
+     * 箭头大小比例
+     */
+    arrowScale: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 是否显示背景
+     */
+    isShowBack: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * 配置项用于生成表格
+     */
+    option: {
+        type: PropType<selectPanelTs[]>;
+        default: () => never[];
+    };
+    /**
+     * 默认选择index
+     */
+    defaultSelect: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /**
+     * 默认选择 defaultValue 优先级    defaultSelect>defaultValue
+     */
+    defaultValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    boxStyle: {
+        type: ObjectConstructor;
+        default: undefined;
+    };
+    labelStyle: {
+        type: ObjectConstructor;
+        default: undefined;
+    };
+    selectBoxStyle: {
+        type: ObjectConstructor;
+        default: undefined;
+    };
+    selectItemStyle: {
+        type: ObjectConstructor;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 箭头类型
+     */
+    arrow: {
+        type: PropType<"box" | "line">;
+        default: string;
+    };
+    /**
+     * 箭头大小比例
+     */
+    arrowScale: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 是否显示背景
+     */
+    isShowBack: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    option: selectPanelTs[];
+    defaultSelect: number;
+    defaultValue: string | number;
+    boxStyle: Record<string, any>;
+    labelStyle: Record<string, any>;
+    selectBoxStyle: Record<string, any>;
+    selectItemStyle: Record<string, any>;
+    placeholder: string;
+    arrow: "box" | "line";
+    arrowScale: number;
+    isShowBack: boolean;
+}, {}>;
+export default _default;

package/dist/lib/wgms/src/index.d.ts

@@ -0,0 +1,18 @@
+export * from './EnvironmentalAnalysis';
+export * from './WaterQualityClassification';
+export * from './WaterQualityStatus';
+export * from './WaterQualityRainfall';
+export * from './WaterEnvironmentOnlineMonitor';
+export * from './SewageOutletsOnlineMonitor';
+export * from './KeyRiverWaterQualityEvaluation';
+export * from './DrinkingWaterComplianceRate';
+export * from './SevenDayKline';
+export * from './SurroundingPollution';
+export * from './AuxiliaryJudgment';
+export * from './UpstreamImpact';
+export * from './CrossSectionCorrelation';
+export * from './UpstreamSection';
+export * from './SubordinateRanking';
+export * from './ChlorophyllAchangeRate';
+export * from './FactorTopThreeRanking';
+export * from './DistributionPoints';

package/dist/lib/wgms/src/index.js

@@ -0,0 +1,44 @@
+'use strict';
+
+const wgms_src_EnvironmentalAnalysis_index = require('./EnvironmentalAnalysis/index.js');
+const wgms_src_WaterQualityClassification_index = require('./WaterQualityClassification/index.js');
+const wgms_src_WaterQualityStatus_index = require('./WaterQualityStatus/index.js');
+const wgms_src_WaterQualityRainfall_index = require('./WaterQualityRainfall/index.js');
+const wgms_src_WaterEnvironmentOnlineMonitor_index = require('./WaterEnvironmentOnlineMonitor/index.js');
+const wgms_src_SewageOutletsOnlineMonitor_index = require('./SewageOutletsOnlineMonitor/index.js');
+const wgms_src_KeyRiverWaterQualityEvaluation_index = require('./KeyRiverWaterQualityEvaluation/index.js');
+const wgms_src_DrinkingWaterComplianceRate_index = require('./DrinkingWaterComplianceRate/index.js');
+const wgms_src_SevenDayKline_index = require('./SevenDayKline/index.js');
+const wgms_src_SurroundingPollution_index = require('./SurroundingPollution/index.js');
+const wgms_src_AuxiliaryJudgment_index = require('./AuxiliaryJudgment/index.js');
+const wgms_src_UpstreamImpact_index = require('./UpstreamImpact/index.js');
+const wgms_src_CrossSectionCorrelation_index = require('./CrossSectionCorrelation/index.js');
+const wgms_src_UpstreamSection_index = require('./UpstreamSection/index.js');
+const wgms_src_SubordinateRanking_index = require('./SubordinateRanking/index.js');
+const wgms_src_ChlorophyllAchangeRate_index = require('./ChlorophyllAchangeRate/index.js');
+const wgms_src_FactorTopThreeRanking_index = require('./FactorTopThreeRanking/index.js');
+const wgms_src_DistributionPoints_index = require('./DistributionPoints/index.js');
+
+const components = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+	__proto__: null,
+	AuxiliaryJudgment: wgms_src_AuxiliaryJudgment_index.AuxiliaryJudgment,
+	ChlorophyllAChangeRate: wgms_src_ChlorophyllAchangeRate_index.ChlorophyllAChangeRate,
+	CrossSectionCorrelation: wgms_src_CrossSectionCorrelation_index.CrossSectionCorrelation,
+	DrinkingWaterComplianceRate: wgms_src_DrinkingWaterComplianceRate_index.DrinkingWaterComplianceRate,
+	DvWgmsDistributionPoints: wgms_src_DistributionPoints_index.DvWgmsDistributionPoints,
+	DvWgmsEnvironmentalAnalysis: wgms_src_EnvironmentalAnalysis_index.DvWgmsEnvironmentalAnalysis,
+	DvWgmsSubordinateRanking: wgms_src_SubordinateRanking_index.DvWgmsSubordinateRanking,
+	FactorTopThreeRanking: wgms_src_FactorTopThreeRanking_index.FactorTopThreeRanking,
+	KeyRiverWaterQualityEvaluation: wgms_src_KeyRiverWaterQualityEvaluation_index.KeyRiverWaterQualityEvaluation,
+	SevenDayKline: wgms_src_SevenDayKline_index.SevenDayKline,
+	SewageOutletsOnlineMonitor: wgms_src_SewageOutletsOnlineMonitor_index.SewageOutletsOnlineMonitor,
+	SurroundingPollution: wgms_src_SurroundingPollution_index.SurroundingPollution,
+	UpstreamImpact: wgms_src_UpstreamImpact_index.UpstreamImpact,
+	UpstreamSection: wgms_src_UpstreamSection_index.UpstreamSection,
+	WaterEnvironmentOnlineMonitor: wgms_src_WaterEnvironmentOnlineMonitor_index.WaterEnvironmentOnlineMonitor,
+	WaterQualityClassification: wgms_src_WaterQualityClassification_index.WaterQualityClassification,
+	WaterQualityRainfall: wgms_src_WaterQualityRainfall_index.WaterQualityRainfall,
+	WaterQualityStatus: wgms_src_WaterQualityStatus_index.WaterQualityStatus
+}, Symbol.toStringTag, { value: 'Module' }));
+
+exports.components = components;

package/dist/lib/wgms/types/common.d.ts

@@ -0,0 +1,5 @@
+export interface selectPanelTs {
+    value: string | number | boolean;
+    label: string;
+    selectLabel?: string;
+}

package/dist/lib/wgms/utils/echarts/3dChartOptions.d.ts

@@ -0,0 +1,116 @@
+/**
+ * 绘制3d图
+ * @param pieData 总数据
+ * @param color 颜色
+ * @param internalDiameterRatio:透明的空心占比
+ * @param distance 视角到主体的距离
+ * @param alpha 旋转角度
+ * @param pieHeight 立体的高度
+ * @param opacity 饼或者环的透明度
+ */
+interface PieData {
+    name: string;
+    value: number;
+    itemStyle: Record<string, any>;
+    startRatio: number;
+    endRatio: number;
+}
+declare const getPie3D: (pieData: PieData[], color: string[], internalDiameterRatio: number, distance: number, alpha: number, pieHeight: number, opacity?: number) => {
+    legend: {
+        show: boolean;
+        data: {
+            name: string;
+            value: string | boolean;
+        }[];
+        orient: string;
+        left: number;
+        top: number;
+        itemGap: number;
+        textStyle: {
+            color: string;
+        };
+        icon: string;
+        formatter(param: any): string;
+    };
+    labelLine: {
+        show: boolean;
+        lineStyle: {
+            color: string;
+        };
+    };
+    label: {
+        show: boolean;
+        position: string;
+        formatter: string;
+    };
+    tooltip: {
+        backgroundColor: string;
+        borderColor: string;
+        textStyle: {
+            color: string;
+            fontSize: number;
+        };
+        formatter: (params: any) => string | undefined;
+    };
+    xAxis3D: {
+        min: number;
+        max: number;
+    };
+    yAxis3D: {
+        min: number;
+        max: number;
+    };
+    zAxis3D: {
+        min: number;
+        max: number;
+    };
+    grid3D: {
+        show: boolean;
+        boxHeight: number;
+        viewControl: {
+            alpha: number;
+            distance: number;
+            rotateSensitivity: number;
+            zoomSensitivity: number;
+            panSensitivity: number;
+            autoRotate: boolean;
+        };
+    };
+    series: {
+        name: string;
+        type: string;
+        parametric: boolean;
+        wireframe: {
+            show: boolean;
+        };
+        pieData: PieData;
+        pieStatus: {
+            selected: boolean;
+            hovered: boolean;
+            k: number;
+        };
+        center: string[];
+        color: string;
+        itemStyle: {};
+        parametricEquation: {};
+    }[];
+};
+/**
+   * 生成扇形的曲面参数方程，用于 series-surface.parametricEquation
+   */
+declare const getParametricEquation: (startRatio: number, endRatio: number, isSelected: boolean, isHovered: boolean, k: number, h: number) => {
+    u: {
+        min: number;
+        max: number;
+        step: number;
+    };
+    v: {
+        min: number;
+        max: number;
+        step: number;
+    };
+    x(u: number, v: number): number;
+    y(u: number, v: number): number;
+    z(u: number, v: number): number;
+};
+export { getPie3D, getParametricEquation };