@aplus-frontend/ui 0.1.40 → 0.2.0-beta.0

package/lib/src/pro-table/hooks/use-table-footer.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");require("../components/table-footer.vue.js");const m=require("@aplus-frontend/hooks"),y=require("../components/table-footer.vue2.js");function b(n,l,s,c){const u=e.computed(()=>(e.unref(c)||[]).length===0),i=e.computed(()=>{const{summaryFunc:o,showSummary:t,summaryData:r}=e.unref(n);return t&&!e.unref(u)?()=>e.h(y.default,{summaryFunc:o,summaryData:r,scroll:e.unref(l)}):void 0});e.watchEffect(()=>{f()});function f(){const{showSummary:o}=e.unref(n);!o||e.unref(u)||e.nextTick(()=>{const t=e.unref(s);if(!t)return;const r=t.$el.querySelector(" .ant-table-content,  .ant-table-body");m.useEventListener({el:r,name:"scroll",listener:()=>{const a=t.$el.querySelector('.ant-table-footer .ant-table-container  [class^="ant-table-"]');!a||!r||(a.scrollLeft=r.scrollLeft)},wait:0,options:!0})})}return{getFooterProps:i}}exports.useTableFooter=b;

package/lib/src/pro-table/hooks/use-table-form.d.ts

@@ -1,10 +0,0 @@
-import { ComputedRef, Slots } from 'vue';
-import { BasicTableProps, FetchParams } from '../types/table';
-import { ProFormProps } from '../../pro-form';
-import { Recordable } from '../../type';
-export declare function useTableForm(propsRef: ComputedRef<BasicTableProps>, slots: Slots, fetch: (opt?: FetchParams | undefined) => Promise<Recordable<any>[] | undefined>, getLoading: ComputedRef<boolean | undefined>): {
-    getFormProps: ComputedRef<Partial<ProFormProps>>;
-    replaceFormSlotKey: (key: string) => string;
-    getFormSlotKeys: ComputedRef<string[]>;
-    handleSearchInfoChange: (info: Recordable) => void;
-};

package/lib/src/pro-table/hooks/use-table-form.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),f=require("lodash-unified");function m(o,r,u,s){const c=e.computed(()=>{const{formConfig:t}=e.unref(o),{submitButtonOptions:n}=t||{};return{showAdvancedButton:!0,...t,submitButtonOptions:{loading:e.unref(s),...n},compact:!0}}),a=e.computed(()=>Object.keys(r).map(n=>n.startsWith("form-")?n:null).filter(n=>!!n));function i(t){var n;return t?((n=t==null?void 0:t.replace)==null?void 0:n.call(t,/form-/,""))??"":""}function l(t){const{handleSearchInfoFn:n}=e.unref(o);n&&f.isFunction(n)&&(t=n(t)||t),u({searchInfo:t,page:1})}return{getFormProps:c,replaceFormSlotKey:i,getFormSlotKeys:a,handleSearchInfoChange:l}}exports.useTableForm=m;

package/lib/src/pro-table/hooks/use-table-header.d.ts

@@ -1,6 +0,0 @@
-import { ComputedRef, Slots } from 'vue';
-import { BasicTableProps, InnerHandlers, InnerMethods } from '../types/table';
-import { Recordable } from '../../type';
-export declare function useTableHeader(propsRef: ComputedRef<BasicTableProps>, slots: Slots, handlers: InnerHandlers, methods: InnerMethods): {
-    getHeaderProps: ComputedRef<Recordable>;
-};

package/lib/src/pro-table/hooks/use-table-header.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue");require("../components/table-header.vue.js");const b=require("lodash-unified"),l=require("../../utils/slot.js"),s=require("../components/table-header.vue2.js");function S(i,e,u,o){return{getHeaderProps:r.computed(()=>{const{title:t,showTableSetting:a,titleHelpMessage:c,tableSetting:d,showSelectionBar:g}=r.unref(i),n=!e.tableTitle&&!t&&!e.toolbar&&!a;return n&&!b.isString(t)?{}:{title:n?null:()=>r.h(s.default,{title:t,titleHelpMessage:c,showTableSetting:a,tableSetting:d,onColumnsChange:u.onColumnsChange,clearSelectedRowKeys:o.clearSelectedRowKeys,count:o.getSelectRowKeys().length,showSelectionBar:g},{...e.toolbar?{toolbar:()=>l.getSlot(e,"toolbar")}:{},...e.tableTitle?{tableTitle:()=>l.getSlot(e,"tableTitle")}:{},...e.headerTop?{headerTop:()=>l.getSlot(e,"headerTop")}:{}})}})}}exports.useTableHeader=S;

package/lib/src/pro-table/hooks/use-table-scroll.d.ts

@@ -1,12 +0,0 @@
-import { BasicTableProps, TableRowSelection, BasicColumn } from '../types/table';
-import { Ref, ComputedRef } from 'vue';
-import { ComponentRef, Recordable } from '../../type';
-export declare function useTableScroll(propsRef: ComputedRef<BasicTableProps>, tableElRef: Ref<ComponentRef>, columnsRef: ComputedRef<BasicColumn[]>, rowSelectionRef: ComputedRef<TableRowSelection | null>, getDataSourceRef: ComputedRef<Recordable[]>, wrapRef: Ref<HTMLElement | null>, formRef: Ref<ComponentRef>): {
-    getScrollRef: ComputedRef<({
-        x?: string | number | true;
-        y?: string | number;
-    } & {
-        scrollToFirstRowOnChange?: boolean;
-    }) | undefined>;
-    redoHeight: () => void;
-};

package/lib/src/pro-table/hooks/use-table-scroll.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),M=require("@aplus-frontend/utils"),C=require("lodash-unified"),W=require("@aplus-frontend/hooks");require("../../modal/index.js");const X=require("@vueuse/core"),j=require("../../modal/hooks/use-modal-context.js");function U(a,p,I,P,T,H,z){const q=n.ref(167),f=j.useModalContext(),B=X.useDebounceFn(x,100),w=n.computed(()=>{const{canResize:t,scroll:e}=n.unref(a);return t&&!(e||{}).y});n.watch(()=>{var t;return[n.unref(w),(t=n.unref(T))==null?void 0:t.length]},()=>{B()},{flush:"post"});function x(){n.nextTick(()=>{y()})}function O(t){var e;q.value=t,(e=f==null?void 0:f.redoModalHeight)==null||e.call(f)}let h,m,d;const b=6;function v(t,e){const o=t.scrollHeight>t.clientHeight,r=t.scrollWidth>t.clientWidth;o?e.classList.contains("hide-scrollbar-y")&&e.classList.remove("hide-scrollbar-y"):!e.classList.contains("hide-scrollbar-y")&&e.classList.add("hide-scrollbar-y"),r?e.classList.contains("hide-scrollbar-x")&&e.classList.remove("hide-scrollbar-x"):!e.classList.contains("hide-scrollbar-x")&&e.classList.add("hide-scrollbar-x")}function k(t){const{pagination:e}=n.unref(a);let o=0;if(C.isBoolean(e))o=0;else if(h||(h=t.querySelector(".ant-pagination")),h){const r=parseInt(getComputedStyle(h).marginTop);o=h.offsetHeight+r}else o=34;return o}function F(t){const{pagination:e}=n.unref(a);let o=0;if(!C.isBoolean(e))if(!m)m=t.querySelector(".ant-table-footer");else{const r=m.offsetHeight;o+=r||0}return o}function A(t){let e=0;return t&&(e=t.offsetHeight),e}function $(t,e){var i,l;const{isCanResizeParent:o}=n.unref(a);let r=0;if(n.unref(H)&&o){const u=((i=n.unref(H))==null?void 0:i.offsetHeight)??0;let s=((l=n.unref(z))==null?void 0:l.$el.offsetHeight)??0;s&&(s+=16+16*2),r=u-b-s}else r=M.getViewportOffset(e).bottomIncludeBody;return r}function D(t){let e=null,o=null,r=null,i=t.parentElement,l=!1;for(;i!==document.body;){if(i.classList.contains("ant-modal")){e=i,o=e.parentElement,r=i.querySelector(".ant-modal-content>.ant-modal-footer"),l=(o==null?void 0:o.classList.contains("fullscreen-modal"))??!1;break}i=i.parentElement}if(e){const{top:u=0}=e?M.getViewportOffset(e):{},s=l?0:24,c=(r==null?void 0:r.offsetHeight)??0,S=r?l?0:parseInt(getComputedStyle(r).marginTop):0;return(u>s?u:s)+c+S+14}return 0}function N(){const{isCanResizeParent:t}=n.unref(a);return n.unref(H)&&t?b:b+16}async function y(){const{resizeHeightOffset:t,maxHeight:e}=n.unref(a),o=n.unref(T),r=n.unref(p);if(!r)return;const i=r.$el;if(!i||!d&&(d=i.querySelector(".ant-table-body"),!d)||(v(d,i),d.style.height="unset",!n.unref(w)||!n.unref(o)||o.length===0))return;await n.nextTick();const l=i.querySelector(".ant-table-thead");if(!l)return;const u=k(i),s=F(i),c=A(l),S=$(i,l),L=D(i),V=N();let g=Math.floor(S-(t||0)-u-s-c-L-V-1);g=(g>e?e:g)??g,O(g)}W.useWindowSizeFn(y,{wait:280}),W.onMountedOrActivated(()=>{y(),n.nextTick(()=>{B()})});const R=n.computed(()=>{var s;let t=0;n.unref(P)&&(t+=60);const e=150,o=n.unref(I).filter(c=>!c.defaultHidden);o.forEach(c=>{t+=Number.parseFloat(c.width)||0});const i=o.filter(c=>!Reflect.has(c,"width")&&c.ifShow!==!1).length;i!==0&&(t+=i*e);const l=n.unref(p);return(((s=l==null?void 0:l.$el)==null?void 0:s.offsetWidth)??0)>t?"100%":t});return{getScrollRef:n.computed(()=>{const t=n.unref(q),{canResize:e,scroll:o}=n.unref(a);return{x:n.unref(R),y:e?t:null,scrollToFirstRowOnChange:!1,...o}}),redoHeight:x}}exports.useTableScroll=U;

package/lib/src/pro-table/hooks/use-table-style.d.ts

@@ -1,5 +0,0 @@
-import { ComputedRef } from 'vue';
-import { BasicTableProps, TableCustomRecord } from '../types/table';
-export declare function useTableStyle(propsRef: ComputedRef<BasicTableProps>, prefixCls: string): {
-    getRowClassName: (record: TableCustomRecord<any>, index: number) => string;
-};

package/lib/src/pro-table/hooks/use-table-style.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),c=require("lodash-unified");function f(r,i){function n(o,t){const{striped:u,rowClassName:e}=a.unref(r),s=[];return u&&s.push((t||0)%2===1?`${i}-row__striped`:""),e&&c.isFunction(e)&&s.push(e(o,t)),s.filter(l=>!!l).join(" ")}return{getRowClassName:n}}exports.useTableStyle=f;

package/lib/src/pro-table/hooks/use-table.d.ts

@@ -1,17 +0,0 @@
-import { BasicTableProps, TableActionType } from '../types/table';
-import { FormActionType } from '../../pro-form';
-import { ComputedRef, Ref } from 'vue';
-type DynamicProps<T> = {
-    [P in keyof T]: Ref<T[P]> | T[P] | ComputedRef<T[P]>;
-};
-type Props = Partial<DynamicProps<BasicTableProps>>;
-type UseTableMethod = TableActionType & {
-    getForm: () => FormActionType;
-};
-export declare function useTable(tableProps?: Props): [
-    (instance: TableActionType, formInstance: UseTableMethod) => void,
-    TableActionType & {
-        getForm: () => FormActionType;
-    }
-];
-export {};

package/lib/src/pro-table/hooks/use-table.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../utils/index.js"),a=require("vue"),i=require("@aplus-frontend/utils");function g(r){const n=a.ref(null),s=a.ref(!1),u=a.ref(null);let l;function d(e,o){i.isProdMode()&&a.onUnmounted(()=>{n.value=null,s.value=null}),!(a.unref(s)&&i.isProdMode()&&e===a.unref(n))&&(n.value=e,u.value=o,r&&e.setProps(c.getDynamicProps(r)),s.value=!0,l==null||l(),l=a.watch(()=>r,()=>{r&&e.setProps(c.getDynamicProps(r))},{immediate:!0,deep:!0}))}function t(){const e=a.unref(n);if(!e)throw new Error("The table instance has not been obtained yet, please make sure the table is presented when performing the table operation!");return e}return[d,{reload:async e=>await t().reload(e),setProps:e=>{t().setProps(e)},redoHeight:()=>{t().redoHeight()},setSelectedRows:e=>a.toRaw(t().setSelectedRows(e)),setLoading:e=>{t().setLoading(e)},getDataSource:()=>t().getDataSource(),getRawDataSource:()=>t().getRawDataSource(),getColumns:({ignoreIndex:e=!1}={})=>{const o=t().getColumns({ignoreIndex:e})||[];return a.toRaw(o)},setColumns:e=>{t().setColumns(e)},setTableData:e=>t().setTableData(e),setPagination:e=>t().setPagination(e),deleteSelectRowByKey:e=>{t().deleteSelectRowByKey(e)},getSelectRowKeys:()=>a.toRaw(t().getSelectRowKeys()),getSelectRows:()=>a.toRaw(t().getSelectRows()),clearSelectedRowKeys:()=>{t().clearSelectedRowKeys()},setSelectedRowKeys:e=>{t().setSelectedRowKeys(e)},getPaginationRef:()=>t().getPaginationRef(),getSize:()=>a.toRaw(t().getSize()),updateTableData:(e,o,R)=>t().updateTableData(e,o,R),deleteTableDataRecord:e=>t().deleteTableDataRecord(e),insertTableDataRecord:(e,o)=>t().insertTableDataRecord(e,o),updateTableDataRecord:(e,o)=>t().updateTableDataRecord(e,o),findTableDataRecord:e=>t().findTableDataRecord(e),getRowSelection:()=>a.toRaw(t().getRowSelection()),getCacheColumns:()=>a.toRaw(t().getCacheColumns()),getForm:()=>a.unref(u),setShowPagination:async e=>{t().setShowPagination(e)},getShowPagination:()=>a.toRaw(t().getShowPagination()),expandAll:()=>{t().expandAll()},collapseAll:()=>{t().collapseAll()},expandRows:e=>{t().expandRows(e)},collapseRows:e=>{t().collapseRows(e)},scrollTo:e=>{t().scrollTo(e)}}]}exports.useTable=g;

package/lib/src/pro-table/index.d.ts

@@ -1,10 +0,0 @@
-export { default as ProTable } from './pro-table.vue';
-export { default as TableAction } from './components/table-action.vue';
-export { default as EditTableHeaderIcon } from './components/edit-table-header-icon.vue';
-export { default as TableImg } from './components/table-image.vue';
-export * from './types/table';
-export * from './types/pagination';
-export * from './types/table-action';
-export * from './interface';
-export { useTable } from './hooks/use-table';
-export type { EditRecordRow } from './components/editable';

package/lib/src/pro-table/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./pro-table.vue2.js");require("./components/table-action.vue2.js");require("./components/edit-table-header-icon.vue2.js");require("./components/table-image.vue2.js");require("./types/table.js");require("./types/pagination.js");require("./types/table-action.js");require("./interface.js");const e=require("./hooks/use-table.js");exports.useTable=e.useTable;

package/lib/src/pro-table/interface.d.ts

@@ -1,65 +0,0 @@
-import { ProFormProps } from '../pro-form/types/form';
-import { BasicColumn, BasicTableProps, FetchSetting, SizeType, SorterResult, TableCustomRecord, TableRowSelection, TableSetting } from './types/table';
-import { Fn, Recordable } from '../type';
-import { PaginationProps } from './types/pagination';
-type Key = string | number;
-export type ProTableProps = {
-    clickToRowSelect?: boolean;
-    isTreeTable?: boolean;
-    tableSetting?: TableSetting;
-    inset?: boolean;
-    sortFn?: (sortInfo: SorterResult) => any;
-    filterFn?: (data: Partial<Recordable<string[]>>) => any;
-    showTableSetting?: boolean;
-    autoCreateKey?: boolean;
-    striped?: boolean;
-    showSummary?: boolean;
-    summaryFunc?: (...arg: any[]) => any[];
-    summaryData?: Recordable[];
-    indentSize?: number;
-    canColDrag?: boolean;
-    api?: (...arg: any[]) => Promise<any>;
-    beforeFetch?: Fn;
-    afterFetch?: Fn;
-    handleSearchInfoFn?: Fn;
-    fetchSetting?: FetchSetting;
-    immediate?: boolean;
-    emptyDataIsShowTable?: boolean;
-    searchInfo?: Recordable;
-    defSort?: Recordable;
-    useSearchForm?: boolean;
-    formConfig?: ProFormProps;
-    columns?: BasicColumn[];
-    showIndexColumn?: boolean;
-    indexColumnProps?: BasicColumn;
-    actionColumn?: BasicColumn;
-    ellipsis?: boolean;
-    isCanResizeParent?: boolean;
-    canResize?: boolean;
-    clearSelectOnPageChange?: boolean;
-    resizeHeightOffset: number;
-    rowSelection?: TableRowSelection;
-    showSelectionBar?: boolean;
-    title?: string | ((data: Recordable) => string);
-    titleHelpMessage?: string | string[];
-    maxHeight?: number;
-    dataSource?: Recordable[];
-    rowKey?: string | BasicTableProps['rowKey'];
-    bordered?: boolean;
-    pagination?: PaginationProps | boolean | null;
-    loading?: boolean;
-    rowClassName?: (record: TableCustomRecord<any>, index: number) => string;
-    scroll?: BasicTableProps['scroll'];
-    beforeEditSubmit?: (data: {
-        record: Recordable;
-        index: number;
-        key: Key;
-        value: any;
-    }) => Promise<any>;
-    size?: SizeType;
-    /**
-     * Form和Table的分割尺寸
-     */
-    divideSpace?: number | SizeType;
-};
-export {};

package/lib/src/pro-table/interface.js

@@ -1 +0,0 @@
-"use strict";