hfn-components 0.0.5 → 0.0.7

package/es/_virtual/_plugin-vue_export-helper.mjs

@@ -0,0 +1,9 @@
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+export { _export_sfc as default };

package/es/component.d.ts

@@ -0,0 +1,3 @@
+import type { Plugin } from 'vue';
+declare const _default: Plugin[];
+export default _default;

package/es/component.mjs

@@ -0,0 +1,9 @@
+import { HtTable } from './components/table/index.mjs';
+import { HtButton } from './components/button/index.mjs';
+
+var Components = [
+  HtTable,
+  HtButton
+];
+
+export { Components as default };

package/es/components/button/HtButton.vue.d.ts

@@ -0,0 +1,19 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    columns: ({
+        name: string;
+        dataIndex: string;
+        key: string;
+        title?: undefined;
+    } | {
+        title: string;
+        dataIndex: string;
+        key: string;
+        name?: undefined;
+    } | {
+        title: string;
+        key: string;
+        name?: undefined;
+        dataIndex?: undefined;
+    })[];
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/es/components/button/HtButton.vue.mjs

@@ -0,0 +1,16 @@
+import _sfc_main from './HtButton.vue2.mjs';
+import { openBlock, createElementBlock, toDisplayString } from 'vue';
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock(
+    "button",
+    null,
+    "\u6D4B\u8BD5\u6309\u94AElibiluo" + toDisplayString($setup.columns[1].name),
+    1
+    /* TEXT */
+  );
+}
+var button = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/libiluo/Desktop/company/component-library/packages/components/button/HtButton.vue"]]);
+
+export { button as default };

package/es/components/button/HtButton.vue2.mjs

@@ -0,0 +1,42 @@
+import { defineComponent } from 'vue';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "HtButton"
+  },
+  __name: "HtButton",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const columns = [
+      {
+        name: "Name",
+        dataIndex: "name",
+        key: "name"
+      },
+      {
+        title: "Age",
+        dataIndex: "age",
+        key: "age"
+      },
+      {
+        title: "Address",
+        dataIndex: "address",
+        key: "address"
+      },
+      {
+        title: "Tags",
+        key: "tags",
+        dataIndex: "tags"
+      },
+      {
+        title: "Action",
+        key: "action"
+      }
+    ];
+    const __returned__ = { columns };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+export { _sfc_main as default };

package/es/components/button/index.d.ts

@@ -0,0 +1,20 @@
+export declare const HtButton: import("hfn-components/es/utils").SFCWithInstall<import("vue").DefineComponent<{}, {
+    columns: ({
+        name: string;
+        dataIndex: string;
+        key: string;
+        title?: undefined;
+    } | {
+        title: string;
+        dataIndex: string;
+        key: string;
+        name?: undefined;
+    } | {
+        title: string;
+        key: string;
+        name?: undefined;
+        dataIndex?: undefined;
+    })[];
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>> & Record<string, any>;
+export default HtButton;
+export type { ButtonInstance } from './instance';

package/es/components/button/index.mjs

@@ -0,0 +1,6 @@
+import button from './HtButton.vue.mjs';
+import { withInstall } from '../../utils/common.mjs';
+
+const HtButton = withInstall(button);
+
+export { HtButton, HtButton as default };

package/es/components/button/instance.d.ts

@@ -0,0 +1,2 @@
+import type HtButton from './HtButton.vue';
+export type ButtonInstance = InstanceType<typeof HtButton>;

package/es/components/button/instance.mjs

@@ -0,0 +1 @@
+

package/es/components/index.d.ts

@@ -0,0 +1 @@
+export * from './table';

package/es/components/index.mjs

@@ -0,0 +1,2 @@
+export { HtTable } from './table/index.mjs';
+export { tableProps } from './table/HtTable.mjs';

package/es/components/table/HtTable.d.ts

@@ -0,0 +1,142 @@
+import type HtTable from './HtTable.vue';
+import type { ExtractPropTypes, PropType } from "vue";
+import { ColumnGroupType, ColumnType, TablePaginationConfig, SortOrder } from 'ant-design-vue/es/table/interface';
+import { TableColumnType } from 'ant-design-vue';
+interface CustomColumn {
+    title: string;
+    key: string;
+    titles: string[];
+    dataIndex?: string;
+    width?: string | number;
+    align?: 'left' | 'center' | 'right';
+    slotData?: string;
+    fixed?: 'left' | 'right';
+    filters?: any[];
+    filterMultiple?: boolean;
+    sorter?: boolean;
+    sortOrder?: SortOrder;
+}
+export type TableColumns = CustomColumn | ColumnGroupType<any> | ColumnType<any>;
+export interface ActionItem {
+    label?: string;
+    disabled?: boolean;
+    type: string;
+    icon?: string;
+    iconType?: string;
+    menu?: Array<any>;
+    url?: string;
+    handler: (record: any) => void;
+    showAction?: (record: any) => boolean;
+}
+export interface HtTableColumnType extends TableColumnType {
+    componentType: string;
+}
+export declare const tableProps: {
+    readonly loading: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly columns: {
+        readonly type: PropType<TableColumns[]>;
+        readonly default: () => never[];
+    };
+    readonly actions: {
+        readonly type: PropType<ActionItem[]>;
+        readonly default: () => never[];
+    };
+    readonly dataSource: {
+        readonly type: ArrayConstructor;
+        readonly default: () => never[];
+    };
+    readonly total: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly pageSize: {
+        readonly type: NumberConstructor;
+        readonly default: 20;
+    };
+    readonly nowPage: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly selectShow: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly selectedKeys: {
+        readonly type: PropType<(string | number)[]>;
+        readonly default: () => never[];
+    };
+    readonly isPagination: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showOriginalPagination: {
+        readonly type: PropType<false | object | TablePaginationConfig>;
+        readonly default: false;
+    };
+    readonly isScroll: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly categoryList: {
+        readonly type: ArrayConstructor;
+        readonly default: () => never[];
+    };
+    readonly yIsScroll: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly yHeight: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly isPeople: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly switching: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly selectKey: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly isTeam: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly isTotal: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly totalData: {
+        readonly type: ArrayConstructor;
+        readonly default: () => never[];
+    };
+    readonly totalIndex: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly isExcess: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly isRowKey: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly isSticky: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly smallHeader: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+};
+export type TableProps = ExtractPropTypes<typeof tableProps>;
+export type HtTabletInstance = InstanceType<typeof HtTable>;
+export {};

package/es/components/table/HtTable.mjs

@@ -0,0 +1,136 @@
+const tableProps = {
+  // loading状态
+  loading: {
+    type: Boolean,
+    default: false
+  },
+  // 表格列配置
+  columns: {
+    type: Array,
+    default: () => []
+  },
+  actions: {
+    type: Array,
+    default: () => []
+  },
+  // 表格数据
+  dataSource: {
+    type: Array,
+    default: () => []
+  },
+  // 表格数据总数
+  total: {
+    type: Number,
+    default: 0
+  },
+  // 每页条数
+  pageSize: {
+    type: Number,
+    default: 20
+  },
+  // 当前页
+  nowPage: {
+    type: Number,
+    default: 1
+  },
+  // 是否显示选择框
+  selectShow: {
+    type: Boolean,
+    default: false
+  },
+  // 选中数据
+  selectedKeys: {
+    type: Array,
+    default: () => []
+  },
+  // isClear: {
+  //     type: Boolean,
+  //     default: false
+  // },
+  // isAdvisor: {
+  //     type: Boolean,
+  //     default: false
+  // },
+  // 是否显示分页
+  isPagination: {
+    type: Boolean,
+    default: true
+  },
+  // 是否启用表格分页器
+  showOriginalPagination: {
+    type: [Boolean, Object],
+    default: false
+  },
+  // 表格x轴是否可滚动
+  isScroll: {
+    type: Boolean,
+    default: true
+  },
+  categoryList: {
+    type: Array,
+    default: () => []
+  },
+  // isStrategy: {
+  //     type: Number,
+  //     default: 1
+  // },
+  // 表格y轴是否可滚动
+  yIsScroll: {
+    type: Boolean,
+    default: false
+  },
+  // y轴滚动高度
+  yHeight: {
+    type: Number,
+    default: 0
+  },
+  // 是否是个人
+  isPeople: {
+    type: Boolean,
+    default: false
+  },
+  switching: {
+    type: Boolean,
+    default: false
+  },
+  selectKey: {
+    // 多选时默认选择的字段
+    type: String,
+    default: ""
+  },
+  isTeam: {
+    // 区分个人&团队
+    type: Boolean,
+    default: false
+  },
+  isTotal: {
+    type: Boolean,
+    default: false
+  },
+  totalData: {
+    type: Array,
+    default: () => []
+  },
+  totalIndex: {
+    type: Boolean,
+    default: true
+  },
+  isExcess: {
+    type: Boolean,
+    default: false
+  },
+  isRowKey: {
+    type: Boolean,
+    default: true
+  },
+  isSticky: {
+    type: Boolean,
+    default: false
+  },
+  smallHeader: {
+    type: Boolean,
+    default: true
+  }
+};
+
+export { tableProps };