@aplus-frontend/ui 0.0.20 → 0.0.22

package/es/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/es/src/editable-table/hooks/use-get-columns.mjs

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

package/es/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/es/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/es/src/index.d.ts

@@ -28,6 +28,7 @@ export * from './ap-upload';
 export * from './ap-download';
 export * from './check-card';
 export * from './ap-modal';
+export * from './ap-list';
 export * from './business';
 export * from './ap-table';
 export * from './editable-table';