@aplus-frontend/ui 0.0.20 → 0.0.21

package/lib/src/editable-table/hooks/use-get-columns.d.ts

@@ -1,28 +1,6 @@
+import { ComputedRef } from 'vue';
 import { EditableTableFormItemProps, EditableTableProps } from '../interface';
-import { ComputedRef, VNode, RendererNode, RendererElement } from 'vue';
-import { TableColumnType } from 'ant-design-vue';
-import { ValueEnum } from '../..';
+import { ColumnType } from 'ant-design-vue/es/table';
 
-declare const useGetColumns: (props: EditableTableProps | EditableTableFormItemProps) => ComputedRef<(Omit< TableColumnType<any>, "children" | "customRender"> & {
-    children?: (Omit< TableColumnType<any>, "children" | "customRender"> & any) | undefined;
-    tooltip?: string | undefined;
-    copyable?: boolean | undefined;
-    editable?: boolean | ((text: any, record: any, index: number) => boolean) | undefined;
-    valueEnum?: ValueEnum | undefined;
-    customRenderFormItem?: ((config: Omit< TableColumnType<any>, "children" | "customRender"> & any) => any) | undefined;
-    valueType?: any;
-    fieldProps?: any;
-    customRender?: ((opt: {
-        value: any;
-        text: any;
-        record: any;
-        index: number;
-        renderIndex: number;
-        column: TableColumnType<any>;
-        editable?: boolean | undefined;
-        originalNode?: VNode<RendererNode, RendererElement, {
-            [key: string]: any;
-        }> | undefined;
-    }) => any) | undefined;
-})[]>;
+declare const useGetColumns: (props: EditableTableProps | EditableTableFormItemProps) => ComputedRef<ColumnType<any>[]>;
 export default useGetColumns;

package/lib/src/editable-table/hooks/use-get-columns.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("vue"),h=require("lodash-unified"),q=require("../utils.js"),r=require("../../ap-table/utils.js");require("../../config-provider/index.js");const f=require("../../ap-table/constants.js"),C=require("ant-design-vue"),F=require("../../config-provider/hooks/use-locale.js"),R=a=>{const{t:g}=F.useLocale(),p=u.computed(()=>{let n=a.columns;return n?(n=n.map(e=>({...e,customRender({value:o,...t}){const s=h.isFunction(e.editable)?e.editable(t.text,t.record,t.index):!!e.editable;let d;if(s){const c=q.getEditableComponent(e.valueType),l=r.updateFormProps(e,r.getFieldProps(e.fieldProps,{value:o,...t})),i={};a.onFieldChange&&(i[`onUpdate:${l.valuePropName||"value"}`]=T=>{var b;return(b=a.onFieldChange)==null?void 0:b.call(a,t.index,e.dataIndex,T)});const x={name:[a.name,t.index,e.dataIndex],...l||{},placeholder:r.getPlaceholder(g,e.valueType,l==null?void 0:l.placeholder),field:{style:"width: 100%",...(l==null?void 0:l.field)||{},...i}};d=u.createVNode(c,x,null)}else{const c=f.apTableRenderItemMap[e.valueType],l=r.getTableRenderProps(e,{value:o,...t});d=y(e,o,u.createVNode(c,u.mergeProps(l,{mode:"read"}),null))}return e.customRender?e.customRender({value:o,...t,column:e,editable:s,originalNode:d}):d}})),n):[]});function y(n,e,o){return f.noRenderAsFormItemValueList.includes(n.valueType)?o:n.copyable||n.ellipsis?u.createVNode(C.Typography.Text,{copyable:n.copyable?{text:e,tooltip:!1}:!1,ellipsis:n.ellipsis?{tooltip:e}:!1,content:o},null):o}return p};exports.default=R;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),c=require("lodash-unified"),C=require("../utils.js"),u=require("../../ap-table/utils.js");require("../../config-provider/index.js");const b=require("../../ap-table/constants.js"),T=require("ant-design-vue"),F=require("../../config-provider/hooks/use-locale.js"),R=a=>{const{t:f}=F.useLocale(),y=r.computed(()=>{let l=a.columns;return l?(l=l.map(e=>({...c.omit(e,["ellipsis"]),customRender({value:o,...t}){const i=c.isFunction(e.editable)?e.editable(t.text,t.record,t.index):!!e.editable;let d;if(i){const s=C.getEditableComponent(e.valueType),n=u.updateFormProps(e,u.getFieldProps(e.fieldProps,{value:o,...t})),p={};a.onFieldChange&&(p[`onUpdate:${n.valuePropName||"value"}`]=x=>{var g;return(g=a.onFieldChange)==null?void 0:g.call(a,t.index,e.dataIndex,x)});const q={name:[a.name,t.index,e.dataIndex],...n||{},placeholder:u.getPlaceholder(f,e.valueType,n==null?void 0:n.placeholder),field:{style:"width: 100%",...(n==null?void 0:n.field)||{},...p}};d=r.createVNode(s,q,null)}else{const s=b.apTableRenderItemMap[e.valueType],n=u.getTableRenderProps(e,{value:o,...t});d=h(e,o,r.createVNode(s,r.mergeProps(n,{mode:"read"}),null))}return e.customRender?e.customRender({value:o,...t,editable:i,originalNode:d}):d}})),l):[]});function h(l,e,o){return b.noRenderAsFormItemValueList.includes(l.valueType)?o:l.copyable||l.ellipsis?r.createVNode(T.Typography.Paragraph,{copyable:l.copyable?{text:e,tooltip:!1}:!1,ellipsis:l.ellipsis?c.isBoolean(l.ellipsis)?{tooltip:e}:{...l.ellipsis,tooltip:e}:!1,content:l.ellipsis?e:o},null):o}return y};exports.default=R;

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

@@ -4,8 +4,9 @@ import { NamePath, ValidateOptions } from 'ant-design-vue/es/form/interface';
 import { DataIndex } from 'ant-design-vue/es/vc-table/interface';
 import { FormItemProps } from 'ant-design-vue';
 import { VNode } from 'vue';
+import { EllipsisConfig } from 'ant-design-vue/es/typography/Base';
 
-export type EditableColumnType<RecordType = any, ValueType extends ApTableValueTypes = ApTableValueTypes> = ValueType extends ApTableValueTypes ? Omit<ColumnType<RecordType>, 'children' | 'customRender'> & {
+export type EditableColumnType<RecordType = any, ValueType extends ApTableValueTypes = ApTableValueTypes> = ValueType extends ApTableValueTypes ? Omit<ColumnType<RecordType>, 'children' | 'customRender' | 'ellipsis'> & {
     children?: EditableColumnType<RecordType, ValueType>;
     /**
      * 在title之后展示一个icon并触发tooltip
@@ -15,6 +16,10 @@ export type EditableColumnType<RecordType = any, ValueType extends ApTableValueT
      * 是否可以复制（不可编辑模式下可用）
      */
     copyable?: boolean;
+    /**
+     * 是否省略自动溢出，自动溢出省略，为对象时可设置省略行数、是否可展开、添加后缀等
+     */
+    ellipsis?: boolean | EllipsisConfig;
     /**
      * 是否可编辑
      */

package/lib/src/editable-table/style/index.css

@@ -43,3 +43,6 @@
 .aplus-editable-table .ant-table-small .ant-table-cell {
   padding: 9px 16px !important;
 }
+.aplus-editable-table .ant-table-cell .ant-typography {
+  margin-bottom: 0;
+}

package/lib/src/theme/ap-list/index.css

@@ -0,0 +1,6 @@
+.aplus-ap-list {
+  padding: 16px 24px;
+}
+.aplus-ap-list__footer {
+  margin-top: 16px;
+}

package/lib/src/theme/ap-table/ap-table.css

@@ -85,3 +85,22 @@
 .aplus-ap-table .ant-table-small .ant-table-placeholder .ant-table-cell {
   padding: 0 !important;
 }
+.aplus-ap-table .ant-table-column-sorters {
+  justify-content: unset;
+}
+.aplus-ap-table .ant-table-column-sorters .ant-table-column-title {
+  flex: unset;
+}
+.aplus-ap-table .ant-table-filter-column {
+  justify-content: unset;
+}
+.aplus-ap-table .ant-table-filter-column .ant-table-column-title {
+  flex: unset;
+}
+.aplus-ap-table .ant-table-filter-column .ant-table-filter-trigger {
+  margin-left: 2px;
+  padding-left: 2px;
+}
+.aplus-ap-table .ant-table-cell .ant-typography {
+  margin-bottom: 0;
+}

package/lib/src/theme/editable-table/index.css

@@ -43,3 +43,6 @@
 .aplus-editable-table .ant-table-small .ant-table-cell {
   padding: 9px 16px !important;
 }
+.aplus-editable-table .ant-table-cell .ant-typography {
+  margin-bottom: 0;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "0.0.20",
+  "version": "0.0.21",
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "files": [