hfn-components 0.2.6 → 0.2.8

package/dist/index.css

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

package/es/component.mjs

@@ -1,10 +1,12 @@
 import { HtElTable } from './components/elTable/index.mjs';
 import { HtChart } from './components/chart/index.mjs';
+import { HtPieChart } from './components/pieChart/index.mjs';
 
 var Components = [
   // HtTable,
   HtChart,
-  HtElTable
+  HtElTable,
+  HtPieChart
 ];
 
 export { Components as default };

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

@@ -79,13 +79,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("v-if", true),
     createElementVNode("div", {
       class: "echart-content",
-      id: _ctx.chartId,
-      ref: "chartDom"
+      id: _ctx.chartId
     }, null, 8, _hoisted_4),
     createCommentVNode(" \u56FE\u4F8B\u5168\u7F6E\u7070\u76D2\u5B50 "),
     $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

@@ -1,5 +1,5 @@
 import { defineComponent, shallowRef, ref, reactive, watch } from 'vue';
-import { BASIC_CHART_CONFIG } from './chartConfig.mjs';
+import { BASIC_CHART_CONFIG } from '../../../constants/chartConfig.mjs';
 import { chartProps } from './HtChart.mjs';
 import cloneDeep from 'lodash.clonedeep';
 import { setEchartXAxis, setEchartYAxis, setEchartTooltip, legendEnterOperate, legendLeaveOperate } from '../../../utils/chart.mjs';

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

@@ -708,7 +708,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" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other">;
+            readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other">;
             readonly default: "";
         };
         readonly text: {
@@ -717,7 +717,7 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
         };
     }, {
         props: import("@vue/shared").LooseRequired<{
-            readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other";
+            readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other";
             readonly text?: string | number | undefined;
         } & {}>;
         readonly CLOUMN_DEAL: {
@@ -725,6 +725,7 @@ 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;
+            percentage4: (val: string | number | undefined) => string;
             absPercentage: (val: string | number | undefined) => string;
             thoundsandText2: (val: string | number | undefined) => string;
             notProcessed: null;
@@ -732,7 +733,7 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
         };
     }, 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" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other">;
+            readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other">;
             readonly default: "";
         };
         readonly text: {
@@ -741,7 +742,7 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
         };
     }>>, {
         readonly text: string | number | undefined;
-        readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other";
+        readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other";
     }, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly dataSource: {

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" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other">;
+        readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "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" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other";
+        readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other";
         readonly text?: string | number | undefined;
     } & {}>;
     readonly CLOUMN_DEAL: {
@@ -17,6 +17,7 @@ declare const _default: import("vue").DefineComponent<{
         colorText: (val: string | number | undefined) => string;
         colorPercentage: (val: string | number | undefined) => string;
         percentage: (val: string | number | undefined) => string;
+        percentage4: (val: string | number | undefined) => string;
         absPercentage: (val: string | number | undefined) => string;
         thoundsandText2: (val: string | number | undefined) => string;
         notProcessed: null;
@@ -24,7 +25,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, 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" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other">;
+        readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other">;
         readonly default: "";
     };
     readonly text: {
@@ -33,6 +34,6 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     readonly text: string | number | undefined;
-    readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other";
+    readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other";
 }, {}>;
 export default _default;

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

@@ -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/columnDeal.vue2.mjs

@@ -1,5 +1,6 @@
 import { defineComponent } from 'vue';
 import { CLOUMN_DEAL } from '../../../constants/table.mjs';
+import '../../../constants/chartConfig.mjs';
 import { columnDealProps } from './elTable.mjs';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({

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" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other">;
+        readonly type: PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other">;
         readonly default: "";
     };
     readonly text: {

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

@@ -708,7 +708,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" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other">;
+            readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other">;
             readonly default: "";
         };
         readonly text: {
@@ -717,7 +717,7 @@ declare const _default: import("vue").DefineComponent<{
         };
     }, {
         props: import("@vue/shared").LooseRequired<{
-            readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other";
+            readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other";
             readonly text?: string | number | undefined;
         } & {}>;
         readonly CLOUMN_DEAL: {
@@ -725,6 +725,7 @@ declare const _default: import("vue").DefineComponent<{
             colorText: (val: string | number | undefined) => string;
             colorPercentage: (val: string | number | undefined) => string;
             percentage: (val: string | number | undefined) => string;
+            percentage4: (val: string | number | undefined) => string;
             absPercentage: (val: string | number | undefined) => string;
             thoundsandText2: (val: string | number | undefined) => string;
             notProcessed: null;
@@ -732,7 +733,7 @@ declare const _default: import("vue").DefineComponent<{
         };
     }, 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" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other">;
+            readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other">;
             readonly default: "";
         };
         readonly text: {
@@ -741,7 +742,7 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>>, {
         readonly text: string | number | undefined;
-        readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other";
+        readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other";
     }, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly dataSource: {

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

@@ -51,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/elTable/src/elTable.vue2.mjs

@@ -1,6 +1,7 @@
 import { defineComponent } from 'vue';
 import { ElTable, ElTableColumn, vLoading } from 'element-plus';
 import { TABLE_KEY, convertKey } from '../../../constants/table.mjs';
+import '../../../constants/chartConfig.mjs';
 import ColumnDeal from './columnDeal.vue.mjs';
 import { elTableProps } from './elTable.mjs';