hfn-components 0.0.4 → 0.0.6

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/{dist/es/packages → es}/components/button/HtButton.vue.d.ts

@@ -15,12 +15,5 @@ declare const _default: import("vue").DefineComponent<{}, {
         name?: undefined;
         dataIndex?: undefined;
     })[];
-    data: {
-        key: string;
-        name: string;
-        age: number;
-        address: string;
-        tags: string[];
-    }[];
 }, {}, {}, {}, 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/{dist/es/packages → es}/components/button/HtButton.vue2.mjs

@@ -1,11 +1,12 @@
-import { defineComponent, openBlock, createElementBlock, toDisplayString } from 'vue';
+import { defineComponent } from 'vue';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "HtButton"
   },
   __name: "HtButton",
-  setup(__props) {
+  setup(__props, { expose: __expose }) {
+    __expose();
     const columns = [
       {
         name: "Name",
@@ -32,15 +33,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         key: "action"
       }
     ];
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "button",
-        null,
-        "\u6D4B\u8BD5\u6309\u94AElibiluo" + toDisplayString(columns[1].name),
-        1
-        /* TEXT */
-      );
-    };
+    const __returned__ = { columns };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
   }
 });
 

package/{dist/es/packages → es}/components/button/index.d.ts

@@ -1,4 +1,4 @@
-declare const Button: import("packages/utils/common").SFCWithInstall<import("vue").DefineComponent<{}, {
+export declare const HtButton: import("/Users/libiluo/Desktop/company/component-library/dist/hfn-components/es/utils").SFCWithInstall<import("vue").DefineComponent<{}, {
     columns: ({
         name: string;
         dataIndex: string;
@@ -15,12 +15,6 @@ declare const Button: import("packages/utils/common").SFCWithInstall<import("vue
         name?: undefined;
         dataIndex?: undefined;
     })[];
-    data: {
-        key: string;
-        name: string;
-        age: number;
-        address: string;
-        tags: string[];
-    }[];
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>> & Record<string, any>;
-export default Button;
+export default HtButton;
+export type { ButtonInstance } from './instance';

package/{dist/es/packages → es}/components/button/index.mjs

@@ -1,6 +1,6 @@
 import button from './HtButton.vue.mjs';
 import { withInstall } from '../../utils/common.mjs';
 
-const Button = withInstall(button);
+const HtButton = withInstall(button);
 
-export { Button as default };
+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 };