@gct-paas/v-ben 0.1.4-dev.10 → 0.1.4-dev.11

package/es/components/v-ben-table/src/BasicTable.vue.d.ts

@@ -0,0 +1,410 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    clickToRowSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isTreeTable: BooleanConstructor;
+    tableSetting: {
+        type: import('vue').PropType<import('./types/table').TableSetting>;
+        default: {};
+    };
+    inset: BooleanConstructor;
+    showTableSetting: BooleanConstructor;
+    autoCreateKey: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    striped: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSummary: BooleanConstructor;
+    summaryFunc: {
+        type: import('vue').PropType<(...arg: unknown[]) => unknown[]>;
+        default: null;
+    };
+    summaryData: {
+        type: import('vue').PropType<Recordable[]>;
+        default: null;
+    };
+    indentSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    canColDrag: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    api: {
+        type: import('vue').PropType<(...arg: unknown[]) => Promise<unknown>>;
+        default: null;
+    };
+    beforeFetch: {
+        type: import('vue').PropType<Fn>;
+        default: null;
+    };
+    afterFetch: {
+        type: import('vue').PropType<Fn>;
+        default: null;
+    };
+    handleSearchInfoFn: {
+        type: import('vue').PropType<Fn>;
+        default: null;
+    };
+    immediate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    emptyDataIsShowTable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    searchInfo: {
+        type: import('vue').PropType<Recordable>;
+        default: null;
+    };
+    defSort: {
+        type: import('vue').PropType<Recordable>;
+        default: null;
+    };
+    useSearchForm: BooleanConstructor;
+    columns: {
+        type: import('vue').PropType<import('./types/table').BasicColumn[]>;
+        default: () => never[];
+    };
+    showIndexColumn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    indexColumnProps: {
+        type: import('vue').PropType<import('./types/table').BasicColumn>;
+        default: null;
+    };
+    actionColumn: {
+        type: import('vue').PropType<import('./types/table').BasicColumn>;
+        default: null;
+    };
+    ellipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isCanResizeParent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    canResize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearSelectOnPageChange: BooleanConstructor;
+    resizeHeightOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    rowSelection: {
+        type: import('vue').PropType<import('./types/table').TableRowSelection | null>;
+        default: null;
+    };
+    title: {
+        type: import('vue').PropType<string | ((data: Recordable) => string)>;
+        default: null;
+    };
+    titleHelpMessage: {
+        type: import('vue').PropType<string | string[]>;
+    };
+    maxHeight: NumberConstructor;
+    dataSource: {
+        type: import('vue').PropType<Recordable[]>;
+        default: null;
+    };
+    rowKey: {
+        type: import('vue').PropType<string | ((record: Recordable) => string)>;
+        default: string;
+    };
+    bordered: BooleanConstructor;
+    pagination: {
+        type: import('vue').PropType<import('./types/pagination').PaginationProps | boolean>;
+        default: null;
+    };
+    loading: BooleanConstructor;
+    rowClassName: {
+        type: import('vue').PropType<(record: import('./types/table').TableCustomRecord<unknown>, index: number) => string>;
+    };
+    scroll: {
+        type: import('vue').PropType<{
+            x: number | string | true;
+            y: number | string;
+        }>;
+        default: null;
+    };
+    beforeEditSubmit: {
+        type: import('vue').PropType<(data: {
+            record: Recordable;
+            index: number;
+            key: string | number;
+            value: unknown;
+        }) => Promise<unknown>>;
+    };
+    rowDraggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    supportSameLevel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rowDragApi: {
+        type: FunctionConstructor;
+        default: null;
+    };
+    expandedRowKeys: {
+        type: import('vue').PropType<string[]>;
+        default: () => never[];
+    };
+    emptyFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    formRef: import('vue').Ref<null, null>;
+    tableElRef: import('vue').Ref<null, null>;
+    getBindValues: import('vue').ComputedRef<IObject>;
+    handleTableChange: (...args: unknown[]) => void;
+    expandKeysList: import('vue').Ref<never[], never[]>;
+    getEmptyDataIsShowTable: import('vue').ComputedRef<boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "change"[], "change", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    clickToRowSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isTreeTable: BooleanConstructor;
+    tableSetting: {
+        type: import('vue').PropType<import('./types/table').TableSetting>;
+        default: {};
+    };
+    inset: BooleanConstructor;
+    showTableSetting: BooleanConstructor;
+    autoCreateKey: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    striped: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSummary: BooleanConstructor;
+    summaryFunc: {
+        type: import('vue').PropType<(...arg: unknown[]) => unknown[]>;
+        default: null;
+    };
+    summaryData: {
+        type: import('vue').PropType<Recordable[]>;
+        default: null;
+    };
+    indentSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    canColDrag: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    api: {
+        type: import('vue').PropType<(...arg: unknown[]) => Promise<unknown>>;
+        default: null;
+    };
+    beforeFetch: {
+        type: import('vue').PropType<Fn>;
+        default: null;
+    };
+    afterFetch: {
+        type: import('vue').PropType<Fn>;
+        default: null;
+    };
+    handleSearchInfoFn: {
+        type: import('vue').PropType<Fn>;
+        default: null;
+    };
+    immediate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    emptyDataIsShowTable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    searchInfo: {
+        type: import('vue').PropType<Recordable>;
+        default: null;
+    };
+    defSort: {
+        type: import('vue').PropType<Recordable>;
+        default: null;
+    };
+    useSearchForm: BooleanConstructor;
+    columns: {
+        type: import('vue').PropType<import('./types/table').BasicColumn[]>;
+        default: () => never[];
+    };
+    showIndexColumn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    indexColumnProps: {
+        type: import('vue').PropType<import('./types/table').BasicColumn>;
+        default: null;
+    };
+    actionColumn: {
+        type: import('vue').PropType<import('./types/table').BasicColumn>;
+        default: null;
+    };
+    ellipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isCanResizeParent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    canResize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearSelectOnPageChange: BooleanConstructor;
+    resizeHeightOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    rowSelection: {
+        type: import('vue').PropType<import('./types/table').TableRowSelection | null>;
+        default: null;
+    };
+    title: {
+        type: import('vue').PropType<string | ((data: Recordable) => string)>;
+        default: null;
+    };
+    titleHelpMessage: {
+        type: import('vue').PropType<string | string[]>;
+    };
+    maxHeight: NumberConstructor;
+    dataSource: {
+        type: import('vue').PropType<Recordable[]>;
+        default: null;
+    };
+    rowKey: {
+        type: import('vue').PropType<string | ((record: Recordable) => string)>;
+        default: string;
+    };
+    bordered: BooleanConstructor;
+    pagination: {
+        type: import('vue').PropType<import('./types/pagination').PaginationProps | boolean>;
+        default: null;
+    };
+    loading: BooleanConstructor;
+    rowClassName: {
+        type: import('vue').PropType<(record: import('./types/table').TableCustomRecord<unknown>, index: number) => string>;
+    };
+    scroll: {
+        type: import('vue').PropType<{
+            x: number | string | true;
+            y: number | string;
+        }>;
+        default: null;
+    };
+    beforeEditSubmit: {
+        type: import('vue').PropType<(data: {
+            record: Recordable;
+            index: number;
+            key: string | number;
+            value: unknown;
+        }) => Promise<unknown>>;
+    };
+    rowDraggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    supportSameLevel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rowDragApi: {
+        type: FunctionConstructor;
+        default: null;
+    };
+    expandedRowKeys: {
+        type: import('vue').PropType<string[]>;
+        default: () => never[];
+    };
+    emptyFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    title: string | ((data: Recordable) => string);
+    clickToRowSelect: boolean;
+    isTreeTable: boolean;
+    tableSetting: import('./types/table').TableSetting;
+    inset: boolean;
+    showTableSetting: boolean;
+    autoCreateKey: boolean;
+    striped: boolean;
+    showSummary: boolean;
+    summaryFunc: (...arg: unknown[]) => unknown[];
+    summaryData: Recordable<unknown>[];
+    indentSize: number;
+    canColDrag: boolean;
+    api: (...arg: unknown[]) => Promise<unknown>;
+    beforeFetch: Fn<any, any>;
+    afterFetch: Fn<any, any>;
+    handleSearchInfoFn: Fn<any, any>;
+    immediate: boolean;
+    emptyDataIsShowTable: boolean;
+    searchInfo: Recordable<unknown>;
+    defSort: Recordable<unknown>;
+    useSearchForm: boolean;
+    columns: import('./types/table').BasicColumn[];
+    showIndexColumn: boolean;
+    indexColumnProps: import('./types/table').BasicColumn;
+    actionColumn: import('./types/table').BasicColumn;
+    ellipsis: boolean;
+    isCanResizeParent: boolean;
+    canResize: boolean;
+    clearSelectOnPageChange: boolean;
+    resizeHeightOffset: number;
+    rowSelection: import('./types/table').TableRowSelection<unknown> | null;
+    dataSource: Recordable<unknown>[];
+    rowKey: string | ((record: Recordable) => string);
+    bordered: boolean;
+    pagination: boolean | import('./types/pagination').PaginationProps;
+    loading: boolean;
+    scroll: {
+        x: number | string | true;
+        y: number | string;
+    };
+    rowDraggable: boolean;
+    supportSameLevel: boolean;
+    rowDragApi: Function;
+    expandedRowKeys: string[];
+    emptyFull: boolean;
+}, {}, {
+    HeaderCell: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        column: {
+            type: import('vue').PropType<import('./types/table').BasicColumn>;
+            default: () => {};
+        };
+    }>, {
+        getTitle: import('vue').ComputedRef<string | number | boolean | void | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+            [key: string]: any;
+        }> | import('vue').VNodeArrayChildren | ((props: import('ant-design-vue/lib/table/interface').ColumnTitleProps<Recordable<unknown>>) => import('ant-design-vue/lib/_util/type').VueNode) | null>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        column: {
+            type: import('vue').PropType<import('./types/table').BasicColumn>;
+            default: () => {};
+        };
+    }>> & Readonly<{}>, {
+        column: import('./types/table').BasicColumn;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/v-ben-table/src/BasicTable.vue.mjs

@@ -0,0 +1,53 @@
+import _sfc_main from './BasicTable.vue2.mjs';
+import { resolveComponent, openBlock, createElementBlock, renderSlot, withDirectives, createVNode, mergeProps, createSlots, withCtx, normalizeProps, guardReactiveProps, Fragment, createBlock, renderList, vShow } from 'vue';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
+
+const _hoisted_1 = { ref: "wrapRef" };
+const _hoisted_2 = {
+  key: 0,
+  class: "pr26px"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "pr8px"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_HeaderCell = resolveComponent("HeaderCell");
+  const _component_a_table = resolveComponent("a-table");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    renderSlot(_ctx.$slots, "beforeTable"),
+    withDirectives(createVNode(_component_a_table, mergeProps({ ref: "tableElRef" }, _ctx.getBindValues, {
+      "expanded-row-keys": _ctx.expandKeysList,
+      "onUpdate:expandedRowKeys": _cache[0] || (_cache[0] = ($event) => _ctx.expandKeysList = $event),
+      onChange: _ctx.handleTableChange
+    }), createSlots({
+      headerCell: withCtx(({ column }) => [
+        _ctx.rowDraggable && column?.dataIndex === _ctx.getBindValues.columns[0].dataIndex ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          _ctx.isTreeTable ? (openBlock(), createElementBlock("span", _hoisted_2)) : (openBlock(), createElementBlock("span", _hoisted_3)),
+          createVNode(_component_HeaderCell, { column }, null, 8, ["column"])
+        ], 64)) : (openBlock(), createBlock(_component_HeaderCell, {
+          key: 1,
+          column
+        }, null, 8, ["column"]))
+      ]),
+      bodyCell: withCtx((data) => [
+        renderSlot(_ctx.$slots, "bodyCell", normalizeProps(guardReactiveProps(data || {})))
+      ]),
+      _: 2
+    }, [
+      renderList(Object.keys(_ctx.$slots), (item) => {
+        return {
+          name: item,
+          fn: withCtx((data) => [
+            renderSlot(_ctx.$slots, item, normalizeProps(guardReactiveProps(data || {})))
+          ])
+        };
+      })
+    ]), 1040, ["expanded-row-keys", "onChange"]), [
+      [vShow, _ctx.getEmptyDataIsShowTable]
+    ])
+  ], 512);
+}
+const BasicTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { BasicTable as default };

package/es/components/v-ben-table/src/BasicTable.vue2.mjs

@@ -0,0 +1,48 @@
+import { defineComponent, ref, computed } from 'vue';
+import HeaderCell from './components/HeaderCell.vue.mjs';
+import { omit } from 'lodash-es';
+import { basicProps } from './props.mjs';
+
+const _sfc_main = defineComponent({
+  name: "BasicTable",
+  components: {
+    HeaderCell
+  },
+  props: basicProps,
+  emits: ["change"],
+  setup(props, { attrs, emit, slots, expose }) {
+    const tableElRef = ref(null);
+    const expandKeysList = ref([]);
+    const formRef = ref(null);
+    const getBindValues = computed(() => {
+      let propsData = {
+        ...attrs
+      };
+      propsData = omit(propsData, ["class", "onChange"]);
+      return propsData;
+    });
+    function handleTableChange(...args) {
+      emit("change", ...args);
+    }
+    const getEmptyDataIsShowTable = computed(() => {
+      const { emptyDataIsShowTable, useSearchForm, dataSource } = props;
+      if (emptyDataIsShowTable || !useSearchForm) {
+        return true;
+      }
+      return !!dataSource.length;
+    });
+    return {
+      formRef,
+      tableElRef,
+      getBindValues,
+      handleTableChange,
+      expandKeysList,
+      getEmptyDataIsShowTable
+    };
+  },
+  mounted() {
+    this.expandKeysList = this.getBindValues.expandedRowKeys;
+  }
+});
+
+export { _sfc_main as default };

package/es/components/v-ben-table/src/components/HeaderCell.vue.d.ts

@@ -0,0 +1,20 @@
+import { PropType } from 'vue';
+import { BasicColumn } from '../types/table';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    column: {
+        type: PropType<BasicColumn>;
+        default: () => {};
+    };
+}>, {
+    getTitle: import('vue').ComputedRef<string | number | boolean | void | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }> | import('vue').VNodeArrayChildren | ((props: import('ant-design-vue/lib/table/interface').ColumnTitleProps<Recordable<unknown>>) => import('ant-design-vue/lib/_util/type').VueNode) | null>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    column: {
+        type: PropType<BasicColumn>;
+        default: () => {};
+    };
+}>> & Readonly<{}>, {
+    column: BasicColumn;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/v-ben-table/src/components/HeaderCell.vue.mjs

@@ -0,0 +1,10 @@
+import _sfc_main from './HeaderCell.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("span", null, toDisplayString(_ctx.getTitle), 1);
+}
+const HeaderCell = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { HeaderCell as default };

package/es/components/v-ben-table/src/components/HeaderCell.vue2.mjs

@@ -0,0 +1,20 @@
+import { defineComponent, computed } from 'vue';
+
+const _sfc_main = defineComponent({
+  name: "TableHeaderCell",
+  components: {},
+  props: {
+    column: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(props) {
+    const getTitle = computed(
+      () => props.column?.customTitle || props.column?.title
+    );
+    return { getTitle };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/v-ben-table/src/components/TableAction.css

@@ -0,0 +1,37 @@
+.'vben-basic-table-action' {
+  display: flex;
+  align-items: center;
+}
+.'vben-basic-table-action' .action-divider {
+  display: table;
+}
+.'vben-basic-table-action'.left {
+  justify-content: flex-start;
+}
+.'vben-basic-table-action'.center {
+  justify-content: center;
+}
+.'vben-basic-table-action'.right {
+  justify-content: flex-end;
+}
+.'vben-basic-table-action' button {
+  display: flex;
+  align-items: center;
+}
+.'vben-basic-table-action' button span {
+  margin-left: 0 !important;
+}
+.'vben-basic-table-action' button.ant-btn-circle span {
+  margin: auto !important;
+}
+.'vben-basic-table-action' .ant-divider,
+.'vben-basic-table-action' .ant-divider-vertical {
+  margin: 0 2px;
+}
+.'vben-basic-table-action' .icon-more {
+  transform: rotate(90deg);
+}
+.'vben-basic-table-action' .icon-more svg {
+  font-size: 1.1em;
+  font-weight: 700;
+}

package/es/components/v-ben-table/src/components/TableAction.vue.d.ts

@@ -0,0 +1,61 @@
+import { PropType } from 'vue';
+import { ActionItem } from '../types/tableAction';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        more?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    actions: {
+        type: PropType<ActionItem[]>;
+        default: null;
+    };
+    dropDownActions: {
+        type: PropType<ActionItem[]>;
+        default: null;
+    };
+    divider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    outside: BooleanConstructor;
+    stopButtonPropagation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    actions: {
+        type: PropType<ActionItem[]>;
+        default: null;
+    };
+    dropDownActions: {
+        type: PropType<ActionItem[]>;
+        default: null;
+    };
+    divider: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    outside: BooleanConstructor;
+    stopButtonPropagation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    actions: ActionItem[];
+    dropDownActions: ActionItem[];
+    divider: boolean;
+    outside: boolean;
+    stopButtonPropagation: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};