hfn-components 0.2.7 → 0.2.8

package/es/components/elTable/index.mjs

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

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

@@ -0,0 +1,39 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly dealType: {
+        readonly type: import("vue").PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other">;
+        readonly default: "";
+    };
+    readonly text: {
+        readonly type: import("vue").PropType<string | number | undefined>;
+        readonly default: undefined;
+    };
+}, {
+    props: import("@vue/shared").LooseRequired<{
+        readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other";
+        readonly text?: string | number | undefined;
+    } & {}>;
+    readonly CLOUMN_DEAL: {
+        basicText4: (val: string | number | undefined) => string;
+        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;
+        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" | "percentage4" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other">;
+        readonly default: "";
+    };
+    readonly text: {
+        readonly type: import("vue").PropType<string | number | undefined>;
+        readonly default: undefined;
+    };
+}>>, {
+    readonly text: string | number | undefined;
+    readonly dealType: "basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other";
+}, {}>;
+export default _default;

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

@@ -0,0 +1,35 @@
+import _sfc_main from './columnDeal.vue2.mjs';
+import { openBlock, createElementBlock, toDisplayString, createElementVNode, normalizeStyle } from 'vue';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
+
+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" || $setup.props.dealType === "other" ? (openBlock(), createElementBlock(
+    "div",
+    _hoisted_1,
+    toDisplayString($setup.props.text),
+    1
+    /* TEXT */
+  )) : $setup.props.dealType === "colorText" || $setup.props.dealType === "colorPercentage" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+    createElementVNode(
+      "span",
+      {
+        style: normalizeStyle({ color: $setup.props.text > 0 ? "red" : $setup.props.text < 0 ? "green" : "" })
+      },
+      toDisplayString($setup.props.text !== void 0 ? $setup.CLOUMN_DEAL[$setup.props.dealType]($setup.props.text) : "-"),
+      5
+      /* TEXT, STYLE */
+    )
+  ])) : (openBlock(), createElementBlock(
+    "div",
+    _hoisted_3,
+    toDisplayString($setup.props.text !== void 0 ? $setup.CLOUMN_DEAL[$setup.props.dealType]($setup.props.text) : "-"),
+    1
+    /* TEXT */
+  ));
+}
+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

@@ -0,0 +1,20 @@
+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({
+  __name: "columnDeal",
+  props: columnDealProps,
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const __returned__ = { props, get CLOUMN_DEAL() {
+      return CLOUMN_DEAL;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+export { _sfc_main as default };

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

@@ -0,0 +1,38 @@
+import { ExtractPropTypes, PropType } from 'vue';
+import type { clounmKyeType, dealKeyType } from 'hfn-components/es/constants';
+export interface ElTableColumns {
+    key: clounmKyeType;
+    dealType: dealKeyType;
+    width: string | number;
+    customizeLabel?: string;
+}
+export declare const elTableProps: {
+    readonly dataSource: {
+        readonly type: ArrayConstructor;
+        readonly default: () => never[];
+    };
+    readonly tableColumn: {
+        readonly type: PropType<ElTableColumns[]>;
+        readonly default: () => never[];
+    };
+    readonly loading: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly headerColor: {
+        readonly type: StringConstructor;
+        readonly default: "#f0f0f0";
+    };
+};
+export declare const columnDealProps: {
+    readonly dealType: {
+        readonly type: PropType<"basicText4" | "colorText" | "colorPercentage" | "percentage" | "percentage4" | "absPercentage" | "thoundsandText2" | "notProcessed" | "other">;
+        readonly default: "";
+    };
+    readonly text: {
+        readonly type: PropType<string | number | undefined>;
+        readonly default: undefined;
+    };
+};
+export type ElTableProps = ExtractPropTypes<typeof elTableProps>;
+export type ColumnDealProps = ExtractPropTypes<typeof columnDealProps>;

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

@@ -0,0 +1,30 @@
+const elTableProps = {
+  dataSource: {
+    type: Array,
+    default: () => []
+  },
+  tableColumn: {
+    type: Array,
+    default: () => []
+  },
+  loading: {
+    type: Boolean,
+    default: false
+  },
+  headerColor: {
+    type: String,
+    default: "#f0f0f0"
+  }
+};
+const columnDealProps = {
+  dealType: {
+    type: String,
+    default: ""
+  },
+  text: {
+    type: [String, Number],
+    default: void 0
+  }
+};
+
+export { columnDealProps, elTableProps };