hfn-components 0.6.1 → 0.6.2

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

@@ -0,0 +1,114 @@
+import _sfc_main from './elTable.vue2.mjs';
+import { withDirectives, openBlock, createBlock, normalizeClass, withCtx, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString, renderSlot } from 'vue';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
+
+const _hoisted_1 = {
+  key: 0,
+  class: "header-text-wrap"
+};
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { key: 1 };
+const _hoisted_4 = {
+  key: 1,
+  class: "header-text-wrap"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return withDirectives((openBlock(), createBlock($setup["ElTable"], {
+    data: $setup.props.dataSource,
+    style: { "width": "100%" },
+    height: "100%",
+    border: $setup.props.resizable,
+    class: normalizeClass({ "header-only-border": $setup.props.resizable }),
+    "header-cell-style": {
+      background: $setup.props.headerColor,
+      color: "#000",
+      "font-weight": 500,
+      "font-size": "12px"
+    }
+  }, {
+    default: withCtx(() => [
+      (openBlock(true), createElementBlock(
+        Fragment,
+        null,
+        renderList($setup.props.tableColumn, (item) => {
+          return openBlock(), createBlock($setup["ElTableColumn"], {
+            resizable: $setup.props.resizable,
+            key: item.key,
+            prop: item.key,
+            width: item.width
+          }, {
+            header: withCtx(() => [
+              item.customizeLabel ? (openBlock(), createElementBlock("span", _hoisted_1, [
+                item.customizeLabel === "target" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                  createElementVNode(
+                    "div",
+                    null,
+                    toDisplayString($setup.targetHead.filter((items) => items.key === item.key.split("_")[0])[0].name),
+                    1
+                    /* TEXT */
+                  ),
+                  createElementVNode(
+                    "div",
+                    null,
+                    toDisplayString($setup.TARGET_END_KEY.filter((items) => items.key === item.key.split("_")[1])[0].name),
+                    1
+                    /* TEXT */
+                  )
+                ])) : (openBlock(), createElementBlock(
+                  "div",
+                  _hoisted_3,
+                  toDisplayString($setup.wrapText(item.customizeLabel)),
+                  1
+                  /* TEXT */
+                ))
+              ])) : (openBlock(), createElementBlock(
+                "span",
+                _hoisted_4,
+                toDisplayString($setup.wrapText($setup.TABLE_KEY[item.key])),
+                1
+                /* TEXT */
+              ))
+            ]),
+            default: withCtx((scope) => [
+              item.dealType === "other" ? (openBlock(), createBlock($setup["ColumnDeal"], {
+                key: 0,
+                dealType: scope.row.dealType,
+                text: $setup.convertKey(scope.row, item.key)
+              }, null, 8, ["dealType", "text"])) : item.dealType === "customSlot" ? (openBlock(), createBlock($setup["ColumnDeal"], {
+                key: 1,
+                dealType: item.dealType,
+                slot: item.slot
+              }, {
+                [item.slot]: withCtx(() => [
+                  renderSlot(_ctx.$slots, item.slot, {
+                    text: $setup.convertKey(scope.row, item.key),
+                    row: scope.row
+                  })
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, 1032, ["dealType", "slot"])) : (openBlock(), createBlock($setup["ColumnDeal"], {
+                key: 2,
+                dealType: item.dealType,
+                text: $setup.convertKey(scope.row, item.key),
+                row: scope.row,
+                "deal-function": item.dealFunction
+              }, null, 8, ["dealType", "text", "row", "deal-function"]))
+            ]),
+            _: 2
+            /* DYNAMIC */
+          }, 1032, ["resizable", "prop", "width"]);
+        }),
+        128
+        /* KEYED_FRAGMENT */
+      ))
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 8, ["data", "border", "class", "header-cell-style"])), [
+    [$setup["vLoading"], $setup.props.loading]
+  ]);
+}
+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

@@ -0,0 +1,51 @@
+import { defineComponent, ref, onMounted } from 'vue';
+import { ElTable, ElTableColumn, vLoading } from 'element-plus';
+import { TABLE_KEY, convertKey } from '../../../constants/table.mjs';
+import { TARGET_HEAD_KEY, TARGET_END_KEY } from '../../../constants/target.mjs';
+import '../../../constants/chartConfig.mjs';
+import cloneDeep from 'lodash.clonedeep';
+import ColumnDeal from './columnDeal.vue.mjs';
+import { elTableProps } from './elTable.mjs';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "elTable",
+  props: elTableProps,
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const targetHead = ref(cloneDeep(TARGET_HEAD_KEY));
+    onMounted(() => {
+      let startYear = 2018;
+      const nowYear = (/* @__PURE__ */ new Date()).getFullYear();
+      while (startYear <= nowYear) {
+        targetHead.value.push({
+          name: `${startYear}`,
+          key: `${startYear}`
+        });
+        startYear++;
+      }
+    });
+    const props = __props;
+    const wrapText = (text, charsPerLine = 6) => {
+      if (!text) return "";
+      const regex = new RegExp(`.{1,${charsPerLine}}`, "g");
+      return text.match(regex)?.join("\n") || text;
+    };
+    const __returned__ = { targetHead, props, wrapText, get ElTable() {
+      return ElTable;
+    }, get ElTableColumn() {
+      return ElTableColumn;
+    }, get vLoading() {
+      return vLoading;
+    }, get TABLE_KEY() {
+      return TABLE_KEY;
+    }, get convertKey() {
+      return convertKey;
+    }, get TARGET_END_KEY() {
+      return TARGET_END_KEY;
+    }, ColumnDeal };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+export { _sfc_main as default };