hfn-components 0.2.4 → 0.2.5

package/es/components/chart/src/HtChart.vue.mjs

@@ -86,6 +86,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     $setup.noData ? (openBlock(), createElementBlock("div", _hoisted_5, "\u6682\u65E0\u6570\u636E")) : createCommentVNode("v-if", true)
   ]);
 }
-var chart = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/zhanghang/Documents/project/component-library/packages/components/chart/src/HtChart.vue"]]);
+var chart = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/libiluo/Desktop/company/component-library/packages/components/chart/src/HtChart.vue"]]);
 
 export { chart as default };

package/es/components/chart/src/HtChart.vue2.mjs

@@ -34,9 +34,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       () => props.lineColor,
       () => {
         echartOptions.color = props.lineColor;
-        echartInit();
+        if (myChart.value) {
+          echartInit();
+        }
       },
-      { deep: true }
+      { deep: true, immediate: true }
     );
     const drawGraph = () => {
       echartOptions.color = props.lineColor;
@@ -62,7 +64,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       setTimeout(() => {
         if (!myChart.value) {
           const ele = document.getElementById(props.chartId);
-          myChart.value = echarts.init(ele, null, { devicePixelRatio: 2 });
+          myChart.value = echarts.init(ele, null, { devicePixelRatio: 2, locale: "ZH" });
         }
         myChart.value.setOption(echartOptions, true);
       }, 200);

package/es/components/chart/style/index.d.ts

@@ -1 +1 @@
-import 'hfn-components/es/theme-chalk/src/chart.scss';
+import 'hfn-components/theme-chalk/src/chart.scss';

package/es/components/chart/style/index.mjs

@@ -1 +1 @@
-
+import 'hfn-components/theme-chalk/src/chart.scss';

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

@@ -17,9 +17,9 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
     };
 }, {
     props: import("@vue/shared").LooseRequired<{
+        readonly loading: boolean;
         readonly dataSource: unknown[];
         readonly tableColumn: import("./src/elTable").ElTableColumns[];
-        readonly loading: boolean;
         readonly headerColor: string;
     } & {}>;
     readonly ElTable: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
@@ -653,7 +653,7 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
     readonly convertKey: (data: any, key: string) => any;
     ColumnDeal: import("vue").DefineComponent<{
         readonly dealType: {
-            readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "notProcessed">;
+            readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed" | "other">;
             readonly default: "";
         };
         readonly text: {
@@ -662,7 +662,7 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
         };
     }, {
         props: import("@vue/shared").LooseRequired<{
-            readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "notProcessed";
+            readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed" | "other";
             readonly text?: string | number | undefined;
         } & {}>;
         readonly CLOUMN_DEAL: {
@@ -670,11 +670,13 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
             colorText: (val: string | number | undefined) => string;
             colorPercentage: (val: string | number | undefined) => string;
             percentage: (val: string | number | undefined) => string;
+            absPercentage: (val: string | number | undefined) => string;
             notProcessed: null;
+            other: null;
         };
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         readonly dealType: {
-            readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "notProcessed">;
+            readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed" | "other">;
             readonly default: "";
         };
         readonly text: {
@@ -682,8 +684,8 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
             readonly default: undefined;
         };
     }>>, {
-        readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "notProcessed";
         readonly text: string | number | undefined;
+        readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed" | "other";
     }, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly dataSource: {
@@ -703,9 +705,9 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
         readonly default: "#f0f0f0";
     };
 }>>, {
+    readonly loading: boolean;
     readonly dataSource: unknown[];
     readonly tableColumn: import("./src/elTable").ElTableColumns[];
-    readonly loading: boolean;
     readonly headerColor: string;
 }, {}>> & Record<string, any>;
 export default HtElTable;

package/es/components/elTable/src/columnDeal.vue.d.ts

@@ -1,6 +1,6 @@
 declare const _default: import("vue").DefineComponent<{
     readonly dealType: {
-        readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "notProcessed">;
+        readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed" | "other">;
         readonly default: "";
     };
     readonly text: {
@@ -9,7 +9,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     props: import("@vue/shared").LooseRequired<{
-        readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "notProcessed";
+        readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed" | "other";
         readonly text?: string | number | undefined;
     } & {}>;
     readonly CLOUMN_DEAL: {
@@ -17,11 +17,13 @@ declare const _default: import("vue").DefineComponent<{
         colorText: (val: string | number | undefined) => string;
         colorPercentage: (val: string | number | undefined) => string;
         percentage: (val: string | number | undefined) => string;
+        absPercentage: (val: string | number | undefined) => string;
         notProcessed: null;
+        other: null;
     };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly dealType: {
-        readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "notProcessed">;
+        readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed" | "other">;
         readonly default: "";
     };
     readonly text: {
@@ -29,7 +31,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
 }>>, {
-    readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "notProcessed";
     readonly text: string | number | undefined;
+    readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed" | "other";
 }, {}>;
 export default _default;

package/es/components/elTable/src/columnDeal.vue.mjs

@@ -6,7 +6,7 @@ const _hoisted_1 = { key: 0 };
 const _hoisted_2 = { key: 1 };
 const _hoisted_3 = { key: 2 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return $setup.props.dealType === "notProcessed" ? (openBlock(), createElementBlock(
+  return $setup.props.dealType === "notProcessed" || $setup.props.dealType === "other" ? (openBlock(), createElementBlock(
     "div",
     _hoisted_1,
     toDisplayString($setup.props.text),
@@ -30,6 +30,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     /* TEXT */
   ));
 }
-var ColumnDeal = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/zhanghang/Documents/project/component-library/packages/components/elTable/src/columnDeal.vue"]]);
+var ColumnDeal = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/libiluo/Desktop/company/component-library/packages/components/elTable/src/columnDeal.vue"]]);
 
 export { ColumnDeal as default };

package/es/components/elTable/src/elTable.d.ts

@@ -26,7 +26,7 @@ export declare const elTableProps: {
 };
 export declare const columnDealProps: {
     readonly dealType: {
-        readonly type: PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "notProcessed">;
+        readonly type: PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed" | "other">;
         readonly default: "";
     };
     readonly text: {

package/es/components/elTable/src/elTable.vue.d.ts

@@ -17,9 +17,9 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     props: import("@vue/shared").LooseRequired<{
+        readonly loading: boolean;
         readonly dataSource: unknown[];
         readonly tableColumn: import("./elTable").ElTableColumns[];
-        readonly loading: boolean;
         readonly headerColor: string;
     } & {}>;
     readonly ElTable: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
@@ -653,7 +653,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly convertKey: (data: any, key: string) => any;
     ColumnDeal: import("vue").DefineComponent<{
         readonly dealType: {
-            readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "notProcessed">;
+            readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed" | "other">;
             readonly default: "";
         };
         readonly text: {
@@ -662,7 +662,7 @@ declare const _default: import("vue").DefineComponent<{
         };
     }, {
         props: import("@vue/shared").LooseRequired<{
-            readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "notProcessed";
+            readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed" | "other";
             readonly text?: string | number | undefined;
         } & {}>;
         readonly CLOUMN_DEAL: {
@@ -670,11 +670,13 @@ declare const _default: import("vue").DefineComponent<{
             colorText: (val: string | number | undefined) => string;
             colorPercentage: (val: string | number | undefined) => string;
             percentage: (val: string | number | undefined) => string;
+            absPercentage: (val: string | number | undefined) => string;
             notProcessed: null;
+            other: null;
         };
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         readonly dealType: {
-            readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "notProcessed">;
+            readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed" | "other">;
             readonly default: "";
         };
         readonly text: {
@@ -682,8 +684,8 @@ declare const _default: import("vue").DefineComponent<{
             readonly default: undefined;
         };
     }>>, {
-        readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "notProcessed";
         readonly text: string | number | undefined;
+        readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed" | "other";
     }, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly dataSource: {
@@ -703,9 +705,9 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "#f0f0f0";
     };
 }>>, {
+    readonly loading: boolean;
     readonly dataSource: unknown[];
     readonly tableColumn: import("./elTable").ElTableColumns[];
-    readonly loading: boolean;
     readonly headerColor: string;
 }, {}>;
 export default _default;

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

@@ -1,5 +1,5 @@
 import _sfc_main from './elTable.vue2.mjs';
-import { withDirectives, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, createVNode } from 'vue';
+import { withDirectives, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList } from 'vue';
 import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
 
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -27,10 +27,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             width: item.width
           }, {
             default: withCtx((scope) => [
-              createVNode($setup["ColumnDeal"], {
+              item.dealType === "other" ? (openBlock(), createBlock($setup["ColumnDeal"], {
+                key: 0,
+                dealType: scope.row.dealType,
+                text: $setup.convertKey(scope.row, item.key)
+              }, null, 8, ["dealType", "text"])) : (openBlock(), createBlock($setup["ColumnDeal"], {
+                key: 1,
                 dealType: item.dealType,
                 text: $setup.convertKey(scope.row, item.key)
-              }, null, 8, ["dealType", "text"])
+              }, null, 8, ["dealType", "text"]))
             ]),
             _: 2
             /* DYNAMIC */
@@ -46,6 +51,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     [$setup["vLoading"], $setup.props.loading]
   ]);
 }
-var elTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/zhanghang/Documents/project/component-library/packages/components/elTable/src/elTable.vue"]]);
+var elTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/libiluo/Desktop/company/component-library/packages/components/elTable/src/elTable.vue"]]);
 
 export { elTable as default };

package/es/components/table/HtTable.vue.d.ts

@@ -108,11 +108,11 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     props: import("@vue/shared").LooseRequired<{
-        readonly dataSource: unknown[];
         readonly loading: boolean;
         readonly pageSize: number;
         readonly total: number;
         readonly columns: TableColumns[];
+        readonly dataSource: unknown[];
         readonly selectedKeys: (string | number)[];
         readonly actions: import("./HtTable").ActionItem[];
         readonly nowPage: number;
@@ -1817,11 +1817,11 @@ declare const _default: import("vue").DefineComponent<{
     onHandleSelectAll?: ((...args: any[]) => any) | undefined;
     onResizeColumn?: ((...args: any[]) => any) | undefined;
 }, {
-    readonly dataSource: unknown[];
     readonly loading: boolean;
     readonly pageSize: number;
     readonly total: number;
     readonly columns: TableColumns[];
+    readonly dataSource: unknown[];
     readonly selectedKeys: (string | number)[];
     readonly actions: import("./HtTable").ActionItem[];
     readonly nowPage: number;

package/es/components/table/HtTable.vue.mjs

@@ -444,6 +444,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE_FRAGMENT */
   );
 }
-var Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/zhanghang/Documents/project/component-library/packages/components/table/HtTable.vue"]]);
+var Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/libiluo/Desktop/company/component-library/packages/components/table/HtTable.vue"]]);
 
 export { Table as default };

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

@@ -105,11 +105,11 @@ export declare const HtTable: import("hfn-components/es/utils").SFCWithInstall<i
     };
 }, {
     props: import("@vue/shared").LooseRequired<{
-        readonly dataSource: unknown[];
         readonly loading: boolean;
         readonly pageSize: number;
         readonly total: number;
         readonly columns: import("./HtTable").TableColumns[];
+        readonly dataSource: unknown[];
         readonly selectedKeys: (string | number)[];
         readonly actions: import("./HtTable").ActionItem[];
         readonly nowPage: number;
@@ -1814,11 +1814,11 @@ export declare const HtTable: import("hfn-components/es/utils").SFCWithInstall<i
     onHandleSelectAll?: ((...args: any[]) => any) | undefined;
     onResizeColumn?: ((...args: any[]) => any) | undefined;
 }, {
-    readonly dataSource: unknown[];
     readonly loading: boolean;
     readonly pageSize: number;
     readonly total: number;
     readonly columns: import("./HtTable").TableColumns[];
+    readonly dataSource: unknown[];
     readonly selectedKeys: (string | number)[];
     readonly actions: import("./HtTable").ActionItem[];
     readonly nowPage: number;

package/es/constants/table.d.ts

@@ -52,7 +52,9 @@ export declare const CLOUMN_DEAL: {
     colorText: (val: number | string | undefined) => string;
     colorPercentage: (val: number | string | undefined) => string;
     percentage: (val: number | string | undefined) => string;
+    absPercentage: (val: number | string | undefined) => string;
     notProcessed: null;
+    other: null;
 };
 export declare const convertKey: (data: any, key: string) => any;
 export type clounmKyeType = keyof typeof TABLE_KEY;

package/es/constants/table.mjs

@@ -53,12 +53,17 @@ const basicText4 = (val) => {
 const percentage = (val) => {
   return val === "-" || val === void 0 ? "-" : (val * 100).toFixed(2) + "%";
 };
+const absPercentage = (val) => {
+  return val === "-" || val === void 0 ? "-" : Math.abs(val * 100).toFixed(2) + "%";
+};
 const CLOUMN_DEAL = {
   basicText4,
   colorText: basicText4,
   colorPercentage: percentage,
   percentage,
-  notProcessed: null
+  absPercentage,
+  notProcessed: null,
+  other: null
 };
 const convertKey = (data, key) => {
   const newKey = key.replace(/([A-Z])/g, "_$1").toLowerCase();

package/es/utils/chart.mjs

@@ -131,7 +131,16 @@ const setEchartTooltip = (options, props) => {
                               ">
                       </span>`;
             if (props.isReturn) {
-              html += `<span style='color:${params[i].color}'>${params[i].seriesName}</span>\uFF1A${params[i].value[2]?.toFixed(props.floatNumber)}\uFF08${params[i].value[1] > 0 ? "+" : ""}${params[i].value[1]}%\uFF09`;
+              if (
+                // params[i].seriesId === 'excess' ||
+                params[i].seriesName === "\u7D2F\u8BA1\u8D85\u989D"
+              ) {
+                html += `<span style='color:${params[i].color}'>
+                        ${params[i].seriesName}</span>\uFF1A${params[i].value[1].toFixed(2)}%
+                      `;
+              } else {
+                html += `<span style='color:${params[i].color}'>${params[i].seriesName}</span>\uFF1A${params[i].value[2]?.toFixed(props.floatNumber)}\uFF08${params[i].value[1] > 0 ? "+" : ""}${params[i].value[1]}%\uFF09`;
+              }
             } else {
               if (props.chartType === "category") {
                 html += `<span style='color:${params[i].color}'>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hfn-components",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "description": "",
   "main": "index.ts",
   "module": "es/index.mjs",

package/es/css/index.css

@@ -1,59 +0,0 @@
-.echart-box {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  position: relative;
-}
-
-.echart-content {
-  flex: auto;
-}
-
-.echart-lenged {
-  width: 100%;
-  height: auto;
-  margin-top: 6px;
-  padding-right: 22px;
-  box-sizing: border-box;
-  display: flex;
-  flex-wrap: wrap;
-  font-size: 12px;
-  position: relative;
-  z-index: 999;
-}
-
-.bg-span {
-  display: inline-block;
-  width: 14px;
-  height: 2px;
-  margin-right: 6px;
-}
-
-.bg-span-bar {
-  display: inline-block;
-  width: 16px;
-  height: 10px;
-  border-radius: 2px;
-  margin-right: 6px;
-}
-
-.span-box {
-  margin-left: 5px;
-  margin-right: 6px;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-}
-
-.noData {
-  width: 100%;
-  height: 100%;
-  font-size: 16px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  position: absolute;
-  bottom: 0px;
-  color: #ccc;
-}