hfn-components 0.2.6 → 0.2.8

package/es/components/htTarget/src/htTarget.vue.mjs

@@ -1,13 +1,28 @@
 import _sfc_main from './htTarget.vue2.mjs';
-import { openBlock, createElementBlock, createVNode, withCtx, createElementVNode, createTextVNode } from 'vue';
+import { openBlock, createElementBlock, createVNode, withCtx, createElementVNode, createTextVNode, Fragment, renderList, createBlock, toDisplayString } from 'vue';
 import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
 
-const _hoisted_1 = { class: "dialog-footer" };
+const _hoisted_1 = {
+  key: 0,
+  style: { "width": "100%" }
+};
+const _hoisted_2 = { class: "factor-content" };
+const _hoisted_3 = {
+  key: 1,
+  style: { "width": "100%" }
+};
+const _hoisted_4 = { class: "factor-content" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = { class: "dialog-footer" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", null, [
-    createVNode($setup["ElDialog"], null, {
+    createVNode($setup["ElDialog"], {
+      modelValue: $setup.aaa,
+      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => $setup.aaa = $event),
+      class: "dialog"
+    }, {
       footer: withCtx(() => [
-        createElementVNode("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_6, [
           createVNode($setup["ElButton"], { type: "primary" }, {
             default: withCtx(() => [
               createTextVNode(" Confirm ")
@@ -17,11 +32,173 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           })
         ])
       ]),
+      default: withCtx(() => [
+        createVNode($setup["ElRow"], null, {
+          default: withCtx(() => [
+            createVNode($setup["ElCol"], { span: 18 }, {
+              default: withCtx(() => [
+                createVNode($setup["ElRow"], { span: 20 }, {
+                  default: withCtx(() => [
+                    createVNode($setup["ElRadioGroup"], {
+                      modelValue: $setup.typeTag,
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $setup.typeTag = $event)
+                    }, {
+                      default: withCtx(() => [
+                        createVNode($setup["ElRadioButton"], {
+                          label: "\u57FA\u7840\u4FE1\u606F",
+                          value: "basic"
+                        }),
+                        createVNode($setup["ElRadioButton"], {
+                          label: "\u4EA7\u54C1\u6307\u6807",
+                          value: "target"
+                        })
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["modelValue"]),
+                    $setup.typeTag === "target" ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                      createVNode($setup["ElRadioGroup"], {
+                        modelValue: $setup.selectedHead,
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $setup.selectedHead = $event),
+                        onChange: $setup.headChange
+                      }, {
+                        default: withCtx(() => [
+                          (openBlock(true), createElementBlock(
+                            Fragment,
+                            null,
+                            renderList($setup.targetHead, (item, index) => {
+                              return openBlock(), createBlock($setup["ElRadio"], {
+                                key: index,
+                                value: item.key,
+                                class: "radio-item"
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(
+                                    toDisplayString(item.name),
+                                    1
+                                    /* TEXT */
+                                  )
+                                ]),
+                                _: 2
+                                /* DYNAMIC */
+                              }, 1032, ["value"]);
+                            }),
+                            128
+                            /* KEYED_FRAGMENT */
+                          ))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["modelValue"]),
+                      createVNode($setup["ElCheckboxGroup"], {
+                        modelValue: $setup.checkList,
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $setup.checkList = $event)
+                      }, {
+                        default: withCtx(() => [
+                          createElementVNode("div", _hoisted_2, [
+                            (openBlock(true), createElementBlock(
+                              Fragment,
+                              null,
+                              renderList($setup.allfoot, (item) => {
+                                return openBlock(), createElementBlock("div", {
+                                  class: "factor_item",
+                                  key: item.key
+                                }, [
+                                  createVNode($setup["ElCheckbox"], {
+                                    onChange: ($event) => $setup.selectedTarget(item.key, "target"),
+                                    disabled: $setup.checkList.includes(item.key),
+                                    label: item.name,
+                                    value: item.key
+                                  }, null, 8, ["onChange", "disabled", "label", "value"])
+                                ]);
+                              }),
+                              128
+                              /* KEYED_FRAGMENT */
+                            ))
+                          ])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["modelValue"])
+                    ])) : (openBlock(), createElementBlock("div", _hoisted_3, [
+                      createVNode($setup["ElCheckboxGroup"], {
+                        modelValue: $setup.checkList,
+                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $setup.checkList = $event)
+                      }, {
+                        default: withCtx(() => [
+                          createElementVNode("div", _hoisted_4, [
+                            (openBlock(true), createElementBlock(
+                              Fragment,
+                              null,
+                              renderList($setup.BASIC_KEY, (item) => {
+                                return openBlock(), createElementBlock("div", {
+                                  class: "factor_item",
+                                  key: item.key
+                                }, [
+                                  createVNode($setup["ElCheckbox"], {
+                                    onChange: ($event) => $setup.selectedTarget(item.key, "basic"),
+                                    disabled: $setup.checkList.includes(item.key),
+                                    label: item.name,
+                                    value: item.key
+                                  }, null, 8, ["onChange", "disabled", "label", "value"])
+                                ]);
+                              }),
+                              128
+                              /* KEYED_FRAGMENT */
+                            ))
+                          ])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["modelValue"])
+                    ]))
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ]),
+              _: 1
+              /* STABLE */
+            }),
+            createVNode($setup["ElCol"], { span: 6 }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(
+                  Fragment,
+                  null,
+                  renderList($setup.selectedList, (item) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: item.key,
+                      class: "check_item"
+                    }, [
+                      createElementVNode(
+                        "span",
+                        null,
+                        toDisplayString(item.name),
+                        1
+                        /* TEXT */
+                      ),
+                      createElementVNode("span", {
+                        onClick: ($event) => $setup.deleteItem(item.key)
+                      }, "\u274C", 8, _hoisted_5)
+                    ]);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        })
+      ]),
       _: 1
       /* STABLE */
-    })
+    }, 8, ["modelValue"])
   ]);
 }
-var htTarget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/zhanghang/Documents/project/component-library/packages/components/htTarget/src/htTarget.vue"]]);
+var htTarget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/libiluo/Desktop/company/component-library/packages/components/htTarget/src/htTarget.vue"]]);
 
 export { htTarget as default };

package/es/components/htTarget/src/htTarget.vue2.mjs

@@ -1,12 +1,19 @@
 import { defineComponent, ref, onMounted } from 'vue';
-import { ElDialog, ElButton } from 'element-plus';
-import { TARGET_HEAD_KEY } from '../../../constants/target.mjs';
+import { ElDialog, ElButton, ElRow, ElCol, ElRadioGroup, ElRadio, ElCheckboxGroup, ElCheckbox, ElRadioButton } from 'element-plus';
+import { TARGET_HEAD_KEY, TARGET_END_KEY, BASIC_KEY } from '../../../constants/target.mjs';
+import '../../../constants/chartConfig.mjs';
+import cloneDeep from 'lodash.clonedeep';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "htTarget",
   setup(__props, { expose: __expose }) {
     __expose();
-    const targetHead = ref(TARGET_HEAD_KEY);
+    const targetHead = ref(cloneDeep(TARGET_HEAD_KEY));
+    const allfoot = ref(cloneDeep(TARGET_END_KEY));
+    const selectedHead = ref("lastOneMonth");
+    const checkList = ref([]);
+    const typeTag = ref("target");
+    const aaa = ref(true);
     onMounted(() => {
       let startYear = 2018;
       const nowYear = (/* @__PURE__ */ new Date()).getFullYear();
@@ -18,10 +25,80 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         startYear++;
       }
     });
-    const __returned__ = { targetHead, get ElDialog() {
+    const headChange = () => {
+      if (selectedTree.value[selectedHead.value]) {
+        checkList.value = selectedTree.value[selectedHead.value];
+      } else {
+        checkList.value = [];
+      }
+    };
+    const selectedTree = ref({});
+    const selectedList = ref([]);
+    const selectedTarget = (val, type) => {
+      let itemObj = {
+        name: "",
+        key: ""
+      };
+      if (type === "target") {
+        if (selectedTree.value[selectedHead.value]) {
+          selectedTree.value[selectedHead.value].push(val);
+        } else {
+          selectedTree.value[selectedHead.value] = [val];
+        }
+        const filterHead = TARGET_HEAD_KEY.filter((item) => item.key === selectedHead.value);
+        const filterFoot = TARGET_END_KEY.filter((item) => item.key === val);
+        const headName = filterHead.length > 0 ? filterHead[0].name : "";
+        const footName = filterFoot.length > 0 ? filterFoot[0].name : "";
+        itemObj = {
+          name: headName + footName,
+          key: `${selectedHead.value}+${val}`
+        };
+      }
+      if (type === "basic") {
+        if (selectedTree.value["Basic"]) {
+          selectedTree.value["Basic"].push(val);
+        } else {
+          selectedTree.value["Basic"] = [val];
+        }
+        const filterFoot = BASIC_KEY.filter((item) => item.key === val);
+        const footName = filterFoot.length > 0 ? filterFoot[0].name : "";
+        itemObj = {
+          name: footName,
+          key: `basic+${val}`
+        };
+      }
+      selectedList.value.push(itemObj);
+    };
+    const deleteItem = (key) => {
+      console.log(key);
+      const keyList = key.split("+");
+      console.log(keyList);
+      if (selectedHead.value === keyList[0]) {
+        checkList.value = checkList.value.filter((item) => item !== keyList[1]);
+      }
+      selectedTree.value[keyList[0]] = selectedTree.value[keyList[0]].filter((item) => item !== keyList[1]);
+      selectedList.value = selectedList.value.filter((item) => item.key !== key);
+    };
+    const __returned__ = { targetHead, allfoot, selectedHead, checkList, typeTag, aaa, headChange, selectedTree, selectedList, selectedTarget, deleteItem, get ElDialog() {
       return ElDialog;
     }, get ElButton() {
       return ElButton;
+    }, get ElRow() {
+      return ElRow;
+    }, get ElCol() {
+      return ElCol;
+    }, get ElRadioGroup() {
+      return ElRadioGroup;
+    }, get ElRadio() {
+      return ElRadio;
+    }, get ElCheckboxGroup() {
+      return ElCheckboxGroup;
+    }, get ElCheckbox() {
+      return ElCheckbox;
+    }, get ElRadioButton() {
+      return ElRadioButton;
+    }, get BASIC_KEY() {
+      return BASIC_KEY;
     } };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;

package/es/components/index.d.ts

@@ -1,3 +1,4 @@
 export * from './elTable';
 export * from './chart';
 export * from './htTarget';
+export * from './pieChart';

package/es/components/index.mjs

@@ -1,5 +1,7 @@
 export { HtElTable } from './elTable/index.mjs';
 export { HtChart } from './chart/index.mjs';
 export { HtTarget } from './htTarget/index.mjs';
+export { HtPieChart } from './pieChart/index.mjs';
 export { columnDealProps, elTableProps } from './elTable/src/elTable.mjs';
 export { chartProps } from './chart/src/HtChart.mjs';
+export { pieProps } from './pieChart/src/HtPieChart.mjs';

package/es/components/pieChart/index.d.ts

@@ -0,0 +1,107 @@
+export declare const HtPieChart: import("hfn-components/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly chartData: {
+        readonly type: import("vue").PropType<any[]>;
+        readonly default: () => never[];
+    };
+    readonly legendData: {
+        readonly type: ObjectConstructor;
+        readonly default: () => void;
+    };
+    readonly legendType: {
+        readonly type: StringConstructor;
+        readonly default: "scroll";
+    };
+    readonly chartId: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly customizePercentage: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly floatNumber: {
+        readonly type: NumberConstructor;
+        readonly default: 2;
+    };
+    readonly legendFormatter: {
+        readonly type: FunctionConstructor;
+        readonly default: () => null;
+    };
+    readonly watchResize: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly lineColor: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly default: readonly [];
+    };
+}, {
+    props: import("@vue/shared").LooseRequired<{
+        readonly chartData: any[];
+        readonly chartId: string;
+        readonly floatNumber: number;
+        readonly watchResize: boolean;
+        readonly lineColor: string[];
+        readonly legendData: Record<string, any>;
+        readonly legendType: string;
+        readonly customizePercentage: boolean;
+        readonly legendFormatter: Function;
+    } & {}>;
+    myChart: import("vue").ShallowRef<any>;
+    echartOptions: any;
+    chartResize: () => void;
+    noData: import("vue").Ref<boolean>;
+    drawGraph: () => void;
+    setLenged: () => void;
+    setEchartTooltip: () => void;
+    echartInit: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly chartData: {
+        readonly type: import("vue").PropType<any[]>;
+        readonly default: () => never[];
+    };
+    readonly legendData: {
+        readonly type: ObjectConstructor;
+        readonly default: () => void;
+    };
+    readonly legendType: {
+        readonly type: StringConstructor;
+        readonly default: "scroll";
+    };
+    readonly chartId: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly customizePercentage: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly floatNumber: {
+        readonly type: NumberConstructor;
+        readonly default: 2;
+    };
+    readonly legendFormatter: {
+        readonly type: FunctionConstructor;
+        readonly default: () => null;
+    };
+    readonly watchResize: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly lineColor: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly default: readonly [];
+    };
+}>>, {
+    readonly chartData: any[];
+    readonly chartId: string;
+    readonly floatNumber: number;
+    readonly watchResize: boolean;
+    readonly lineColor: string[];
+    readonly legendData: Record<string, any>;
+    readonly legendType: string;
+    readonly customizePercentage: boolean;
+    readonly legendFormatter: Function;
+}, {}>> & Record<string, any>;
+export default HtPieChart;
+export * from './src/HtPieChart';

package/es/components/pieChart/index.mjs

@@ -0,0 +1,7 @@
+import htPieChart from './src/HtPieChart.vue.mjs';
+import { withInstall } from '../../utils/common.mjs';
+export { pieProps } from './src/HtPieChart.mjs';
+
+const HtPieChart = withInstall(htPieChart);
+
+export { HtPieChart, HtPieChart as default };

package/es/components/pieChart/src/HtPieChart.d.ts

@@ -0,0 +1,40 @@
+import { PropType, ExtractPropTypes } from 'vue';
+export declare const pieProps: {
+    readonly chartData: {
+        readonly type: PropType<any[]>;
+        readonly default: () => never[];
+    };
+    readonly legendData: {
+        readonly type: ObjectConstructor;
+        readonly default: () => void;
+    };
+    readonly legendType: {
+        readonly type: StringConstructor;
+        readonly default: "scroll";
+    };
+    readonly chartId: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly customizePercentage: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly floatNumber: {
+        readonly type: NumberConstructor;
+        readonly default: 2;
+    };
+    readonly legendFormatter: {
+        readonly type: FunctionConstructor;
+        readonly default: () => null;
+    };
+    readonly watchResize: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly lineColor: {
+        readonly type: PropType<string[]>;
+        readonly default: readonly [];
+    };
+};
+export type pieProps = ExtractPropTypes<typeof pieProps>;

package/es/components/pieChart/src/HtPieChart.mjs

@@ -0,0 +1,47 @@
+const pieProps = {
+  //图表数据
+  chartData: {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    type: Array,
+    default: () => []
+  },
+  legendData: {
+    type: Object,
+    default: () => {
+    }
+  },
+  legendType: {
+    type: String,
+    default: "scroll"
+  },
+  //图表id
+  chartId: {
+    type: String,
+    default: ""
+  },
+  //是否自定义百分比
+  customizePercentage: {
+    type: Boolean,
+    default: false
+  },
+  //保留几位小数
+  floatNumber: {
+    type: Number,
+    default: 2
+  },
+  legendFormatter: {
+    type: Function,
+    default: () => null
+  },
+  //图表重新加载
+  watchResize: {
+    type: Boolean,
+    default: false
+  },
+  lineColor: {
+    type: Array,
+    default: []
+  }
+};
+
+export { pieProps };

package/es/components/pieChart/src/HtPieChart.vue.d.ts

@@ -0,0 +1,106 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly chartData: {
+        readonly type: import("vue").PropType<any[]>;
+        readonly default: () => never[];
+    };
+    readonly legendData: {
+        readonly type: ObjectConstructor;
+        readonly default: () => void;
+    };
+    readonly legendType: {
+        readonly type: StringConstructor;
+        readonly default: "scroll";
+    };
+    readonly chartId: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly customizePercentage: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly floatNumber: {
+        readonly type: NumberConstructor;
+        readonly default: 2;
+    };
+    readonly legendFormatter: {
+        readonly type: FunctionConstructor;
+        readonly default: () => null;
+    };
+    readonly watchResize: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly lineColor: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly default: readonly [];
+    };
+}, {
+    props: import("@vue/shared").LooseRequired<{
+        readonly chartData: any[];
+        readonly chartId: string;
+        readonly floatNumber: number;
+        readonly watchResize: boolean;
+        readonly lineColor: string[];
+        readonly legendData: Record<string, any>;
+        readonly legendType: string;
+        readonly customizePercentage: boolean;
+        readonly legendFormatter: Function;
+    } & {}>;
+    myChart: import("vue").ShallowRef<any>;
+    echartOptions: any;
+    chartResize: () => void;
+    noData: import("vue").Ref<boolean>;
+    drawGraph: () => void;
+    setLenged: () => void;
+    setEchartTooltip: () => void;
+    echartInit: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly chartData: {
+        readonly type: import("vue").PropType<any[]>;
+        readonly default: () => never[];
+    };
+    readonly legendData: {
+        readonly type: ObjectConstructor;
+        readonly default: () => void;
+    };
+    readonly legendType: {
+        readonly type: StringConstructor;
+        readonly default: "scroll";
+    };
+    readonly chartId: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly customizePercentage: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly floatNumber: {
+        readonly type: NumberConstructor;
+        readonly default: 2;
+    };
+    readonly legendFormatter: {
+        readonly type: FunctionConstructor;
+        readonly default: () => null;
+    };
+    readonly watchResize: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly lineColor: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly default: readonly [];
+    };
+}>>, {
+    readonly chartData: any[];
+    readonly chartId: string;
+    readonly floatNumber: number;
+    readonly watchResize: boolean;
+    readonly lineColor: string[];
+    readonly legendData: Record<string, any>;
+    readonly legendType: string;
+    readonly customizePercentage: boolean;
+    readonly legendFormatter: Function;
+}, {}>;
+export default _default;

package/es/components/pieChart/src/HtPieChart.vue.mjs

@@ -0,0 +1,23 @@
+import _sfc_main from './HtPieChart.vue2.mjs';
+import { openBlock, createElementBlock, createElementVNode, createCommentVNode } from 'vue';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
+
+const _hoisted_1 = { class: "echart-box" };
+const _hoisted_2 = ["id"];
+const _hoisted_3 = {
+  key: 0,
+  class: "noData"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("div", {
+      class: "_100",
+      id: _ctx.chartId
+    }, null, 8, _hoisted_2),
+    createCommentVNode(" \u56FE\u4F8B\u5168\u7F6E\u7070\u76D2\u5B50 "),
+    $setup.noData ? (openBlock(), createElementBlock("div", _hoisted_3, "\u6682\u65E0\u6570\u636E")) : createCommentVNode("v-if", true)
+  ]);
+}
+var htPieChart = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/libiluo/Desktop/company/component-library/packages/components/pieChart/src/HtPieChart.vue"]]);
+
+export { htPieChart as default };