hfn-components 0.2.5 → 0.2.7

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

@@ -1,449 +0,0 @@
-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

@@ -1,124 +0,0 @@
-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 };