hfn-components 0.0.4 → 0.0.6

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

@@ -0,0 +1,443 @@
+import _sfc_main from './HtTable.vue2.mjs';
+import { openBlock, createElementBlock, Fragment, createVNode, normalizeClass, withCtx, createCommentVNode, createBlock, renderList, createElementVNode, toDisplayString, createTextVNode, resolveDynamicComponent } from 'vue';
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
+
+const _hoisted_1 = { href: "javascript:;" };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = ["innerHTML"];
+const _hoisted_5 = { key: 1 };
+const _hoisted_6 = {
+  key: 0,
+  class: "action-cell"
+};
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = { key: 0 };
+const _hoisted_9 = ["innerHTML"];
+const _hoisted_10 = { key: 1 };
+const _hoisted_11 = { key: 1 };
+const _hoisted_12 = {
+  key: 1,
+  class: "action-item"
+};
+const _hoisted_13 = ["onClick"];
+const _hoisted_14 = { key: 0 };
+const _hoisted_15 = ["innerHTML"];
+const _hoisted_16 = { key: 1 };
+const _hoisted_17 = { key: 1 };
+const _hoisted_18 = {
+  key: 2,
+  class: "action-item"
+};
+const _hoisted_19 = { key: 0 };
+const _hoisted_20 = ["innerHTML"];
+const _hoisted_21 = { key: 1 };
+const _hoisted_22 = { key: 1 };
+const _hoisted_23 = ["onClick"];
+const _hoisted_24 = { key: 0 };
+const _hoisted_25 = ["innerHTML"];
+const _hoisted_26 = { key: 1 };
+const _hoisted_27 = { key: 1 };
+const _hoisted_28 = {
+  key: 0,
+  class: "pagination"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock(
+    Fragment,
+    null,
+    [
+      createVNode($setup["Table"], {
+        columns: $setup.tableColumns,
+        "data-source": $setup.data,
+        loading: $setup.props.loading,
+        pagination: $setup.props.showOriginalPagination,
+        showSorterTooltip: false,
+        scroll: $setup.tableScroll,
+        class: normalizeClass({ "t44": _ctx.smallHeader, "t54": !_ctx.smallHeader }),
+        "row-selection": _ctx.selectShow ? { selectedRowKeys: $setup.selectedRowKeys, onChange: $setup.onSelectChange, onSelect: $setup.handleSelect, onSelectAll: $setup.handleSelectAll, getCheckboxProps: $setup.getCheckboxProps } : void 0,
+        onResizeColumn: $setup.resizeColumn,
+        onChange: $setup.handleTableChange
+      }, {
+        headerCell: withCtx(({ column }) => [
+          createCommentVNode(` <div :class="{ 'cell-line':column.resizable }"></div> `),
+          createCommentVNode(" \u8868\u5934\u5E26\u4E0B\u62C9\u9009\u9879 "),
+          column.type && column.type === "menu" ? (openBlock(), createBlock(
+            $setup["Dropdown"],
+            { key: 0 },
+            {
+              overlay: withCtx(() => [
+                createVNode(
+                  $setup["Menu"],
+                  { class: "nav-title-table" },
+                  {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(
+                        Fragment,
+                        null,
+                        renderList(column.menu, (item, index) => {
+                          return openBlock(), createBlock($setup["MenuItem"], {
+                            key: index,
+                            onClick: () => item.handler(item.label)
+                          }, {
+                            default: withCtx(() => [
+                              createElementVNode(
+                                "a",
+                                _hoisted_1,
+                                toDisplayString(item.label),
+                                1
+                                /* TEXT */
+                              )
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1032, ["onClick"]);
+                        }),
+                        128
+                        /* KEYED_FRAGMENT */
+                      ))
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  },
+                  1024
+                  /* DYNAMIC_SLOTS */
+                )
+              ]),
+              default: withCtx(() => [
+                createElementVNode("a", {
+                  style: { "color": "rgba(0, 0, 0, 0.85)" },
+                  onClick: _cache[0] || (_cache[0] = (e) => e.preventDefault())
+                }, [
+                  createTextVNode(
+                    toDisplayString(column.title),
+                    1
+                    /* TEXT */
+                  ),
+                  (openBlock(), createBlock(resolveDynamicComponent($setup.getIconComponent("DownOutlined"))))
+                ])
+              ]),
+              _: 2
+              /* DYNAMIC */
+            },
+            1024
+            /* DYNAMIC_SLOTS */
+          )) : createCommentVNode("v-if", true),
+          createCommentVNode(" \u8868\u5934\u5E26\u56FE\u6807\u79FB\u5165\u63D0\u793A "),
+          column.type && column.type === "tooltip" ? (openBlock(), createElementBlock(
+            Fragment,
+            { key: 1 },
+            [
+              createTextVNode(
+                toDisplayString(column.title) + "\xA0 ",
+                1
+                /* TEXT */
+              ),
+              createVNode(
+                $setup["Tooltip"],
+                { placement: "top" },
+                {
+                  title: withCtx(() => [
+                    typeof column.tooltipTitle === "string" ? (openBlock(), createElementBlock(
+                      "div",
+                      _hoisted_2,
+                      toDisplayString(column.tooltipTitle),
+                      1
+                      /* TEXT */
+                    )) : (openBlock(true), createElementBlock(
+                      Fragment,
+                      { key: 1 },
+                      renderList(column.tooltipTitle, (item, index) => {
+                        return openBlock(), createElementBlock(
+                          "div",
+                          { key: index },
+                          toDisplayString(item),
+                          1
+                          /* TEXT */
+                        );
+                      }),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
+                  ]),
+                  default: withCtx(() => [
+                    !column.iconType ? (openBlock(), createElementBlock("span", _hoisted_3, [
+                      column.icon ? (openBlock(), createElementBlock("i", {
+                        key: 0,
+                        class: "iconfont",
+                        innerHTML: column.icon
+                      }, null, 8, _hoisted_4)) : createCommentVNode("v-if", true)
+                    ])) : (openBlock(), createElementBlock("span", _hoisted_5, [
+                      (openBlock(), createBlock(resolveDynamicComponent($setup.getIconComponent(column.iconType))))
+                    ]))
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                },
+                1024
+                /* DYNAMIC_SLOTS */
+              )
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )) : createCommentVNode("v-if", true),
+          createCommentVNode(" \u8868\u5934\u6362\u884C "),
+          column.type && column.type === "br" ? (openBlock(), createElementBlock(
+            Fragment,
+            { key: 2 },
+            [
+              createElementVNode(
+                "div",
+                null,
+                toDisplayString(column.titles[0]),
+                1
+                /* TEXT */
+              ),
+              createElementVNode(
+                "div",
+                null,
+                toDisplayString(column.titles[1]),
+                1
+                /* TEXT */
+              )
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )) : createCommentVNode("v-if", true)
+        ]),
+        bodyCell: withCtx(({ column, record, text }) => [
+          column.key !== "action" ? (openBlock(), createElementBlock(
+            Fragment,
+            { key: 0 },
+            [
+              createCommentVNode(" \u6570\u636E\u5904\u7406 "),
+              column.slot ? (openBlock(), createElementBlock(
+                "span",
+                {
+                  key: 0,
+                  class: normalizeClass([column.slot.includes("color") ? parseFloat(text) > 0 ? "red" : parseFloat(text) < 0 ? "green" : "" : ""])
+                },
+                toDisplayString($setup.handleData(text, column.slot)),
+                3
+                /* TEXT, CLASS */
+              )) : (openBlock(), createElementBlock(
+                Fragment,
+                { key: 1 },
+                [
+                  createCommentVNode(" \u6587\u672C\u5904\u7406 "),
+                  createCommentVNode(" \u6570\u7EC4\u5904\u7406 "),
+                  createCommentVNode(" \u8DF3\u8F6C\u5904\u7406 "),
+                  createElementVNode(
+                    "span",
+                    null,
+                    toDisplayString(text),
+                    1
+                    /* TEXT */
+                  )
+                ],
+                2112
+                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+              ))
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )) : createCommentVNode("v-if", true),
+          column.key === "action" ? (openBlock(), createElementBlock(
+            Fragment,
+            { key: 1 },
+            [
+              $setup.props.actions.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                (openBlock(true), createElementBlock(
+                  Fragment,
+                  null,
+                  renderList($setup.props.actions, (action, index) => {
+                    return openBlock(), createElementBlock("div", { key: index }, [
+                      createCommentVNode(" \u64CD\u4F5C\u884C\u9ED8\u8BA4 "),
+                      action.type === "default" && $setup.shouldShowAction(action, record) ? (openBlock(), createElementBlock("span", {
+                        key: 0,
+                        class: "action-item",
+                        onClick: () => action.handler(record)
+                      }, [
+                        !action.iconType ? (openBlock(), createElementBlock("span", _hoisted_8, [
+                          action.icon ? (openBlock(), createElementBlock("i", {
+                            key: 0,
+                            class: "iconfont",
+                            innerHTML: action.icon
+                          }, null, 8, _hoisted_9)) : (openBlock(), createElementBlock(
+                            "span",
+                            _hoisted_10,
+                            toDisplayString(action.label),
+                            1
+                            /* TEXT */
+                          ))
+                        ])) : (openBlock(), createElementBlock("span", _hoisted_11, [
+                          (openBlock(), createBlock(resolveDynamicComponent($setup.getIconComponent(action.iconType))))
+                        ]))
+                      ], 8, _hoisted_7)) : createCommentVNode("v-if", true),
+                      createCommentVNode(" \u64CD\u4F5C\u884C\u5E26\u63D0\u793A "),
+                      action.type === "tooltip" && $setup.shouldShowAction(action, record) ? (openBlock(), createElementBlock("span", _hoisted_12, [
+                        createVNode(
+                          $setup["Tooltip"],
+                          { placement: "bottom" },
+                          {
+                            title: withCtx(() => [
+                              createTextVNode(
+                                toDisplayString(action.label),
+                                1
+                                /* TEXT */
+                              )
+                            ]),
+                            default: withCtx(() => [
+                              createElementVNode("span", {
+                                onClick: () => action.handler(record)
+                              }, [
+                                !action.iconType ? (openBlock(), createElementBlock("span", _hoisted_14, [
+                                  action.icon ? (openBlock(), createElementBlock("i", {
+                                    key: 0,
+                                    class: "iconfont",
+                                    innerHTML: action.icon
+                                  }, null, 8, _hoisted_15)) : (openBlock(), createElementBlock(
+                                    "span",
+                                    _hoisted_16,
+                                    toDisplayString(action.label),
+                                    1
+                                    /* TEXT */
+                                  ))
+                                ])) : (openBlock(), createElementBlock("span", _hoisted_17, [
+                                  (openBlock(), createBlock(resolveDynamicComponent($setup.getIconComponent(action.iconType))))
+                                ]))
+                              ], 8, _hoisted_13)
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          },
+                          1024
+                          /* DYNAMIC_SLOTS */
+                        )
+                      ])) : createCommentVNode("v-if", true),
+                      createCommentVNode(" \u64CD\u4F5C\u884C\u5E26\u4E0B\u62C9\u83DC\u5355 "),
+                      action.type === "menu" && $setup.shouldShowAction(action, record) ? (openBlock(), createElementBlock("span", _hoisted_18, [
+                        createVNode(
+                          $setup["Dropdown"],
+                          null,
+                          {
+                            overlay: withCtx(() => [
+                              createVNode(
+                                $setup["Menu"],
+                                null,
+                                {
+                                  default: withCtx(() => [
+                                    (openBlock(true), createElementBlock(
+                                      Fragment,
+                                      null,
+                                      renderList(action.menu, (menu, menuIndex) => {
+                                        return openBlock(), createBlock(
+                                          $setup["MenuItem"],
+                                          { key: menuIndex },
+                                          {
+                                            default: withCtx(() => [
+                                              createElementVNode("span", {
+                                                onClick: () => menu.handler(record)
+                                              }, [
+                                                !menu.iconType ? (openBlock(), createElementBlock("span", _hoisted_24, [
+                                                  createElementVNode("i", {
+                                                    class: "iconfont",
+                                                    innerHTML: menu.icon
+                                                  }, null, 8, _hoisted_25)
+                                                ])) : (openBlock(), createElementBlock("span", _hoisted_26, [
+                                                  (openBlock(), createBlock(resolveDynamicComponent($setup.getIconComponent(menu.iconType))))
+                                                ])),
+                                                createTextVNode(
+                                                  " " + toDisplayString(menu.label),
+                                                  1
+                                                  /* TEXT */
+                                                )
+                                              ], 8, _hoisted_23)
+                                            ]),
+                                            _: 2
+                                            /* DYNAMIC */
+                                          },
+                                          1024
+                                          /* DYNAMIC_SLOTS */
+                                        );
+                                      }),
+                                      128
+                                      /* KEYED_FRAGMENT */
+                                    ))
+                                  ]),
+                                  _: 2
+                                  /* DYNAMIC */
+                                },
+                                1024
+                                /* DYNAMIC_SLOTS */
+                              )
+                            ]),
+                            default: withCtx(() => [
+                              !action.iconType ? (openBlock(), createElementBlock("span", _hoisted_19, [
+                                action.icon ? (openBlock(), createElementBlock("i", {
+                                  key: 0,
+                                  class: "iconfont",
+                                  innerHTML: action.icon
+                                }, null, 8, _hoisted_20)) : (openBlock(), createElementBlock(
+                                  "span",
+                                  _hoisted_21,
+                                  toDisplayString(action.label),
+                                  1
+                                  /* TEXT */
+                                ))
+                              ])) : (openBlock(), createElementBlock("span", _hoisted_22, [
+                                (openBlock(), createBlock(resolveDynamicComponent($setup.getIconComponent(action.iconType))))
+                              ]))
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          },
+                          1024
+                          /* DYNAMIC_SLOTS */
+                        )
+                      ])) : createCommentVNode("v-if", true),
+                      createCommentVNode(" \u64CD\u4F5C\u884C\u5E26\u79FB\u5165\u63D0\u793A\u8DF3\u8F6C "),
+                      createCommentVNode(` <span class="action-item" v-if="action.type === 'link' && shouldShowAction(action, record)">
+              <Tooltip placement="bottom">
+                <template #title>{{ action.label }}</template>
+                <span @click="() => action.handler(record)">
+                  <span v-if="!action.iconType">
+                    <i v-if="action.icon" class="iconfont" v-html="action.icon"></i>
+                    <span v-else>{{ action.label }}</span>
+                  </span>
+                  <span v-else><component :is="getIconComponent(action.iconType)"></component></span>
+                </span>
+              </Tooltip>
+            </span> `)
+                    ]);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ])) : (openBlock(), createElementBlock("div", _hoisted_27, "-"))
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )) : createCommentVNode("v-if", true)
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["columns", "loading", "pagination", "scroll", "class", "row-selection"]),
+      $setup.props.isPagination ? (openBlock(), createElementBlock("div", _hoisted_28, [
+        createVNode($setup["Pagination"], {
+          pageSize: $setup.props.pageSize,
+          current: $setup.props.nowPage,
+          total: $setup.props.total,
+          "show-total": (total) => `\u5171${total}\u6761`,
+          showSizeChanger: false,
+          onChange: $setup.pageChange
+        }, null, 8, ["pageSize", "current", "total", "show-total"])
+      ])) : createCommentVNode("v-if", true)
+    ],
+    64
+    /* STABLE_FRAGMENT */
+  );
+}
+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/HtTable.vue2.mjs

@@ -0,0 +1,128 @@
+import { defineComponent, ref, computed, onMounted } from 'vue';
+import { Table, Pagination, Tooltip, Dropdown, Menu, MenuItem } from 'ant-design-vue';
+import * as Icons from '@ant-design/icons-vue';
+import { handleData } from '../../utils/table.mjs';
+import { tableProps } from './HtTable.mjs';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "HtTable"
+  },
+  __name: "HtTable",
+  props: tableProps,
+  emits: [
+    "pageChange",
+    "filterChange",
+    "onSelectChange",
+    "handleSelect",
+    "handleSelectAll",
+    "resizeColumn"
+  ],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const selectedRowKeys = ref(props.selectedKeys);
+    const data = [
+      {
+        key: "1",
+        name: "John Brown",
+        age: 32.0123470192,
+        address: "New York No. 1 Lake Park",
+        tags: ["nice", "developer"]
+      },
+      {
+        key: "2",
+        name: "Jim Green",
+        age: 42.523123,
+        address: "London No. 1 Lake Park",
+        tags: ["loser"]
+      },
+      {
+        key: "3",
+        name: "Joe Black",
+        age: 32.102731023,
+        address: "Sidney No. 1 Lake Park",
+        tags: ["cool", "teacher"]
+      }
+    ];
+    const tableScroll = computed(() => {
+      if (props.isScroll && props.yIsScroll) {
+        return { x: data.length > 0 ? "max-content" : "100%", y: props.yHeight || "440px" };
+      } else if (props.isScroll) {
+        return { x: data.length > 0 ? "max-content" : "100%" };
+      } else if (props.yIsScroll) {
+        return { y: props.yHeight || "440px" };
+      } else {
+        return {};
+      }
+    });
+    const tableColumns = computed(() => {
+      console.log(props.columns);
+      if (props.actions?.length > 0) {
+        return [...props.columns, {
+          title: "\u64CD\u4F5C",
+          dataIndex: "action",
+          key: "action",
+          align: "center",
+          fixed: "right"
+        }];
+      } else return [...props.columns];
+    });
+    const getIconComponent = (iconType) => {
+      const defaultIcon = "ExclamationCircleFilled";
+      if (iconType && Icons[iconType]) {
+        return Icons[iconType];
+      }
+      return Icons[defaultIcon];
+    };
+    const shouldShowAction = (action, record) => {
+      return action.showAction ? action.showAction(record) : true;
+    };
+    const resizeColumn = (w, col) => {
+      col.width = w;
+      emit("resizeColumn", col, w);
+    };
+    const pageChange = (val) => {
+      emit("pageChange", val);
+      console.log(val);
+    };
+    const handleTableChange = (pagination, filters, sorter) => {
+      emit("filterChange", filters, sorter, pagination);
+    };
+    const onSelectChange = (selectedRowKeys2) => {
+      emit("onSelectChange", selectedRowKeys2);
+    };
+    const handleSelect = (record, selected) => {
+      emit("handleSelect", record, selected);
+    };
+    const handleSelectAll = (selected, selectedRows, changeRows) => {
+      emit("handleSelectAll", selected, selectedRows, changeRows);
+    };
+    const getCheckboxProps = (record) => ({
+      disabled: record.select_disabled || record.self_active === 4,
+      name: record.fund_name
+    });
+    onMounted(() => {
+    });
+    const __returned__ = { props, emit, selectedRowKeys, data, tableScroll, tableColumns, getIconComponent, shouldShowAction, resizeColumn, pageChange, handleTableChange, onSelectChange, handleSelect, handleSelectAll, getCheckboxProps, get Table() {
+      return Table;
+    }, get Pagination() {
+      return Pagination;
+    }, get Tooltip() {
+      return Tooltip;
+    }, get Dropdown() {
+      return Dropdown;
+    }, get Menu() {
+      return Menu;
+    }, get MenuItem() {
+      return MenuItem;
+    }, get handleData() {
+      return handleData;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+export { _sfc_main as default };