hfn-components 0.2.3 → 0.2.5

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

@@ -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" | "absPercentage" | "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" | "absPercentage" | "notProcessed";
+            readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed" | "other";
             readonly text?: string | number | undefined;
         } & {}>;
         readonly CLOUMN_DEAL: {
@@ -672,10 +672,11 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
             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" | "absPercentage" | "notProcessed">;
+            readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed" | "other">;
             readonly default: "";
         };
         readonly text: {
@@ -684,7 +685,7 @@ export declare const HtElTable: import("hfn-components/es/utils").SFCWithInstall
         };
     }>>, {
         readonly text: string | number | undefined;
-        readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed";
+        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: {

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" | "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" | "absPercentage" | "notProcessed";
+        readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed" | "other";
         readonly text?: string | number | undefined;
     } & {}>;
     readonly CLOUMN_DEAL: {
@@ -19,10 +19,11 @@ declare const _default: import("vue").DefineComponent<{
         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" | "absPercentage" | "notProcessed">;
+        readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed" | "other">;
         readonly default: "";
     };
     readonly text: {
@@ -31,6 +32,6 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     readonly text: string | number | undefined;
-    readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed";
+    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),

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

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

@@ -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" | "absPercentage" | "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" | "absPercentage" | "notProcessed";
+            readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed" | "other";
             readonly text?: string | number | undefined;
         } & {}>;
         readonly CLOUMN_DEAL: {
@@ -672,10 +672,11 @@ declare const _default: import("vue").DefineComponent<{
             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" | "absPercentage" | "notProcessed">;
+            readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed" | "other">;
             readonly default: "";
         };
         readonly text: {
@@ -684,7 +685,7 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>>, {
         readonly text: string | number | undefined;
-        readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "absPercentage" | "notProcessed";
+        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: {

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 */

package/es/constants/table.d.ts

@@ -54,6 +54,7 @@ export declare const CLOUMN_DEAL: {
     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

@@ -62,7 +62,8 @@ const CLOUMN_DEAL = {
   colorPercentage: percentage,
   percentage,
   absPercentage,
-  notProcessed: null
+  notProcessed: null,
+  other: null
 };
 const convertKey = (data, key) => {
   const newKey = key.replace(/([A-Z])/g, "_$1").toLowerCase();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hfn-components",
-  "version": "0.2.3",
+  "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;
-}