@silver-formily/element-plus 3.0.2 → 4.0.1

package/esm/array-list-tabs/array-list-tabs.mjs

@@ -0,0 +1,191 @@
+import { getArrayItemSchema, isAdditionComponent, isRemoveComponent } from "../array-base/utils.mjs";
+import { ArrayBase } from "../array-base/index.mjs";
+import { isTabTitleComponent, prefixCls } from "./utils.mjs";
+import "./style.css";
+import { ElBadge, ElEmpty, ElScrollbar } from "element-plus";
+import { autorunEffect, formilyComputed } from "@silver-formily/reactive-vue";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, ref, renderList, toDisplayString, unref, withCtx } from "vue";
+import { RecursionField, useField, useFieldSchema } from "@silver-formily/vue";
+import { isArr } from "@formily/shared";
+//#region src/array-list-tabs/array-list-tabs.vue
+const _hoisted_1 = [
+	"id",
+	"aria-controls",
+	"onClick"
+];
+const _hoisted_2 = ["id", "aria-labelledby"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "FArrayListTabs",
+	__name: "array-list-tabs",
+	props: {
+		tabTitleField: {
+			required: true,
+			type: String
+		},
+		showTitleFieldInTab: {
+			type: Boolean,
+			default: false
+		},
+		modelValue: {
+			type: Array,
+			default: () => []
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const fieldRef = useField();
+		const schemaRef = useFieldSchema();
+		const field = fieldRef.value;
+		const schema = schemaRef.value;
+		const activeIndex = ref(0);
+		const { getKey, keyMap } = ArrayBase.useKey(schemaRef.value);
+		const errorCountList = formilyComputed(() => {
+			if (props.showTitleFieldInTab) return field.value.map((item, index) => {
+				const path = field.path.concat(index);
+				return field.form.queryFeedbacks({
+					type: "error",
+					path: `${path}.*(!${props.tabTitleField})`
+				}).length;
+			});
+			return field.value.map((item, index) => {
+				const path = field.path.concat(index);
+				return field.form.queryFeedbacks({
+					type: "error",
+					path: `${path}.**`
+				}).length;
+			});
+		});
+		const arrayBaseKey = ref();
+		autorunEffect(() => {
+			if (props.showTitleFieldInTab) arrayBaseKey.value = field.value.map((item, index) => {
+				return [index, errorCountList.value[index]].join("|");
+			}).join(",");
+			else arrayBaseKey.value = field.value.map((item, index) => {
+				return [
+					index,
+					item?.[props.tabTitleField],
+					errorCountList.value[index]
+				].join("|");
+			}).join(",");
+		});
+		autorunEffect(() => {
+			if (field.value.length > 0 && activeIndex.value >= field.value.length) activeIndex.value = field.value.length - 1;
+		});
+		function getTabTitle(item) {
+			return `${item?.[props.tabTitleField] || "未命名条目"}`;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(prefixCls)) }, [(openBlock(), createBlock(unref(ArrayBase), {
+				key: props.modelValue.length,
+				"key-map": unref(keyMap)
+			}, {
+				default: withCtx(() => [
+					createElementVNode("ul", { class: normalizeClass(`${unref(prefixCls)}_list`) }, [createVNode(unref(ElScrollbar), { class: normalizeClass(`${unref(prefixCls)}_list--scroll-wrapper`) }, {
+						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(props.modelValue, (item, index) => {
+							return openBlock(), createBlock(unref(ArrayBase).Item, {
+								key: index,
+								index,
+								record: item
+							}, {
+								default: withCtx(() => [(openBlock(), createElementBlock("li", {
+									id: `${unref(field).props.name}-tab-${index}`,
+									key: arrayBaseKey.value,
+									class: normalizeClass([`${unref(prefixCls)}_list-item`, activeIndex.value === index && "is-active"]),
+									role: "tab",
+									"aria-controls": `${unref(field).props.name}-tab-panel-${index}`,
+									onClick: () => activeIndex.value = index
+								}, [
+									createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}_list-item--content`) }, [createVNode(unref(ElBadge), {
+										class: normalizeClass([`${unref(prefixCls)}-errors-badge`]),
+										value: unref(errorCountList)[index],
+										offset: [5, 0],
+										hidden: unref(errorCountList)[index] === 0
+									}, {
+										default: withCtx(() => [!props.showTitleFieldInTab ? (openBlock(), createElementBlock("span", {
+											key: 0,
+											class: normalizeClass(`${unref(prefixCls)}_list-item--title`)
+										}, toDisplayString(getTabTitle(item)), 3)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [!unref(isArr)(unref(schema).items) ? (openBlock(), createBlock(unref(RecursionField), {
+											key: 0,
+											schema: unref(schema).items,
+											name: index,
+											"filter-properties": (schema) => unref(isTabTitleComponent)(schema, props.tabTitleField),
+											"only-render-properties": ""
+										}, null, 8, [
+											"schema",
+											"name",
+											"filter-properties"
+										])) : createCommentVNode("v-if", true)], 64))]),
+										_: 2
+									}, 1032, [
+										"class",
+										"value",
+										"hidden"
+									])], 2),
+									createCommentVNode(" remove icon "),
+									!unref(isArr)(unref(schema).items) ? (openBlock(), createBlock(unref(RecursionField), {
+										key: 0,
+										schema: unref(schema).items,
+										name: index,
+										"filter-properties": (schema) => unref(isRemoveComponent)(schema),
+										"only-render-properties": ""
+									}, null, 8, [
+										"schema",
+										"name",
+										"filter-properties"
+									])) : createCommentVNode("v-if", true)
+								], 10, _hoisted_1))]),
+								_: 2
+							}, 1032, ["index", "record"]);
+						}), 128))]),
+						_: 1
+					}, 8, ["class"]), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(schema).properties, (property, key) => {
+						return openBlock(), createElementBlock(Fragment, { key }, [unref(isAdditionComponent)(property) ? (openBlock(), createBlock(unref(RecursionField), {
+							key: 0,
+							schema: property,
+							name: "addition"
+						}, null, 8, ["schema"])) : createCommentVNode("v-if", true)], 64);
+					}), 128))], 2),
+					props.modelValue.length === 0 ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: normalizeClass(`${unref(prefixCls)}-tabpane`)
+					}, [createVNode(unref(ElEmpty), { "image-size": 100 })], 2)) : createCommentVNode("v-if", true),
+					(openBlock(true), createElementBlock(Fragment, null, renderList(props.modelValue, (item, index) => {
+						return openBlock(), createBlock(unref(ArrayBase).Item, {
+							key: unref(getKey)(item, index),
+							index,
+							record: item
+						}, {
+							default: withCtx(() => [createCommentVNode(" tab-panel "), (openBlock(), createElementBlock("div", {
+								id: `${unref(field).props.name}-tab-panel-${index}`,
+								key: unref(getKey)(item, index),
+								class: normalizeClass(`${unref(prefixCls)}-tabpane`),
+								style: normalizeStyle({ display: activeIndex.value === index ? void 0 : "none" }),
+								role: "tabpanel",
+								"aria-labelledby": `${unref(field).props.name}-tab-${index}`
+							}, [createVNode(unref(RecursionField), {
+								schema: unref(getArrayItemSchema)(unref(schema), index),
+								name: index,
+								"filter-properties": (schema) => {
+									if (unref(isRemoveComponent)(schema)) return false;
+									if (props.showTitleFieldInTab) return !unref(isTabTitleComponent)(schema, props.tabTitleField);
+									return true;
+								},
+								"only-render-properties": ""
+							}, null, 8, [
+								"schema",
+								"name",
+								"filter-properties"
+							])], 14, _hoisted_2))]),
+							_: 2
+						}, 1032, ["index", "record"]);
+					}), 128))
+				]),
+				_: 1
+			}, 8, ["key-map"]))], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=array-list-tabs.mjs.map

package/esm/array-list-tabs/array-list-tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"array-list-tabs.mjs","names":[],"sources":["../../src/array-list-tabs/array-list-tabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ArrayField } from '@formily/core'\nimport type { ISchema } from '@formily/json-schema'\nimport { isArr } from '@formily/shared'\nimport { autorunEffect, formilyComputed } from '@silver-formily/reactive-vue'\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\nimport { ElBadge, ElEmpty, ElScrollbar } from 'element-plus'\nimport { ref } from 'vue'\nimport { ArrayBase } from '../array-base'\nimport { getArrayItemSchema, isAdditionComponent, isRemoveComponent } from '../array-base/utils'\nimport { isTabTitleComponent, prefixCls } from './utils'\nimport './style.scss'\n\ndefineOptions({\n  name: 'FArrayListTabs',\n})\n\nconst props = defineProps({\n  tabTitleField: {\n    required: true,\n    type: String,\n  },\n  showTitleFieldInTab: {\n    type: Boolean,\n    default: false,\n  },\n  modelValue: {\n    type: Array,\n    default: () => [],\n  },\n})\n\nconst fieldRef = useField<ArrayField>()\nconst schemaRef = useFieldSchema()\nconst field = fieldRef.value\nconst schema = schemaRef.value\n\nconst activeIndex = ref(0)\nconst { getKey, keyMap } = ArrayBase.useKey(schemaRef.value)\n\nconst errorCountList = formilyComputed(() => {\n  if (props.showTitleFieldInTab) {\n    return field.value.map((item, index) => {\n      const path = field.path.concat(index)\n      return field.form.queryFeedbacks({\n        type: 'error',\n        path: `${path}.*(!${props.tabTitleField})`,\n      }).length\n    })\n  }\n  return field.value.map((item, index) => {\n    const path = field.path.concat(index)\n    return field.form.queryFeedbacks({\n      type: 'error',\n      path: `${path}.**`,\n    }).length\n  })\n})\n\n// 保证arrayBase在必要时重新渲染\nconst arrayBaseKey = ref()\n\nautorunEffect(() => {\n  if (props.showTitleFieldInTab) {\n    const key = field.value.map((item, index) => {\n      const keyParts = [\n        index,\n        errorCountList.value[index],\n      ]\n      return keyParts.join('|')\n    }).join(',')\n    arrayBaseKey.value = key\n  }\n  else {\n    const key = field.value.map((item, index) => {\n      const keyParts = [\n        index,\n        item?.[props.tabTitleField],\n        errorCountList.value[index],\n      ]\n      return keyParts.join('|')\n    }).join(',')\n    arrayBaseKey.value = key\n  }\n})\n\nautorunEffect(() => {\n  if (field.value.length > 0 && activeIndex.value >= field.value.length) {\n    activeIndex.value = field.value.length - 1\n  }\n})\n\nfunction getTabTitle(item) {\n  return `${item?.[props.tabTitleField] || '未命名条目'}`\n}\n</script>\n\n<template>\n  <div :class=\"prefixCls\">\n    <ArrayBase :key=\"props.modelValue.length\" :key-map=\"keyMap\">\n      <ul :class=\"`${prefixCls}_list`\">\n        <ElScrollbar :class=\"`${prefixCls}_list--scroll-wrapper`\">\n          <ArrayBase.Item\n            v-for=\"(item, index) in props.modelValue\"\n            :key=\"index\"\n            :index=\"index\"\n            :record=\"item\"\n          >\n            <li\n              :id=\"`${field.props.name}-tab-${index}`\"\n              :key=\"arrayBaseKey\"\n              :class=\"[\n                `${prefixCls}_list-item`,\n                activeIndex === index && 'is-active',\n              ]\"\n              role=\"tab\"\n              :aria-controls=\"`${field.props.name}-tab-panel-${index}`\"\n              @click=\"() => activeIndex = index\"\n            >\n              <div :class=\"`${prefixCls}_list-item--content`\">\n                <ElBadge\n                  :class=\"[`${prefixCls}-errors-badge`]\"\n                  :value=\"errorCountList[index]\"\n                  :offset=\"[5, 0]\"\n                  :hidden=\"errorCountList[index] === 0\"\n                >\n                  <template v-if=\"!props.showTitleFieldInTab\">\n                    <span :class=\"`${prefixCls}_list-item--title`\">{{ getTabTitle(item) }}</span>\n                  </template>\n                  <template v-else>\n                    <RecursionField\n                      v-if=\"!isArr(schema.items)\"\n                      :schema=\"schema.items\"\n                      :name=\"index\"\n                      :filter-properties=\"(schema: ISchema) => isTabTitleComponent(schema, props.tabTitleField)\"\n                      only-render-properties\n                    />\n                  </template>\n                </ElBadge>\n              </div>\n              <!-- remove icon -->\n              <RecursionField\n                v-if=\"!isArr(schema.items)\"\n                :schema=\"schema.items\"\n                :name=\"index\"\n                :filter-properties=\"(schema: ISchema) => isRemoveComponent(schema)\"\n                only-render-properties\n              />\n            </li>\n          </ArrayBase.Item>\n        </ElScrollbar>\n        <template v-for=\"(property, key) in schema.properties\" :key=\"key\">\n          <RecursionField\n            v-if=\"isAdditionComponent(property)\"\n            :schema=\"property\"\n            name=\"addition\"\n          />\n        </template>\n      </ul>\n      <div v-if=\"props.modelValue.length === 0\" :class=\"`${prefixCls}-tabpane`\">\n        <ElEmpty :image-size=\"100\" />\n      </div>\n      <ArrayBase.Item\n        v-for=\"(item, index) in props.modelValue\"\n        :key=\"getKey(item, index)\"\n        :index=\"index\"\n        :record=\"item\"\n      >\n        <!-- tab-panel -->\n        <div\n          :id=\"`${field.props.name}-tab-panel-${index}`\"\n          :key=\"getKey(item, index)\"\n          :class=\"`${prefixCls}-tabpane`\"\n          :style=\"{ display: activeIndex === index ? undefined : 'none' }\"\n          role=\"tabpanel\"\n          :aria-labelledby=\"`${field.props.name}-tab-${index}`\"\n        >\n          <RecursionField\n            :schema=\"getArrayItemSchema(schema, index)\"\n            :name=\"index\"\n            :filter-properties=\"(schema: ISchema) => {\n              if (isRemoveComponent(schema)) {\n                return false\n              }\n              if (props.showTitleFieldInTab) {\n                return !isTabTitleComponent(schema, props.tabTitleField)\n              }\n              return true\n            }\"\n            only-render-properties\n          />\n        </div>\n      </ArrayBase.Item>\n    </ArrayBase>\n  </div>\n</template>\n"],"mappings":"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"}

package/esm/array-list-tabs/index.d.ts

@@ -1,83 +1,89 @@
-export declare const ArrayListTabs: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-        tabTitleField: {
-            required: true;
-            type: StringConstructor;
-        };
-        showTitleFieldInTab: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        modelValue: {
-            type: ArrayConstructor;
-            default: () => any[];
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        modelValue: unknown[];
-        showTitleFieldInTab: boolean;
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
-        tabTitleField: {
-            required: true;
-            type: StringConstructor;
-        };
-        showTitleFieldInTab: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        modelValue: {
-            type: ArrayConstructor;
-            default: () => any[];
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, {
-        modelValue: unknown[];
-        showTitleFieldInTab: boolean;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+import { IArrayBaseAdditionProps, IArrayBaseOperationProps } from "../array-base/types.js";
+import * as _$vue from "vue";
+
+//#region src/array-list-tabs/index.d.ts
+declare const ArrayListTabs: {
+  new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<_$vue.ExtractPropTypes<{
     tabTitleField: {
-        required: true;
-        type: StringConstructor;
+      required: true;
+      type: StringConstructor;
     };
     showTitleFieldInTab: {
-        type: BooleanConstructor;
-        default: boolean;
+      type: BooleanConstructor;
+      default: boolean;
     };
     modelValue: {
-        type: ArrayConstructor;
-        default: () => any[];
+      type: ArrayConstructor;
+      default: () => any[];
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+  }>> & Readonly<{}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, _$vue.PublicProps, {
     modelValue: unknown[];
     showTitleFieldInTab: boolean;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
-    Addition: import('vue').DefineComponent<import('../array-base/types').IArrayBaseAdditionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('../array-base/types').IArrayBaseAdditionProps> & Readonly<{}>, {
-        method: "push" | "unshift";
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    Remove: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../array-base/types').IArrayBaseOperationProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import('../array-base/types').IArrayBaseOperationProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('../array-base/types').IArrayBaseOperationProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: {
-            default?(_: {}): any;
-        };
-    });
+  }, true, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+  }, Readonly<_$vue.ExtractPropTypes<{
+    tabTitleField: {
+      required: true;
+      type: StringConstructor;
+    };
+    showTitleFieldInTab: {
+      type: BooleanConstructor;
+      default: boolean;
+    };
+    modelValue: {
+      type: ArrayConstructor;
+      default: () => any[];
+    };
+  }>> & Readonly<{}>, {}, {}, {}, {}, {
+    modelValue: unknown[];
+    showTitleFieldInTab: boolean;
+  }>;
+  __isFragment?: never;
+  __isTeleport?: never;
+  __isSuspense?: never;
+} & _$vue.ComponentOptionsBase<Readonly<_$vue.ExtractPropTypes<{
+  tabTitleField: {
+    required: true;
+    type: StringConstructor;
+  };
+  showTitleFieldInTab: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
+  modelValue: {
+    type: ArrayConstructor;
+    default: () => any[];
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, {
+  modelValue: unknown[];
+  showTitleFieldInTab: boolean;
+}, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & {
+  Addition: _$vue.DefineComponent<IArrayBaseAdditionProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<IArrayBaseAdditionProps> & Readonly<{}>, {
+    method: "push" | "unshift";
+  }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
+  Remove: {
+    new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<IArrayBaseOperationProps> & Readonly<{}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, _$vue.PublicProps, {}, true, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
+      P: {};
+      B: {};
+      D: {};
+      C: {};
+      M: {};
+      Defaults: {};
+    }, Readonly<IArrayBaseOperationProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+  } & _$vue.ComponentOptionsBase<Readonly<IArrayBaseOperationProps> & Readonly<{}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
+    $slots: {
+      default?: (props: {}) => any;
+    };
+  });
 };
-export default ArrayListTabs;
+//#endregion
+export { ArrayListTabs };
+//# sourceMappingURL=index.d.ts.map

package/esm/array-list-tabs/index.mjs

@@ -1,187 +1,13 @@
-import { ElScrollbar as P, ElBadge as q, ElEmpty as z } from "element-plus";
-import { formilyComputed as K, autorunEffect as A } from "@silver-formily/reactive-vue";
-import "@vueuse/core";
-import { defineComponent as N, ref as I, openBlock as a, createElementBlock as s, normalizeClass as i, unref as e, createBlock as d, withCtx as h, createElementVNode as E, createVNode as k, Fragment as b, renderList as F, toDisplayString as D, createCommentVNode as T, normalizeStyle as M } from "vue";
-import "@formily/core";
-import { useField as G, useFieldSchema as H, RecursionField as _ } from "@silver-formily/vue";
-import { composeExport as J } from "../__builtins__/shared/utils.mjs";
-import { ArrayBase as f } from "../array-base/index.mjs";
-import { isArr as V } from "@formily/shared";
-import { isRemoveComponent as w, isAdditionComponent as O, getArrayItemSchema as Q } from "../array-base/utils.mjs";
-import { prefixCls as n, isTabTitleComponent as B } from "./utils.mjs";
-import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "onClick"], W = ["id", "aria-labelledby"], X = /* @__PURE__ */ N({
-  name: "FArrayListTabs",
-  __name: "array-list-tabs",
-  props: {
-    tabTitleField: {
-      required: !0,
-      type: String
-    },
-    showTitleFieldInTab: {
-      type: Boolean,
-      default: !1
-    },
-    modelValue: {
-      type: Array,
-      default: () => []
-    }
-  },
-  setup(R) {
-    const o = R, S = G(), g = H(), l = S.value, u = g.value, y = I(0), { getKey: C, keyMap: j } = f.useKey(g.value), v = K(() => o.showTitleFieldInTab ? l.value.map((m, p) => {
-      const r = l.path.concat(p);
-      return l.form.queryFeedbacks({
-        type: "error",
-        path: `${r}.*(!${o.tabTitleField})`
-      }).length;
-    }) : l.value.map((m, p) => {
-      const r = l.path.concat(p);
-      return l.form.queryFeedbacks({
-        type: "error",
-        path: `${r}.**`
-      }).length;
-    })), $ = I();
-    A(() => {
-      if (o.showTitleFieldInTab) {
-        const m = l.value.map((p, r) => [
-          r,
-          v.value[r]
-        ].join("|")).join(",");
-        $.value = m;
-      } else {
-        const m = l.value.map((p, r) => [
-          r,
-          p?.[o.tabTitleField],
-          v.value[r]
-        ].join("|")).join(",");
-        $.value = m;
-      }
-    }), A(() => {
-      l.value.length > 0 && y.value >= l.value.length && (y.value = l.value.length - 1);
-    });
-    function L(m) {
-      return `${m?.[o.tabTitleField] || "未命名条目"}`;
-    }
-    return (m, p) => (a(), s("div", {
-      class: i(e(n))
-    }, [
-      (a(), d(e(f), {
-        key: o.modelValue.length,
-        "key-map": e(j)
-      }, {
-        default: h(() => [
-          E("ul", {
-            class: i(`${e(n)}_list`)
-          }, [
-            k(e(P), {
-              class: i(`${e(n)}_list--scroll-wrapper`)
-            }, {
-              default: h(() => [
-                (a(!0), s(b, null, F(o.modelValue, (r, t) => (a(), d(e(f).Item, {
-                  key: t,
-                  index: t,
-                  record: r
-                }, {
-                  default: h(() => [
-                    (a(), s("li", {
-                      id: `${e(l).props.name}-tab-${t}`,
-                      key: $.value,
-                      class: i([
-                        `${e(n)}_list-item`,
-                        y.value === t && "is-active"
-                      ]),
-                      role: "tab",
-                      "aria-controls": `${e(l).props.name}-tab-panel-${t}`,
-                      onClick: () => y.value = t
-                    }, [
-                      E("div", {
-                        class: i(`${e(n)}_list-item--content`)
-                      }, [
-                        k(e(q), {
-                          class: i([`${e(n)}-errors-badge`]),
-                          value: e(v)[t],
-                          offset: [5, 0],
-                          hidden: e(v)[t] === 0
-                        }, {
-                          default: h(() => [
-                            o.showTitleFieldInTab ? (a(), s(b, { key: 1 }, [
-                              e(V)(e(u).items) ? T("", !0) : (a(), d(e(_), {
-                                key: 0,
-                                schema: e(u).items,
-                                name: t,
-                                "filter-properties": (c) => e(B)(c, o.tabTitleField),
-                                "only-render-properties": ""
-                              }, null, 8, ["schema", "name", "filter-properties"]))
-                            ], 64)) : (a(), s("span", {
-                              key: 0,
-                              class: i(`${e(n)}_list-item--title`)
-                            }, D(L(r)), 3))
-                          ]),
-                          _: 2
-                        }, 1032, ["class", "value", "hidden"])
-                      ], 2),
-                      e(V)(e(u).items) ? T("", !0) : (a(), d(e(_), {
-                        key: 0,
-                        schema: e(u).items,
-                        name: t,
-                        "filter-properties": (c) => e(w)(c),
-                        "only-render-properties": ""
-                      }, null, 8, ["schema", "name", "filter-properties"]))
-                    ], 10, U))
-                  ]),
-                  _: 2
-                }, 1032, ["index", "record"]))), 128))
-              ]),
-              _: 1
-            }, 8, ["class"]),
-            (a(!0), s(b, null, F(e(u).properties, (r, t) => (a(), s(b, { key: t }, [
-              e(O)(r) ? (a(), d(e(_), {
-                key: 0,
-                schema: r,
-                name: "addition"
-              }, null, 8, ["schema"])) : T("", !0)
-            ], 64))), 128))
-          ], 2),
-          o.modelValue.length === 0 ? (a(), s("div", {
-            key: 0,
-            class: i(`${e(n)}-tabpane`)
-          }, [
-            k(e(z), { "image-size": 100 })
-          ], 2)) : T("", !0),
-          (a(!0), s(b, null, F(o.modelValue, (r, t) => (a(), d(e(f).Item, {
-            key: e(C)(r, t),
-            index: t,
-            record: r
-          }, {
-            default: h(() => [
-              (a(), s("div", {
-                id: `${e(l).props.name}-tab-panel-${t}`,
-                key: e(C)(r, t),
-                class: i(`${e(n)}-tabpane`),
-                style: M({ display: y.value === t ? void 0 : "none" }),
-                role: "tabpanel",
-                "aria-labelledby": `${e(l).props.name}-tab-${t}`
-              }, [
-                k(e(_), {
-                  schema: e(Q)(e(u), t),
-                  name: t,
-                  "filter-properties": (c) => e(w)(c) ? !1 : o.showTitleFieldInTab ? !e(B)(c, o.tabTitleField) : !0,
-                  "only-render-properties": ""
-                }, null, 8, ["schema", "name", "filter-properties"])
-              ], 14, W))
-            ]),
-            _: 2
-          }, 1032, ["index", "record"]))), 128))
-        ]),
-        _: 1
-      }, 8, ["key-map"]))
-    ], 2));
-  }
-}), ne = J(X, {
-  Addition: f.Addition,
-  Remove: f.Remove
+import { composeExport } from "../__builtins__/shared/utils.mjs";
+import { ArrayBase } from "../array-base/index.mjs";
+import "./style.css";
+import _sfc_main from "./array-list-tabs.mjs";
+//#region src/array-list-tabs/index.ts
+const ArrayListTabs = composeExport(_sfc_main, {
+	Addition: ArrayBase.Addition,
+	Remove: ArrayBase.Remove
 });
-export {
-  ne as ArrayListTabs,
-  ne as default
-};
-//# sourceMappingURL=index.mjs.map
+//#endregion
+export { ArrayListTabs as default };
+
+//# sourceMappingURL=index.mjs.map

package/esm/array-list-tabs/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/array-list-tabs/array-list-tabs.vue","../../src/array-list-tabs/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ArrayField } from '@formily/core'\nimport type { ISchema } from '@formily/json-schema'\nimport { isArr } from '@formily/shared'\nimport { autorunEffect, formilyComputed } from '@silver-formily/reactive-vue'\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\nimport { ElBadge, ElEmpty, ElScrollbar } from 'element-plus'\nimport { ref } from 'vue'\nimport { ArrayBase } from '../array-base'\nimport { getArrayItemSchema, isAdditionComponent, isRemoveComponent } from '../array-base/utils'\nimport { isTabTitleComponent, prefixCls } from './utils'\nimport './style.scss'\n\ndefineOptions({\n  name: 'FArrayListTabs',\n})\n\nconst props = defineProps({\n  tabTitleField: {\n    required: true,\n    type: String,\n  },\n  showTitleFieldInTab: {\n    type: Boolean,\n    default: false,\n  },\n  modelValue: {\n    type: Array,\n    default: () => [],\n  },\n})\n\nconst fieldRef = useField<ArrayField>()\nconst schemaRef = useFieldSchema()\nconst field = fieldRef.value\nconst schema = schemaRef.value\n\nconst activeIndex = ref(0)\nconst { getKey, keyMap } = ArrayBase.useKey(schemaRef.value)\n\nconst errorCountList = formilyComputed(() => {\n  if (props.showTitleFieldInTab) {\n    return field.value.map((item, index) => {\n      const path = field.path.concat(index)\n      return field.form.queryFeedbacks({\n        type: 'error',\n        path: `${path}.*(!${props.tabTitleField})`,\n      }).length\n    })\n  }\n  return field.value.map((item, index) => {\n    const path = field.path.concat(index)\n    return field.form.queryFeedbacks({\n      type: 'error',\n      path: `${path}.**`,\n    }).length\n  })\n})\n\n// 保证arrayBase在必要时重新渲染\nconst arrayBaseKey = ref()\n\nautorunEffect(() => {\n  if (props.showTitleFieldInTab) {\n    const key = field.value.map((item, index) => {\n      const keyParts = [\n        index,\n        errorCountList.value[index],\n      ]\n      return keyParts.join('|')\n    }).join(',')\n    arrayBaseKey.value = key\n  }\n  else {\n    const key = field.value.map((item, index) => {\n      const keyParts = [\n        index,\n        item?.[props.tabTitleField],\n        errorCountList.value[index],\n      ]\n      return keyParts.join('|')\n    }).join(',')\n    arrayBaseKey.value = key\n  }\n})\n\nautorunEffect(() => {\n  if (field.value.length > 0 && activeIndex.value >= field.value.length) {\n    activeIndex.value = field.value.length - 1\n  }\n})\n\nfunction getTabTitle(item) {\n  return `${item?.[props.tabTitleField] || '未命名条目'}`\n}\n</script>\n\n<template>\n  <div :class=\"prefixCls\">\n    <ArrayBase :key=\"props.modelValue.length\" :key-map=\"keyMap\">\n      <ul :class=\"`${prefixCls}_list`\">\n        <ElScrollbar :class=\"`${prefixCls}_list--scroll-wrapper`\">\n          <ArrayBase.Item\n            v-for=\"(item, index) in props.modelValue\"\n            :key=\"index\"\n            :index=\"index\"\n            :record=\"item\"\n          >\n            <li\n              :id=\"`${field.props.name}-tab-${index}`\"\n              :key=\"arrayBaseKey\"\n              :class=\"[\n                `${prefixCls}_list-item`,\n                activeIndex === index && 'is-active',\n              ]\"\n              role=\"tab\"\n              :aria-controls=\"`${field.props.name}-tab-panel-${index}`\"\n              @click=\"() => activeIndex = index\"\n            >\n              <div :class=\"`${prefixCls}_list-item--content`\">\n                <ElBadge\n                  :class=\"[`${prefixCls}-errors-badge`]\"\n                  :value=\"errorCountList[index]\"\n                  :offset=\"[5, 0]\"\n                  :hidden=\"errorCountList[index] === 0\"\n                >\n                  <template v-if=\"!props.showTitleFieldInTab\">\n                    <span :class=\"`${prefixCls}_list-item--title`\">{{ getTabTitle(item) }}</span>\n                  </template>\n                  <template v-else>\n                    <RecursionField\n                      v-if=\"!isArr(schema.items)\"\n                      :schema=\"schema.items\"\n                      :name=\"index\"\n                      :filter-properties=\"(schema: ISchema) => isTabTitleComponent(schema, props.tabTitleField)\"\n                      only-render-properties\n                    />\n                  </template>\n                </ElBadge>\n              </div>\n              <!-- remove icon -->\n              <RecursionField\n                v-if=\"!isArr(schema.items)\"\n                :schema=\"schema.items\"\n                :name=\"index\"\n                :filter-properties=\"(schema: ISchema) => isRemoveComponent(schema)\"\n                only-render-properties\n              />\n            </li>\n          </ArrayBase.Item>\n        </ElScrollbar>\n        <template v-for=\"(property, key) in schema.properties\" :key=\"key\">\n          <RecursionField\n            v-if=\"isAdditionComponent(property)\"\n            :schema=\"property\"\n            name=\"addition\"\n          />\n        </template>\n      </ul>\n      <div v-if=\"props.modelValue.length === 0\" :class=\"`${prefixCls}-tabpane`\">\n        <ElEmpty :image-size=\"100\" />\n      </div>\n      <ArrayBase.Item\n        v-for=\"(item, index) in props.modelValue\"\n        :key=\"getKey(item, index)\"\n        :index=\"index\"\n        :record=\"item\"\n      >\n        <!-- tab-panel -->\n        <div\n          :id=\"`${field.props.name}-tab-panel-${index}`\"\n          :key=\"getKey(item, index)\"\n          :class=\"`${prefixCls}-tabpane`\"\n          :style=\"{ display: activeIndex === index ? undefined : 'none' }\"\n          role=\"tabpanel\"\n          :aria-labelledby=\"`${field.props.name}-tab-${index}`\"\n        >\n          <RecursionField\n            :schema=\"getArrayItemSchema(schema, index)\"\n            :name=\"index\"\n            :filter-properties=\"(schema: ISchema) => {\n              if (isRemoveComponent(schema)) {\n                return false\n              }\n              if (props.showTitleFieldInTab) {\n                return !isTabTitleComponent(schema, props.tabTitleField)\n              }\n              return true\n            }\"\n            only-render-properties\n          />\n        </div>\n      </ArrayBase.Item>\n    </ArrayBase>\n  </div>\n</template>\n","import { composeExport } from '../__builtins__/shared'\r\nimport { ArrayBase } from '../array-base'\r\nimport ArrayListTabsInner from './array-list-tabs.vue'\r\nimport './style.scss'\r\n\r\nexport const ArrayListTabs = composeExport(ArrayListTabsInner, {\r\n  Addition: ArrayBase.Addition,\r\n  Remove: ArrayBase.Remove,\r\n})\r\n\r\nexport default ArrayListTabs\r\n"],"names":["props","__props","fieldRef","useField","schemaRef","useFieldSchema","field","schema","activeIndex","ref","getKey","keyMap","ArrayBase","errorCountList","formilyComputed","item","index","path","arrayBaseKey","autorunEffect","key","getTabTitle","_createElementBlock","_unref","prefixCls","_createBlock","_createElementVNode","_createVNode","ElScrollbar","_openBlock","_Fragment","_normalizeClass","ElBadge","isArr","RecursionField","isTabTitleComponent","_toDisplayString","isRemoveComponent","property","isAdditionComponent","ElEmpty","_normalizeStyle","getArrayItemSchema","ArrayListTabs","composeExport","ArrayListTabsInner"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":["ArrayListTabsInner"],"sources":["../../src/array-list-tabs/index.ts"],"sourcesContent":["import { composeExport } from '../__builtins__/shared'\r\nimport { ArrayBase } from '../array-base'\r\nimport ArrayListTabsInner from './array-list-tabs.vue'\r\nimport './style.scss'\r\n\r\nexport const ArrayListTabs = composeExport(ArrayListTabsInner, {\r\n  Addition: ArrayBase.Addition,\r\n  Remove: ArrayBase.Remove,\r\n})\r\n\r\nexport default ArrayListTabs\r\n"],"mappings":";;;;;AAKA,MAAa,gBAAgB,cAAcA,WAAoB;CAC7D,UAAU,UAAU;CACpB,QAAQ,UAAU;CACnB,CAAC"}