qy-better-lib 0.0.1

package/packages/pc_components/lib/tableExtend/src/colVisible.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./colVisible.vue.js";
+export {
+  _sfc_main as default
+};

package/packages/pc_components/lib/tableExtend/src/index.vue.d.ts

@@ -0,0 +1,186 @@
+import { TableColumn } from '..';
+import { DefineComponent, ExtractPropTypes, PropType, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { TableAttr } from './../type';
+/**
+ * 清空选择
+ */
+declare function clear_selection(): void;
+/**
+ * 切换行选择状态
+ * @param {Object} row 行数据
+ */
+declare function toggle_row_selection(row: any): void;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<`col_${string}`, (_: {
+        index: any;
+        data: any;
+    }) => any>> & Partial<Record<`header_${string}`, (_: {
+        data: TableColumn;
+    }) => any>> & {
+        'tool-left'?(_: {}): any;
+        'tool-right'?(_: {}): any;
+        default?(_: {}): any;
+        expand?(_: {
+            index: any;
+            data: any;
+        }): any;
+        operatColumn?(_: {}): any;
+        empty?(_: {}): any;
+        'bottom-left'?(_: {}): any;
+    };
+    refs: {
+        table_extend_ref: HTMLDivElement;
+        table_ref: unknown;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<ExtractPropTypes<{
+    options: {
+        type: PropType<TableAttr>;
+        default: () => {};
+    };
+    tableData: {
+        type: ArrayConstructor;
+        default: never[];
+    };
+    tableColums: {
+        type: PropType<Array< TableColumn>>;
+        default: () => never[];
+    };
+    tableLoading: BooleanConstructor;
+    expand: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    selectionCol: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    indexCol: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    isSetColumn: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    paging: {
+        type: PropType<{
+            pageIndex: number;
+            pageSize: number;
+        }>;
+    };
+    total: NumberConstructor;
+    sizeList: {
+        type: PropType<Array<number>>;
+        default: () => number[];
+    };
+    autoHeight: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    autoPagination: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    autoSize: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+}>, {
+    clearSelection: typeof clear_selection;
+    toggleRowSelection: typeof toggle_row_selection;
+    table: Ref<any, any>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    tableSort: (...args: any[]) => void;
+    handleSelectionChange: (...args: any[]) => void;
+    currentChange: (...args: any[]) => void;
+    pageSizeChange: (...args: any[]) => void;
+    rowClick: (...args: any[]) => void;
+    rowDblClick: (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    options: {
+        type: PropType<TableAttr>;
+        default: () => {};
+    };
+    tableData: {
+        type: ArrayConstructor;
+        default: never[];
+    };
+    tableColums: {
+        type: PropType<Array< TableColumn>>;
+        default: () => never[];
+    };
+    tableLoading: BooleanConstructor;
+    expand: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    selectionCol: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    indexCol: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    isSetColumn: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    paging: {
+        type: PropType<{
+            pageIndex: number;
+            pageSize: number;
+        }>;
+    };
+    total: NumberConstructor;
+    sizeList: {
+        type: PropType<Array<number>>;
+        default: () => number[];
+    };
+    autoHeight: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    autoPagination: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    autoSize: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+}>> & Readonly<{
+    onTableSort?: ((...args: any[]) => any) | undefined;
+    onHandleSelectionChange?: ((...args: any[]) => any) | undefined;
+    onCurrentChange?: ((...args: any[]) => any) | undefined;
+    onPageSizeChange?: ((...args: any[]) => any) | undefined;
+    onRowClick?: ((...args: any[]) => any) | undefined;
+    onRowDblClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    options: TableAttr;
+    tableData: unknown[];
+    tableColums: TableColumn[];
+    tableLoading: boolean;
+    expand: boolean;
+    selectionCol: boolean;
+    indexCol: boolean;
+    isSetColumn: boolean;
+    sizeList: number[];
+    autoHeight: boolean;
+    autoPagination: boolean;
+    autoSize: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
+    table_extend_ref: HTMLDivElement;
+    table_ref: unknown;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/packages/pc_components/lib/tableExtend/src/index.vue.js

@@ -0,0 +1,234 @@
+import { defineComponent, provide, toRef, ref, watch, onMounted, nextTick, resolveComponent, resolveDirective, openBlock, createElementBlock, unref, createElementVNode, renderSlot, createBlock, createCommentVNode, withDirectives, mergeProps, withCtx, Fragment, renderList, createTextVNode, toDisplayString, createVNode } from "vue";
+import { auto_size } from "@qy_better_lib/core";
+import { useI18n } from "vue-i18n";
+import props from "../props.js";
+import use_table from "../useTable.js";
+import _sfc_main$1 from "./colVisible.vue.js";
+import _sfc_main$2 from "./valueCol.vue.js";
+const _hoisted_1 = {
+  class: "table-extend",
+  ref: "table_extend_ref"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "tool-panel"
+};
+const _hoisted_3 = { class: "left-panel" };
+const _hoisted_4 = { class: "right-panel" };
+const _hoisted_5 = { class: "default-tool" };
+const _hoisted_6 = {
+  key: 0,
+  class: "required-ident"
+};
+const _hoisted_7 = {
+  key: 1,
+  class: "table-bottom"
+};
+const _hoisted_8 = { class: "left" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: { ...props() },
+  emits: [
+    "tableSort",
+    "handleSelectionChange",
+    "currentChange",
+    "pageSizeChange",
+    "rowClick",
+    "rowDblClick"
+  ],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props2 = __props;
+    const emit = __emit;
+    const { t: i18nInstance } = useI18n();
+    const {
+      selection_options,
+      // 选中行状态
+      table_attribute,
+      // 表格属性
+      pagination,
+      // 分页配置
+      has_pagination,
+      // 是否显示分页
+      column_config,
+      // 列显示/隐藏配置
+      col_setting_list,
+      // 表格显示列
+      show_tool_panel,
+      // 是否显示工具栏
+      show_bottom_panel
+      // 是否显示底部面板
+    } = use_table(i18nInstance);
+    provide("table-extend", {
+      table_props: props2,
+      table_colums: toRef(props2, "tableColums"),
+      column_config
+    });
+    const table_ref = ref(null);
+    watch(() => props2.tableColums, (newColums) => {
+      column_config.show_column = newColums;
+    }, { deep: false });
+    watch(() => pagination.page_index, (page_index) => {
+      emit("currentChange", page_index);
+      table_ref.value?.setScrollTop(0);
+    });
+    watch(
+      () => pagination.page_size,
+      (page_size) => {
+        if (page_size && page_size > 0) {
+          if (pagination.page_index === 1) {
+            emit("pageSizeChange", page_size);
+            table_ref.value?.setScrollTop(0);
+          } else {
+            pagination.page_index = 1;
+          }
+        }
+      }
+    );
+    onMounted(() => {
+      nextTick(() => {
+        props2.tableColums && props2.tableColums.length > 0 && (column_config.show_column = props2.tableColums);
+      });
+    });
+    __expose({
+      clearSelection: clear_selection,
+      // 清空选择
+      toggleRowSelection: toggle_row_selection,
+      // 切换行选择状态
+      table: table_ref
+      // 表格引用
+    });
+    function table_sort(column) {
+      emit("tableSort", {
+        sort_name: column.prop,
+        sort_type: column.order === "descending" ? "desc" : column.order === "ascending" ? "asc" : ""
+      });
+    }
+    function handle_selection_change(rows) {
+      selection_options.rows = rows;
+      selection_options.count = rows && rows.length;
+      emit("handleSelectionChange", rows);
+    }
+    function row_click(rows) {
+      emit("rowClick", rows);
+    }
+    function row_dbl_click(rows) {
+      emit("rowDblClick", rows);
+    }
+    function clear_selection() {
+      table_ref.value?.clearSelection();
+    }
+    function toggle_row_selection(row) {
+      table_ref.value?.toggleRowSelection(row);
+    }
+    return (_ctx, _cache) => {
+      const _component_el_table_column = resolveComponent("el-table-column");
+      const _component_el_empty = resolveComponent("el-empty");
+      const _component_el_table = resolveComponent("el-table");
+      const _component_el_pagination = resolveComponent("el-pagination");
+      const _directive_loading = resolveDirective("loading");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        unref(show_tool_panel) ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            renderSlot(_ctx.$slots, "tool-left")
+          ]),
+          createElementVNode("div", _hoisted_4, [
+            renderSlot(_ctx.$slots, "tool-right"),
+            createElementVNode("div", _hoisted_5, [
+              _ctx.isSetColumn ? (openBlock(), createBlock(_sfc_main$1, { key: 0 })) : createCommentVNode("", true)
+            ])
+          ])
+        ])) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          withDirectives((openBlock(), createBlock(_component_el_table, mergeProps({
+            ref_key: "table_ref",
+            ref: table_ref
+          }, unref(table_attribute), {
+            data: _ctx.tableData,
+            onSortChange: table_sort,
+            onSelectionChange: handle_selection_change,
+            onRowClick: row_click,
+            onRowDblclick: row_dbl_click
+          }), {
+            empty: withCtx(() => [
+              renderSlot(_ctx.$slots, "empty", {}, () => [
+                createVNode(_component_el_empty, { "image-size": 60 })
+              ])
+            ]),
+            default: withCtx(() => [
+              _ctx.selectionCol ? (openBlock(), createBlock(_component_el_table_column, {
+                key: 0,
+                type: "selection",
+                width: !_ctx.autoSize ? 50 : unref(auto_size)(50),
+                fixed: "left"
+              }, null, 8, ["width"])) : createCommentVNode("", true),
+              _ctx.indexCol ? (openBlock(), createBlock(_component_el_table_column, {
+                key: 1,
+                type: "index",
+                label: "序号",
+                width: !_ctx.autoSize ? 60 : unref(auto_size)(60),
+                fixed: "left"
+              }, null, 8, ["width"])) : createCommentVNode("", true),
+              _ctx.expand ? (openBlock(), createBlock(_component_el_table_column, {
+                key: 2,
+                type: "expand"
+              }, {
+                default: withCtx(({ row, $index }) => [
+                  renderSlot(_ctx.$slots, "expand", {
+                    index: $index,
+                    data: row
+                  })
+                ]),
+                _: 3
+              })) : createCommentVNode("", true),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(col_setting_list), (item) => {
+                return openBlock(), createBlock(_component_el_table_column, mergeProps({
+                  key: item.prop,
+                  ref_for: true
+                }, item), {
+                  default: withCtx((scope) => [
+                    renderSlot(_ctx.$slots, `col_${item.prop}`, {
+                      index: scope.$index,
+                      data: scope.row
+                    }, () => [
+                      createVNode(_sfc_main$2, mergeProps({ ref_for: true }, { row: scope.row, colCfg: item }), null, 16)
+                    ])
+                  ]),
+                  header: withCtx(() => [
+                    renderSlot(_ctx.$slots, `header_${item.prop}`, { data: item }, () => [
+                      item.required ? (openBlock(), createElementBlock("span", _hoisted_6, "*")) : createCommentVNode("", true),
+                      createTextVNode(" " + toDisplayString(item.label), 1)
+                    ])
+                  ]),
+                  _: 2
+                }, 1040);
+              }), 128)),
+              renderSlot(_ctx.$slots, "operatColumn")
+            ]),
+            _: 3
+          }, 16, ["data"])), [
+            [_directive_loading, _ctx.tableLoading]
+          ])
+        ]),
+        unref(show_bottom_panel) || unref(has_pagination) ? (openBlock(), createElementBlock("div", _hoisted_7, [
+          createElementVNode("div", _hoisted_8, [
+            renderSlot(_ctx.$slots, "bottom-left")
+          ]),
+          unref(has_pagination) ? (openBlock(), createBlock(_component_el_pagination, {
+            key: 0,
+            "current-page": unref(pagination).page_index,
+            "onUpdate:currentPage": _cache[0] || (_cache[0] = ($event) => unref(pagination).page_index = $event),
+            "page-size": unref(pagination).page_size,
+            "onUpdate:pageSize": _cache[1] || (_cache[1] = ($event) => unref(pagination).page_size = $event),
+            "page-sizes": _ctx.sizeList,
+            layout: "total,prev,pager,next,sizes,jumper",
+            total: _ctx.total,
+            background: ""
+          }, null, 8, ["current-page", "page-size", "page-sizes", "total"])) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true)
+      ], 512);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/packages/pc_components/lib/tableExtend/src/index.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./index.vue.js";
+export {
+  _sfc_main as default
+};

package/packages/pc_components/lib/tableExtend/src/valueCol.vue.d.ts

@@ -0,0 +1,24 @@
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    row: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    colCfg: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    row: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    colCfg: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}>> & Readonly<{}>, {
+    row: Record<string, any>;
+    colCfg: Record<string, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLSpanElement>;
+export default _default;

package/packages/pc_components/lib/tableExtend/src/valueCol.vue.js

@@ -0,0 +1,29 @@
+import { defineComponent, computed, openBlock, createElementBlock, toDisplayString } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "valueCol",
+  props: {
+    row: {
+      type: Object,
+      default: () => {
+      }
+    },
+    colCfg: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const column = computed(() => {
+      const { row, colCfg } = props;
+      return row[colCfg.prop];
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", null, toDisplayString(column.value != void 0 ? column.value : "--"), 1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/packages/pc_components/lib/tableExtend/src/valueCol.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./valueCol.vue.js";
+export {
+  _sfc_main as default
+};

package/packages/pc_components/lib/tableExtend/type.d.ts

@@ -0,0 +1,165 @@
+import { TableProps } from 'element-plus';
+import { Ref } from 'vue';
+export type TableAttr = {
+    /**rowKey */
+    rowKey?: string;
+    /**loading显示文本 */
+    "element-loading-text"?: string;
+    /**loading 图标 */
+    "element-loading-spinner"?: string;
+    /**loading 遮罩背景色 */
+    "element-loading-background"?: string;
+    /** 选中行高亮*/
+    highlightCurrentRow?: boolean;
+    /**斑马样式 */
+    stripe?: boolean;
+    /**边框 */
+    border?: boolean;
+    /**空数据显示文本 */
+    emptyText?: string;
+    /**列合并方法 */
+    spanMethod?: Function;
+    /**合计列计算方法 */
+    summaryMethod?: Function;
+    /**树形配置 */
+    treeProps?: {
+        children: string;
+        hasChildren: string;
+    };
+    /**默认展开行 */
+    expandRowKeys?: Array<string | number>;
+    /**默认展开全部 */
+    defaultExpandAll?: boolean;
+    /**表格高度,默认自适应 */
+    height?: string | number;
+    /**主轴的最小尺寸 */
+    flexible?: boolean;
+    /**是否显示表头 */
+    showHeader?: boolean;
+    [key: string]: any;
+};
+/**分页 */
+export type Pagination = {
+    /**页码 */
+    page_index: number | undefined;
+    /**每页显示数量 */
+    page_size: number | undefined;
+};
+/**列配置 */
+export type ColumnConfig = {
+    /**显示列 */
+    show_column: TableColumn[];
+    /**隐藏列 */
+    hidden_column: TableColumn[];
+};
+interface TableExtendProps<T> extends Omit<TableProps<any>, "data"> {
+    data?: undefined;
+}
+/**注入结构 */
+export type TableProvies = {
+    table_props: Record<string, any>;
+    table_colums: Ref<Array<TableColumn>>;
+    column_config: ColumnConfig;
+};
+export type ImageViewer = {
+    /**是否显示 */
+    show: boolean;
+    /**图片路径 */
+    file_path_list: any[];
+    /**显示图片的索引 */
+    index: number;
+};
+export declare enum FileType {
+    /** 图片 */
+    PICTURE = 1,
+    /** PDF */
+    PDF = 2,
+    /** 其他 */
+    OTHER = 3
+}
+/**表格属性 */
+export interface TableProp {
+    /**UI选项配置 */
+    options?: TableExtendProps<any>;
+    /**表格数据源 */
+    tableData?: Array<any>;
+    /**表格列(所有列) */
+    tableColums: Array<TableColumn>;
+    /**Loading状态 */
+    tableLoading?: boolean;
+    /**是否显示列check,默认true */
+    selectionCol?: boolean;
+    /**是否显示索引列,默认true */
+    indexCol?: boolean;
+    /**展开行 */
+    expand?: boolean;
+    /**是否能设置表格列,默认false */
+    isSetColumn?: boolean;
+    /**分页配置 */
+    paging?: {
+        pageIndex: number;
+        pageSize: number;
+    };
+    /**总数 */
+    total?: number;
+    /**可选页面大小 */
+    sizeList?: Array<number>;
+    /**自动高度，最大高度为父容器高度，实际高度由数据决定，默认false */
+    autoHeight?: boolean;
+    /**自动显示分页器,当数据量满足分页时显示，否则不显示,默认false */
+    autoPagination?: boolean;
+    /**列大小自适应 */
+    autoSize?: boolean;
+}
+export interface TableColumn {
+    /**
+     * 表头文本对齐方式
+     */
+    headerAlign?: string;
+    /**
+     * 表格内容对齐方式
+     */
+    align?: string;
+    /**
+     * 列绑定数据字段
+     */
+    prop?: string;
+    /**
+     * 表头名称
+     */
+    label?: string;
+    /**
+     * 是否显示
+     */
+    init?: boolean;
+    /**
+     * 表格宽度
+     */
+    width?: number;
+    /**
+     * 最小宽度
+     */
+    minWidth?: number;
+    /**
+     * 是否显示单元格内容tooltip
+     * boolean或tooltip属性对象
+     */
+    showOverflowTooltip?: boolean | Record<string, any>;
+    /**
+     * 是否能排序
+     */
+    sortable?: boolean;
+    /**
+     * 是否固定
+     */
+    fixed?: "left" | "right";
+    /**
+     * 文件类型
+     */
+    fileType?: FileType;
+    /**多语言配置 */
+    langue?: string;
+    /**其他配置 */
+    [key: string]: any;
+}
+export {};

package/packages/pc_components/lib/tableExtend/type.js

@@ -0,0 +1,9 @@
+var FileType = /* @__PURE__ */ ((FileType2) => {
+  FileType2[FileType2["PICTURE"] = 1] = "PICTURE";
+  FileType2[FileType2["PDF"] = 2] = "PDF";
+  FileType2[FileType2["OTHER"] = 3] = "OTHER";
+  return FileType2;
+})(FileType || {});
+export {
+  FileType
+};

package/packages/pc_components/lib/tableExtend/useTable.d.ts

@@ -0,0 +1,27 @@
+import { ColumnConfig, TableColumn } from './type';
+import { ComputedRef, ShallowReactive } from 'vue';
+/**
+ * 表格扩展组件的核心逻辑钩子
+ * @param {Function} i18n_instance - 国际化实例函数，用于多语言支持
+ * @returns {Object} 表格相关的响应式数据和计算属性
+ */
+export default function use_table(i18n_instance?: (key: string) => string): {
+    def_col_setting: TableColumn;
+    selection_options: Record<string, any>;
+    table_attribute: ComputedRef<Record<string, any>>;
+    pagination: {
+        page_index: any;
+        page_size: any;
+    };
+    has_pagination: ComputedRef<boolean>;
+    image_viewer: {
+        show: boolean;
+        file_path_list: any[];
+        index: number;
+    };
+    column_config: ShallowReactive<ColumnConfig>;
+    col_setting_list: ComputedRef<TableColumn[]>;
+    show_tool_panel: ComputedRef<boolean>;
+    show_bottom_panel: ComputedRef<boolean>;
+    has_image_viewer: ComputedRef<boolean>;
+};