@antdv-vue/pro-listy 0.0.0-stage → 2.0.3

package/CHANGELOG.md

@@ -0,0 +1,241 @@
+# @antdv-vue/pro-listy
+
+## 2.0.3
+
+### Patch Changes
+
+- Updated dependencies [ef5cfb6]
+  - @antdv-vue/pro-utils@2.1.1
+  - @antdv-vue/pro-card@3.0.2
+  - @antdv-vue/pro-table@2.0.3
+
+## 2.0.2
+
+### Patch Changes
+
+- 244f208: fix: register the ListView locale prop.
+- Updated dependencies [244f208]
+  - @antdv-vue/pro-utils@2.1.0
+  - @antdv-vue/pro-card@3.0.1
+  - @antdv-vue/pro-table@2.0.2
+
+## 2.0.1
+
+### Patch Changes
+
+- Fix pagination size mapping.
+- Updated dependencies
+  - @antdv-vue/pro-table@2.0.1
+
+## 2.0.0
+
+### Major Changes
+
+- feat!: remove the UMD bundle target from package builds.
+- docs: sync structured changelog pages for every package.
+
+### Patch Changes
+
+- Updated dependencies
+  - @antdv-vue/pro-card@3.0.0
+  - @antdv-vue/pro-provider@2.0.0
+  - @antdv-vue/pro-table@2.0.0
+  - @antdv-vue/pro-utils@2.0.0
+
+## 1.0.26
+
+### Patch Changes
+
+- Updated dependencies
+  - @antdv-vue/pro-card@2.0.23
+  - @antdv-vue/pro-table@1.0.36
+
+## 1.0.25
+
+### Patch Changes
+
+- fix card, form bugs
+- Updated dependencies
+  - @antdv-vue/pro-utils@1.0.23
+  - @antdv-vue/pro-card@2.0.22
+  - @antdv-vue/pro-table@1.0.35
+
+## 1.0.24
+
+### Patch Changes
+
+- Updated dependencies
+  - @antdv-vue/pro-table@1.0.34
+
+## 1.0.23
+
+### Patch Changes
+
+- fix bugs
+- Updated dependencies
+  - @antdv-vue/pro-table@1.0.33
+  - @antdv-vue/pro-card@2.0.21
+
+## 1.0.22
+
+### Patch Changes
+
+- @antdv-vue/pro-table@1.0.32
+
+## 1.0.21
+
+### Patch Changes
+
+- Updated dependencies
+  - @antdv-vue/pro-provider@1.0.14
+  - @antdv-vue/pro-card@2.0.20
+  - @antdv-vue/pro-table@1.0.31
+  - @antdv-vue/pro-utils@1.0.22
+
+## 1.0.20
+
+### Patch Changes
+
+- fix layout filed form card bugs
+- Updated dependencies
+  - @antdv-vue/pro-card@2.0.19
+  - @antdv-vue/pro-provider@1.0.13
+  - @antdv-vue/pro-table@1.0.30
+  - @antdv-vue/pro-utils@1.0.21
+
+## 1.0.19
+
+### Patch Changes
+
+- Updated dependencies
+  - @antdv-vue/pro-provider@1.0.12
+  - @antdv-vue/pro-card@2.0.18
+  - @antdv-vue/pro-table@1.0.29
+  - @antdv-vue/pro-utils@1.0.20
+
+## 1.0.18
+
+### Patch Changes
+
+- Updated dependencies
+  - @antdv-vue/pro-provider@1.0.11
+  - @antdv-vue/pro-card@2.0.17
+  - @antdv-vue/pro-table@1.0.28
+  - @antdv-vue/pro-utils@1.0.19
+
+## 1.0.17
+
+### Patch Changes
+
+- fix listy style build and raw list behavior
+- Updated dependencies
+  - @antdv-vue/pro-card@2.0.16
+  - @antdv-vue/pro-provider@1.0.10
+  - @antdv-vue/pro-table@1.0.27
+  - @antdv-vue/pro-utils@1.0.18
+
+## 1.0.15
+
+### Patch Changes
+
+- fix bugs
+- Updated dependencies
+  - @antdv-vue/pro-card@2.0.14
+  - @antdv-vue/pro-table@1.0.25
+  - @antdv-vue/pro-utils@1.0.16
+
+## 1.0.15
+
+### Patch Changes
+
+- fix css-in-js style Transition bugs
+- Updated dependencies
+  - @antdv-vue/pro-table@1.0.25
+  - @antdv-vue/pro-utils@1.0.16
+  - @antdv-vue/pro-card@2.0.14
+
+## 1.0.14
+
+### Patch Changes
+
+- @antdv-vue/pro-table@1.0.24
+
+## 1.0.13
+
+### Patch Changes
+
+- @antdv-vue/pro-table@1.0.23
+
+## 1.0.12
+
+### Patch Changes
+
+- @antdv-vue/pro-table@1.0.22
+
+## 1.0.11
+
+### Patch Changes
+
+- fix bugs
+- Updated dependencies
+  - @antdv-vue/pro-card@2.0.13
+  - @antdv-vue/pro-provider@1.0.9
+  - @antdv-vue/pro-table@1.0.21
+  - @antdv-vue/pro-utils@1.0.15
+
+## 1.0.10
+
+### Patch Changes
+
+- fix card listy form some bugs
+- Updated dependencies
+  - @antdv-vue/pro-card@2.0.12
+  - @antdv-vue/pro-table@1.0.20
+
+## 1.0.9
+
+### Patch Changes
+
+- expose listy methods
+- Updated dependencies
+  - @antdv-vue/pro-table@1.0.19
+
+## 1.0.8
+
+### Patch Changes
+
+- create listy card mode
+- Updated dependencies
+  - @antdv-vue/pro-provider@1.0.8
+  - @antdv-vue/pro-utils@1.0.14
+  - @antdv-vue/pro-card@2.0.11
+  - @antdv-vue/pro-table@1.0.18
+
+## 1.0.7
+
+### Patch Changes
+
+- Updated dependencies
+  - @antdv-vue/pro-card@2.0.10
+  - @antdv-vue/pro-provider@1.0.7
+  - @antdv-vue/pro-utils@1.0.13
+  - @antdv-vue/pro-table@1.0.17
+
+## 1.0.6
+
+### Patch Changes
+
+- fix layout bugs and listy
+- Updated dependencies
+  - @antdv-vue/pro-provider@1.0.6
+  - @antdv-vue/pro-card@2.0.9
+  - @antdv-vue/pro-table@1.0.16
+  - @antdv-vue/pro-utils@1.0.12
+
+## 1.0.5
+
+### Patch Changes
+
+- fix ProForm bugs
+- Updated dependencies
+  - @antdv-vue/pro-provider@1.0.5

package/README.md

@@ -1,3 +1,48 @@
-# Temporary Holding Version
+# @antdv-vue/pro-listy
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Advanced list component for Pro Components, providing flexible list rendering with item and meta support.
+
+## Installation
+
+```bash
+npm install @antdv-vue/pro-listy
+# or
+pnpm add @antdv-vue/pro-listy
+```
+
+## Peer Dependencies
+
+- `vue` >= 3.5.30
+- `antdv-next` >= 1.3.6
+
+## Components
+
+| Component | Description |
+|-----------|-------------|
+| `ProListy` | Main list component with advanced features |
+| `ProListyItem` | Individual list item component |
+| `ProListyItemMeta` | Item meta information (title, description, avatar, etc.) |
+
+## Usage
+
+```vue
+<script setup lang="ts">
+import { ProListy, ProListyItem, ProListyItemMeta } from '@antdv-vue/pro-listy'
+</script>
+
+<template>
+  <ProListy>
+    <ProListyItem>
+      <ProListyItemMeta title="Item Title" description="Item description" />
+    </ProListyItem>
+  </ProListy>
+</template>
+```
+
+## Dependencies
+
+- `@antdv-vue/pro-provider` — Theme and configuration context
+
+## License
+
+[MIT](../../LICENSE)

package/dist/BaseListy.d.ts

@@ -0,0 +1,12 @@
+import { ProListyProps } from "./typing.js";
+import { ComponentOptionsMixin, CreateComponentPublicInstanceWithMixins } from "vue";
+import { CustomSlotsType, VueNode } from "@v-c/util/dist/type";
+
+//#region src/BaseListy.d.ts
+/** BaseProListy 默认隐藏卡片、搜索和工具栏 */
+declare const _BaseProListy: new <RecordType extends Record<string, any>, U extends Record<string, any> = Record<string, any>>(props: ProListyProps<RecordType, U>) => CreateComponentPublicInstanceWithMixins<ProListyProps<RecordType, U>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, {}, {}, false, {}, CustomSlotsType<{
+  itemRender?: ProListyProps<RecordType, U>["itemRender"];
+  default?: () => VueNode;
+}>>;
+//#endregion
+export { _BaseProListy as default };

package/dist/BaseListy.js

@@ -0,0 +1,151 @@
+import InternalProListy from "./InternalProListy.js";
+import { useProListyInstanceExpose } from "./utils/index.js";
+import { createVNode, defineComponent, mergeProps, shallowRef } from "vue";
+import { ProConfigProvider } from "@antdv-vue/pro-provider";
+import { transformBooleanProps } from "@antdv-vue/pro-utils";
+//#region src/BaseListy.tsx
+/** BaseProListy 默认隐藏卡片、搜索和工具栏 */
+const _BaseProListy = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose }) => {
+	const listyRef = shallowRef(null);
+	expose(useProListyInstanceExpose(listyRef));
+	return () => {
+		const booleanProps = transformBooleanProps([
+			"manualRequest",
+			"showSorterTooltip",
+			"showHeader",
+			"rowHoverable",
+			"revalidateOnFocus",
+			"loading",
+			"virtual",
+			"sticky",
+			"tailor",
+			"bordered",
+			"cardBordered",
+			"ghost"
+		], props);
+		return createVNode(ProConfigProvider, { "needDeps": true }, { default: () => [createVNode(InternalProListy, mergeProps({ "ref": listyRef }, attrs, {
+			"class": attrs.class,
+			"style": attrs.style,
+			"cardProps": false,
+			"search": false,
+			"toolBarRender": false
+		}, props, booleanProps), slots)] });
+	};
+}, {
+	name: "BaseProListy",
+	inheritAttrs: false,
+	props: [
+		"grid",
+		"itemLayout",
+		"variant",
+		"split",
+		"beforeSearchSubmit",
+		"bodyCell",
+		"bordered",
+		"caption",
+		"cardBordered",
+		"cardProps",
+		"childrenColumnName",
+		"classes",
+		"columnEmptyText",
+		"columns",
+		"columnsState",
+		"components",
+		"dataSource",
+		"dateFormatter",
+		"debounceTime",
+		"defaultData",
+		"defaultExpandAllRows",
+		"defaultExpandedRowKeys",
+		"defaultSize",
+		"direction",
+		"dropdownPrefixCls",
+		"editable",
+		"errorBoundaryRender",
+		"expandIcon",
+		"expandIconColumnIndex",
+		"expandRowByClick",
+		"expandable",
+		"expandedRowClassName",
+		"expandedRowKeys",
+		"expandedRowRender",
+		"form",
+		"getContainerWidth",
+		"getPopupContainer",
+		"ghost",
+		"group",
+		"headerCell",
+		"headerTitle",
+		"height",
+		"id",
+		"indentSize",
+		"itemCardProps",
+		"tooltip",
+		"itemRender",
+		"loading",
+		"locale",
+		"manualRequest",
+		"measureRowRender",
+		"name",
+		"onChange",
+		"onDataSourceChange",
+		"onExpand",
+		"onExpandedRowsChange",
+		"onHeaderRow",
+		"onLoad",
+		"onLoadingChange",
+		"onRequestError",
+		"onReset",
+		"onRow",
+		"onScroll",
+		"onSizeChange",
+		"onSubmit",
+		"options",
+		"optionsRender",
+		"pagination",
+		"params",
+		"polling",
+		"postData",
+		"prefixCls",
+		"request",
+		"revalidateOnFocus",
+		"rootClass",
+		"rowClassName",
+		"rowHoverable",
+		"rowKey",
+		"rowSelection",
+		"scroll",
+		"search",
+		"searchFormRender",
+		"showHeader",
+		"showSorterTooltip",
+		"sortDirections",
+		"sticky",
+		"styles",
+		"summary",
+		"tableAlertOptionRender",
+		"tableAlertRender",
+		"tableClass",
+		"tableExtraRender",
+		"tableLayout",
+		"tableRender",
+		"tableStyle",
+		"tableViewRender",
+		"tailor",
+		"title",
+		"toolBarRender",
+		"toolbar",
+		"type",
+		"virtual",
+		"onItem",
+		"classes",
+		"styles",
+		"loadMore"
+	]
+});
+const BaseProListy = _BaseProListy;
+BaseProListy.install = (app) => {
+	app.component(BaseProListy.name, BaseProListy);
+};
+//#endregion
+export { _BaseProListy as default };

package/dist/InternalProListy.d.ts

@@ -0,0 +1,6 @@
+import * as _$vue from "vue";
+
+//#region src/InternalProListy.d.ts
+declare const InternalProListy: _$vue.DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, _$vue.PublicProps>;
+//#endregion
+export { InternalProListy as default };

package/dist/InternalProListy.js

@@ -0,0 +1,209 @@
+import ListView from "./ListView.js";
+import style_default from "./style/index.js";
+import { computed, createVNode, defineComponent, mergeProps, shallowRef } from "vue";
+import { ProTable, useProTableInstanceExpose } from "@antdv-vue/pro-table";
+import { classNames } from "@v-c/util";
+import { useConfig } from "antdv-next/config-provider/context";
+//#region src/InternalProListy.tsx
+/** 根据 listSlot 推导默认的 valueType */
+const DEFAULT_VALUE_TYPE_MAP = {
+	avatar: "avatar",
+	actions: "option",
+	description: "textarea"
+};
+/**
+* 为带有 listSlot 的 columns 填充默认 valueType
+*/
+function enrichColumnsWithDefaults(columns) {
+	return columns.map((col) => {
+		const { listSlot } = col;
+		if (!listSlot) return col;
+		const valueType = col.valueType || DEFAULT_VALUE_TYPE_MAP[listSlot];
+		return valueType ? {
+			...col,
+			valueType
+		} : col;
+	});
+}
+const InternalProListy = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose }) => {
+	const config = useConfig();
+	const tableRef = shallowRef(null);
+	const prefixCls = computed(() => props.prefixCls || config.value.getPrefixCls("pro"));
+	const baseClassName = computed(() => `${prefixCls.value}-listy`);
+	const [hashId, cssVarCls] = style_default(baseClassName);
+	/**
+	* - 如果传入了 columns（且含有 listSlot），直接使用 columns
+	*/
+	const proTableColumns = computed(() => {
+		if (props.columns && props.columns.length > 0) return enrichColumnsWithDefaults(props.columns);
+		return [];
+	});
+	expose(useProTableInstanceExpose(tableRef));
+	return () => {
+		const { columns: propsColumns, split, variant, rowKey, tooltip, grid, itemLayout, options = false, search = false, expandable, rowSelection: propRowSelection = false, pagination: propsPagination = false, itemRender, itemCardProps, onRow, rowClassName, locale, group, height, virtual, onScroll, onChange, classes, styles, sticky, onItem, size: propsSize, loadMore, ...rest } = props;
+		return createVNode(ProTable, mergeProps({ "ref": tableRef }, rest, {
+			"tooltip": tooltip,
+			"pagination": propsPagination,
+			"type": "listy",
+			"size": propsSize === "default" ? "medium" : propsSize,
+			"rowSelection": propRowSelection,
+			"search": search,
+			"options": options,
+			"class": classNames(baseClassName.value, attrs.class, hashId.value, cssVarCls.value, {
+				[`${baseClassName.value}-no-split`]: !split,
+				[`${baseClassName.value}-${variant}`]: variant
+			}),
+			"columns": proTableColumns.value,
+			"rowKey": rowKey,
+			"tableViewRender": ({ columns, size, pagination, rowSelection, dataSource, loading }) => createVNode(ListView, {
+				"columns": columns,
+				"size": size === "medium" || size === "middle" ? "default" : size,
+				"grid": grid,
+				"itemRender": itemRender,
+				"prefixCls": baseClassName.value,
+				"class": classNames(`${baseClassName.value}-container`, hashId.value, cssVarCls.value),
+				"itemLayout": itemLayout,
+				"sticky": sticky,
+				"ghost": rest.ghost,
+				"action": { isEditable: (row) => tableRef.value?.isEditable?.(row) },
+				"virtual": virtual,
+				"height": height,
+				"onScroll": onScroll,
+				"group": group,
+				"expandable": expandable,
+				"loadMore": loadMore,
+				"rowHoverable": rest.rowHoverable,
+				"pagination": pagination,
+				"rowSelection": propRowSelection === false ? void 0 : rowSelection,
+				"dataSource": dataSource || [],
+				"split": split,
+				"locale": locale,
+				"variant": variant,
+				"onRow": onRow,
+				"itemCardProps": itemCardProps,
+				"rowClassName": rowClassName,
+				"rowKey": rowKey,
+				"onItem": onItem,
+				"loading": loading,
+				"hashId": hashId.value,
+				"cssVarCls": cssVarCls.value
+			}, null)
+		}), slots);
+	};
+}, {
+	name: "InternalProListy",
+	inheritAttrs: false,
+	props: [
+		"grid",
+		"itemLayout",
+		"onItem",
+		"onRow",
+		"variant",
+		"split",
+		"beforeSearchSubmit",
+		"bodyCell",
+		"bordered",
+		"caption",
+		"cardBordered",
+		"cardProps",
+		"childrenColumnName",
+		"classes",
+		"columnEmptyText",
+		"columns",
+		"columnsState",
+		"components",
+		"dataSource",
+		"dateFormatter",
+		"debounceTime",
+		"defaultData",
+		"defaultExpandAllRows",
+		"defaultExpandedRowKeys",
+		"defaultSize",
+		"direction",
+		"dropdownPrefixCls",
+		"editable",
+		"errorBoundaryRender",
+		"expandIcon",
+		"expandIconColumnIndex",
+		"expandRowByClick",
+		"expandable",
+		"expandedRowClassName",
+		"expandedRowKeys",
+		"expandedRowRender",
+		"form",
+		"getContainerWidth",
+		"getPopupContainer",
+		"ghost",
+		"group",
+		"headerCell",
+		"headerTitle",
+		"height",
+		"id",
+		"indentSize",
+		"itemCardProps",
+		"itemRender",
+		"loading",
+		"locale",
+		"manualRequest",
+		"measureRowRender",
+		"name",
+		"onChange",
+		"onDataSourceChange",
+		"onExpand",
+		"onExpandedRowsChange",
+		"onHeaderRow",
+		"onLoad",
+		"onLoadingChange",
+		"onRequestError",
+		"onReset",
+		"onRow",
+		"onScroll",
+		"onSizeChange",
+		"onSubmit",
+		"options",
+		"optionsRender",
+		"pagination",
+		"params",
+		"polling",
+		"postData",
+		"prefixCls",
+		"request",
+		"revalidateOnFocus",
+		"rootClass",
+		"rowClassName",
+		"rowHoverable",
+		"rowKey",
+		"rowSelection",
+		"scroll",
+		"search",
+		"searchFormRender",
+		"showHeader",
+		"showSorterTooltip",
+		"sortDirections",
+		"tooltip",
+		"sticky",
+		"styles",
+		"summary",
+		"tableAlertOptionRender",
+		"tableAlertRender",
+		"tableClass",
+		"tableExtraRender",
+		"tableLayout",
+		"tableRender",
+		"tableStyle",
+		"tableViewRender",
+		"tailor",
+		"title",
+		"toolBarRender",
+		"toolbar",
+		"type",
+		"virtual",
+		"onItem",
+		"size",
+		"classes",
+		"styles",
+		"loadMore"
+	]
+});
+//#endregion
+export { InternalProListy as default };