@aplus-frontend/ui 0.0.17 → 0.0.18

package/lib/src/ap-table/ap-table.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("ant-design-vue"),M=require("ant-design-vue/es/theme/internal"),W=require("../ap-form/index.js"),c=require("./constants.js");require("../config-provider/index.js");const A=require("./hooks/use-table-paging.js"),x=require("lodash-unified");require("./style/ap-table.css");const H=require("@ant-design/icons-vue"),u=require("./utils.js"),K=require("./hooks/use-table-content-height.js"),$=require("../config-provider/hooks/use-locale.js"),G=require("../config-provider/hooks/use-namespace.js"),U=require("../config-provider/hooks/use-global-config.js"),Q={key:0},J=e.defineComponent({name:"ApTable",__name:"ap-table",props:{dropdownPrefixCls:{},loading:{type:[Boolean,Object],default:void 0},bordered:{type:Boolean,default:!1},locale:{},onChange:{},onResizeColumn:{},rowSelection:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},rowKey:{default:"key"},tableLayout:{},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},card:{type:Boolean,default:!1},params:{},searchFormRender:{},request:{},onLoad:{},defaultData:{},onLoadingChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},manual:{type:Boolean,default:!1},size:{default:"middle"},adaptive:{type:Boolean,default:!1}},setup(w,{expose:R}){const o=w,h=e.useSlots(),[,B]=M.useToken(),{t:T}=$.useLocale(),{e:p,b:s}=G.useNamespace("ap-table"),P=U.useGlobalConfig("uiMode","aplus"),{height:k,contentRef:v}=K.default(),f=e.computed(()=>{var r;let t=((r=o.columns)==null?void 0:r.filter(a=>!a.hideInTable))||[];return t=t.map(a=>({...u.apColumnToColumn(a),customRender({value:n,...l}){let d;if(a.customRender)d=a.customRender({value:n,...l,column:a});else{const F=u.getTableRenderType(a),D=c.apTableRenderItemMap[F],j=u.getTableRenderProps(a,{value:n,...l});d=e.createVNode(D,e.mergeProps(j,{mode:"read"}),null)}return L(a,n,d)}})),t}),b=e.computed(()=>{var t,r,a;return((a=(r=(t=o.columns)==null?void 0:t.filter(n=>!n.hideInSearch&&n.dataIndex&&(n.valueType||n.customRenderFormItem)&&!c.noRenderAsFormItemValueList.includes(n.valueType)))==null?void 0:r.sort((n,l)=>{let d=u.getColumnOrder(n.order);return u.getColumnOrder(l.order)-d}))==null?void 0:a.map(n=>{const l=u.updateFormProps(n,u.getFieldProps(n.fieldProps));return{...n,fieldProps:{label:n.title,name:n.dataIndex,...l||{},placeholder:u.getPlaceholder(T,n.valueType,l==null?void 0:l.placeholder)}}}))||[]}),I=e.computed(()=>e.unref(f).filter(t=>t.sorter===!0).map(t=>t.dataIndex)),q=e.computed(()=>e.unref(f).filter(t=>t.filters&&!t.onFilter).map(t=>t.dataIndex)),{formRef:m,submit:C,reset:S,tableProps:i,handleTableChange:V,data:g}=A.useTablePaging({async request(t){var a,n;const r=await((a=o.request)==null?void 0:a.call(o,t));return(n=o.onLoad)==null||n.call(o,(r==null?void 0:r.data)||[]),{data:(r==null?void 0:r.data)||[],total:(r==null?void 0:r.total)||0}},filterFields:e.unref(q),sortFields:e.unref(I),defaultParams:o.params,defaultData:o.defaultData,manual:o.manual,defaultCurrent:o.pagination?o.pagination.defaultCurrent:void 0,defaultPageSize:o.pagination?o.pagination.defaultPageSize:void 0,formatParams:o.beforeSearchSubmit}),E=e.computed(()=>o.scroll?o.scroll:o.adaptive&&g.value.total>0?{y:e.unref(k)}:{x:!0}),N=e.computed(()=>({...o,...e.unref(i),loading:x.isUndefined(o.loading)?e.unref(i).loading:o.loading,pagination:o.pagination===!1?!1:e.unref(i).pagination,scroll:e.unref(E)})),z=e.computed(()=>[s(),o.card?null:s("wrapper"),o.adaptive?s("adaptive"):null].filter(Boolean));function L(t,r,a){return c.noRenderAsFormItemValueList.includes(t.valueType)?a:t.copyable||t.ellipsis?e.createVNode(y.Typography.Text,{copyable:t.copyable?{text:r,tooltip:!1}:!1,ellipsis:t.ellipsis?{tooltip:r}:!1,content:a},null):a}e.watch(()=>e.unref(g).loading,t=>{var r;(r=o.onLoadingChange)==null||r.call(o,t)});function O(t){var r,a,n;(n=(a=(r=m.value)==null?void 0:r.apForm)==null?void 0:a.setFieldsValue)==null||n.call(a,t)}function _(){var t,r,a;return(a=(r=(t=m.value)==null?void 0:t.apForm)==null?void 0:r.getFieldsValue)==null?void 0:a.call(r,!0)}return R({submit:()=>C(),reset:()=>S(),setSearchFormValues:O,getSearchFormValues:_,dataSource:e.computed(()=>e.unref(g).records)}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(z.value)},[t.searchForm!==!1&&b.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(t.card?e.unref(p)("search-wrapper"):null),style:e.normalizeStyle(t.searchFormWrapperStyle)},[e.createVNode(e.unref(W.ApForm).SearchForm,e.mergeProps(t.searchForm||{},{ref_key:"formRef",ref:m,"custom-reset":"",onSubmit:e.unref(C),onReset:e.unref(S),"submit-loading":e.unref(i).loading}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,a=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.customRenderFormItem?a.customRenderFormItem(a):e.unref(c.apTableFormItemMap)[a.valueType||"text"]),e.mergeProps({key:a.dataIndex,ref_for:!0},a.fieldProps||{},{span:a.span}),null,16,["span"]))),128))]),_:2},[h.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["onSubmit","onReset","submit-loading"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"contentRef",ref:v,class:e.normalizeClass([e.unref(p)("table-wrapper"),t.card?e.unref(p)("table-wrapper-card"):null]),style:e.normalizeStyle(t.tableWrapperStyle)},[e.renderSlot(t.$slots,"title"),e.createVNode(e.unref(y.Table),e.mergeProps({class:e.unref(P)==="admin"?e.unref(s)("table-admin"):e.unref(s)("table")},N.value,{onChange:e.unref(V),columns:f.value}),e.createSlots({headerCell:e.withCtx(({column:a,title:n})=>[a.tooltip?(e.openBlock(),e.createElementBlock("span",Q,[e.createElementVNode("span",null,e.toDisplayString(n),1),e.createVNode(e.unref(y.Tooltip),{title:a.tooltip,placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(H.QuestionCircleOutlined),{style:e.normalizeStyle({paddingLeft:"4px",color:e.unref(B).colorPrimary})},null,8,["style"])]),_:2},1032,["title"])])):e.createCommentVNode("",!0)]),_:2},[e.renderList(e.unref(x.omit)(h,["title","searchFormExtra"]),(a,n)=>({name:n,fn:e.withCtx(l=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(l||{})))])}))]),1040,["class","onChange","columns"])],6)],2))}});exports.default=J;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h=require("ant-design-vue"),M=require("ant-design-vue/es/theme/internal"),W=require("../ap-form/index.js"),i=require("./constants.js");require("../config-provider/index.js");const A=require("./hooks/use-table-paging.js"),w=require("lodash-unified");require("./style/ap-table.css");const H=require("@ant-design/icons-vue"),u=require("./utils.js"),K=require("./hooks/use-table-content-height.js"),$=require("../config-provider/hooks/use-locale.js"),G=require("../config-provider/hooks/use-namespace.js"),U=require("../config-provider/hooks/use-global-config.js"),Q={key:0},J=e.defineComponent({name:"ApTable",__name:"ap-table",props:{dropdownPrefixCls:{},loading:{type:[Boolean,Object],default:void 0},bordered:{type:Boolean,default:!1},locale:{},onChange:{},onResizeColumn:{},rowSelection:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},rowKey:{default:"key"},tableLayout:{},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},card:{type:Boolean,default:!1},params:{},searchFormRender:{},request:{},onLoad:{},defaultData:{},onLoadingChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},manual:{type:Boolean,default:!1},size:{default:"middle"},adaptive:{type:Boolean,default:!1}},setup(R,{expose:B}){const o=R,b=e.useSlots(),[,T]=M.useToken(),{t:P}=$.useLocale(),{e:c,b:s}=G.useNamespace("ap-table"),k=U.useGlobalConfig("uiMode","aplus"),{height:v,contentRef:I}=K.default(),p=e.computed(()=>{var r;let a=((r=o.columns)==null?void 0:r.filter(t=>!t.hideInTable))||[];return a=a.map(t=>({...u.apColumnToColumn(t),customRender({value:n,...l}){const g=u.getTableRenderType(t),x=i.apTableRenderItemMap[g],j=u.getTableRenderProps(t,{value:n,...l});let y=O(t,n,e.createVNode(x,e.mergeProps(j,{mode:"read"}),null));return t.customRender&&(y=t.customRender({value:n,...l,column:t,originalNode:y})),y}})),a}),C=e.computed(()=>{var a,r,t;return((t=(r=(a=o.columns)==null?void 0:a.filter(n=>!n.hideInSearch&&n.dataIndex&&(n.valueType||n.customRenderFormItem)&&!i.noRenderAsFormItemValueList.includes(n.valueType)))==null?void 0:r.sort((n,l)=>{let g=u.getColumnOrder(n.order);return u.getColumnOrder(l.order)-g}))==null?void 0:t.map(n=>{const l=u.updateFormProps(n,u.getFieldProps(n.fieldProps,{}));return{...n,fieldProps:{label:n.title,name:n.dataIndex,...l||{},placeholder:u.getPlaceholder(P,n.valueType,l==null?void 0:l.placeholder)}}}))||[]}),q=e.computed(()=>e.unref(p).filter(a=>a.sorter===!0).map(a=>a.dataIndex)),V=e.computed(()=>e.unref(p).filter(a=>a.filters&&!a.onFilter).map(a=>a.dataIndex)),{formRef:f,submit:S,reset:F,tableProps:d,handleTableChange:N,data:m}=A.useTablePaging({async request(a){var t,n;const r=await((t=o.request)==null?void 0:t.call(o,a));return(n=o.onLoad)==null||n.call(o,(r==null?void 0:r.data)||[]),{data:(r==null?void 0:r.data)||[],total:(r==null?void 0:r.total)||0}},filterFields:e.unref(V),sortFields:e.unref(q),defaultParams:o.params,defaultData:o.defaultData,manual:o.manual,defaultCurrent:o.pagination?o.pagination.defaultCurrent:void 0,defaultPageSize:o.pagination?o.pagination.defaultPageSize:void 0,formatParams:o.beforeSearchSubmit}),E=e.computed(()=>o.scroll?o.scroll:o.adaptive&&m.value.total>0?{y:e.unref(v),x:"100%"}:{x:!0}),z=e.computed(()=>({...o,...e.unref(d),loading:w.isUndefined(o.loading)?e.unref(d).loading:o.loading,pagination:o.pagination===!1?!1:e.unref(d).pagination,scroll:e.unref(E)})),L=e.computed(()=>[s(),o.card?null:s("wrapper"),o.adaptive?s("adaptive"):null].filter(Boolean));function O(a,r,t){return i.noRenderAsFormItemValueList.includes(a.valueType)?t:a.copyable||a.ellipsis?e.createVNode(h.Typography.Text,{copyable:a.copyable?{text:r,tooltip:!1}:!1,ellipsis:a.ellipsis?{tooltip:r}:!1,content:t},null):t}e.watch(()=>e.unref(m).loading,a=>{var r;(r=o.onLoadingChange)==null||r.call(o,a)});function _(a){var r,t,n;(n=(t=(r=f.value)==null?void 0:r.apForm)==null?void 0:t.setFieldsValue)==null||n.call(t,a)}function D(){var a,r,t;return(t=(r=(a=f.value)==null?void 0:a.apForm)==null?void 0:r.getFieldsValue)==null?void 0:t.call(r,!0)}return B({submit:()=>S(),reset:()=>F(),setSearchFormValues:_,getSearchFormValues:D,dataSource:e.computed(()=>e.unref(m).records)}),(a,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(L.value)},[a.searchForm!==!1&&C.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(a.card?e.unref(c)("search-wrapper"):null),style:e.normalizeStyle(a.searchFormWrapperStyle)},[e.createVNode(e.unref(W.ApForm).SearchForm,e.mergeProps(a.searchForm||{},{ref_key:"formRef",ref:f,"custom-reset":"",onSubmit:e.unref(S),onReset:e.unref(F),"submit-loading":e.unref(d).loading}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.value,t=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.customRenderFormItem?t.customRenderFormItem(t):e.unref(i.apTableFormItemMap)[t.valueType||"text"]),e.mergeProps({key:t.dataIndex,ref_for:!0},t.fieldProps||{},{span:t.span}),null,16,["span"]))),128))]),_:2},[b.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["onSubmit","onReset","submit-loading"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"contentRef",ref:I,class:e.normalizeClass([e.unref(c)("table-wrapper"),a.card?e.unref(c)("table-wrapper-card"):null]),style:e.normalizeStyle(a.tableWrapperStyle)},[e.renderSlot(a.$slots,"title"),e.createVNode(e.unref(h.Table),e.mergeProps({class:e.unref(k)==="admin"?e.unref(s)("table-admin"):e.unref(s)("table")},z.value,{onChange:e.unref(N),columns:p.value}),e.createSlots({headerCell:e.withCtx(({column:t,title:n})=>[t.tooltip?(e.openBlock(),e.createElementBlock("span",Q,[e.createElementVNode("span",null,e.toDisplayString(n),1),e.createVNode(e.unref(h.Tooltip),{title:t.tooltip,placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(H.QuestionCircleOutlined),{style:e.normalizeStyle({paddingLeft:"4px",color:e.unref(T).colorPrimary})},null,8,["style"])]),_:2},1032,["title"])])):e.createCommentVNode("",!0)]),_:2},[e.renderList(e.unref(w.omit)(b,["title","searchFormExtra"]),(t,n)=>({name:n,fn:e.withCtx(l=>[e.renderSlot(a.$slots,n,e.normalizeProps(e.guardReactiveProps(l||{})))])}))]),1040,["class","onChange","columns"])],6)],2))}});exports.default=J;

package/lib/src/ap-table/constants.d.ts

@@ -7913,6 +7913,9 @@ export declare const apTableRenderItemMap: {
                 type: PropType<string>;
                 default: string;
             };
+            timezone: {
+                type: PropType<"LA" | "NY" | "SH">;
+            };
         }>> & {
             "onUpdate:value"?: ((...args: any[]) => any) | undefined;
         }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -8115,6 +8118,9 @@ export declare const apTableRenderItemMap: {
                 type: PropType<string>;
                 default: string;
             };
+            timezone: {
+                type: PropType<"LA" | "NY" | "SH">;
+            };
         }>> & {
             "onUpdate:value"?: ((...args: any[]) => any) | undefined;
         }, {
@@ -8349,6 +8355,9 @@ export declare const apTableRenderItemMap: {
                 type: PropType<string>;
                 default: string;
             };
+            timezone: {
+                type: PropType<"LA" | "NY" | "SH">;
+            };
         }>> & {
             "onUpdate:value"?: ((...args: any[]) => any) | undefined;
         }, {}, {}, {}, {}, {
@@ -8580,6 +8589,9 @@ export declare const apTableRenderItemMap: {
             type: PropType<string>;
             default: string;
         };
+        timezone: {
+            type: PropType<"LA" | "NY" | "SH">;
+        };
     }>> & {
         "onUpdate:value"?: ((...args: any[]) => any) | undefined;
     }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -8845,6 +8857,9 @@ export declare const apTableRenderItemMap: {
                 type: PropType<string>;
                 default: string;
             };
+            timezone: {
+                type: PropType<"LA" | "NY" | "SH">;
+            };
         }>> & {
             "onUpdate:value"?: ((...args: any[]) => any) | undefined;
         }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -9055,6 +9070,9 @@ export declare const apTableRenderItemMap: {
                 type: PropType<string>;
                 default: string;
             };
+            timezone: {
+                type: PropType<"LA" | "NY" | "SH">;
+            };
         }>> & {
             "onUpdate:value"?: ((...args: any[]) => any) | undefined;
         }, {
@@ -9302,6 +9320,9 @@ export declare const apTableRenderItemMap: {
                 type: PropType<string>;
                 default: string;
             };
+            timezone: {
+                type: PropType<"LA" | "NY" | "SH">;
+            };
         }>> & {
             "onUpdate:value"?: ((...args: any[]) => any) | undefined;
         }, {}, {}, {}, {}, {
@@ -9546,6 +9567,9 @@ export declare const apTableRenderItemMap: {
             type: PropType<string>;
             default: string;
         };
+        timezone: {
+            type: PropType<"LA" | "NY" | "SH">;
+        };
     }>> & {
         "onUpdate:value"?: ((...args: any[]) => any) | undefined;
     }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {

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

@@ -3,7 +3,7 @@ import { CompareFn, SortOrder } from 'ant-design-vue/es/table/interface';
 import { ApFormSearchFormProps } from '../ap-form';
 import { ApFormItemCheckboxProps, ApFormItemDateProps, ApFormItemDateRangeProps, ApFormItemNumberProps, ApFormItemRadioProps, ApFormItemSelectProps, ApFormItemSwitchProps, ApFormItemTextAreaProps, ApFormItemTextPasswordProps, ApFormItemTextProps } from '../ap-form/items/interface';
 import { Recordable } from '../type';
-import { ComputedRef, CSSProperties } from 'vue';
+import { ComputedRef, CSSProperties, VNode } from 'vue';
 import { ApActionGroupProps } from '../ap-action';
 import { ApTableIndexProps } from './components/interface';
 
@@ -56,7 +56,7 @@ export type ApTableValueFields = {
 };
 export type ApTableValueTypes = keyof ApTableValueFields;
 export type ValueEnum = Record<string, ValueEnumType>;
-export type ExtraProColumnType<T> = Omit<ColumnType<T>, 'children' | 'filters'> & {
+export type ExtraProColumnType<T> = Omit<ColumnType<T>, 'children' | 'filters' | 'customRender'> & {
     sorter?: string | boolean | CompareFn<T> | {
         compare?: CompareFn<T>;
         /** Config multiple sorter order priority */
@@ -100,14 +100,14 @@ export type ApColumnType<RecordType = any, ValueType extends ApTableValueTypes =
     /**
      * 值类型额外配置的参数（用于查询表单渲染）
      */
-    fieldProps?: ApTableValueFields[ValueType] | ((opt?: {
+    fieldProps?: ApTableValueFields[ValueType] | ((opt: Partial<{
         value: any;
         text: any;
         record: RecordType;
         index: number;
         renderIndex: number;
         column: ApColumnType<RecordType, ValueType>;
-    }) => ApTableValueFields[ValueType]);
+    }>) => ApTableValueFields[ValueType]);
     /**
      * 用于表单项排序的字段
      * @description 值越大，越排在前面，请设置正整数，设置为0或负数将会无效
@@ -117,6 +117,20 @@ export type ApColumnType<RecordType = any, ValueType extends ApTableValueTypes =
      * 表头的菜单筛选项，设置为true后会尝试使用valueEnum生成filters
      */
     filters?: ColumnType<RecordType>['filters'] | true;
+    /**
+     * 自定义渲染，添加了`editable`以及`originalNode`
+     * @param opt
+     * @returns
+     */
+    customRender?: (opt: {
+        value: any;
+        text: any;
+        record: RecordType;
+        index: number;
+        renderIndex: number;
+        column: ApColumnType<RecordType>;
+        originalNode?: VNode;
+    }) => any;
 } : never;
 export type RequestData<T> = {
     data: T[] | undefined;