@silver-formily/element-plus 3.0.2 → 4.0.1

package/esm/form-button-group/style.css

@@ -0,0 +1,281 @@
+.formily-element-plus-form-item--isolated {
+  display: flex;
+  --font-size: 14px;
+  --el-form-label-font-size: var(--font-size);
+}
+.formily-element-plus-form-item--isolated.is-required:not(.is-no-asterisk).asterisk-left > .el-form-item__label-wrap > .el-form-item__label::before, .formily-element-plus-form-item--isolated.is-required:not(.is-no-asterisk).asterisk-left > .el-form-item__label::before {
+  color: var(--el-color-danger);
+  content: "*";
+  margin-right: 4px;
+}
+.formily-element-plus-form-item--isolated.is-required:not(.is-no-asterisk).asterisk-right > .el-form-item__label-wrap > .el-form-item__label::after, .formily-element-plus-form-item--isolated.is-required:not(.is-no-asterisk).asterisk-right > .el-form-item__label::after {
+  color: var(--el-color-danger);
+  content: "*";
+  margin-left: 4px;
+}
+
+.formily-element-plus-form-item .el-form-item__content {
+  display: block;
+}
+.formily-element-plus-form-item.el-form-item--label-top .el-form-item__label {
+  display: inline-flex;
+  align-items: center;
+}
+.formily-element-plus-form-item .formily-element-plus-form-item-col-0 {
+  display: none;
+}
+.formily-element-plus-form-item .formily-element-plus-form-item-col-1 {
+  flex: 0 0 4.1666666667%;
+  max-width: 4.1666666667%;
+}
+.formily-element-plus-form-item .formily-element-plus-form-item-col-2 {
+  flex: 0 0 8.3333333333%;
+  max-width: 8.3333333333%;
+}
+.formily-element-plus-form-item .formily-element-plus-form-item-col-3 {
+  flex: 0 0 12.5%;
+  max-width: 12.5%;
+}
+.formily-element-plus-form-item .formily-element-plus-form-item-col-4 {
+  flex: 0 0 16.6666666667%;
+  max-width: 16.6666666667%;
+}
+.formily-element-plus-form-item .formily-element-plus-form-item-col-5 {
+  flex: 0 0 20.8333333333%;
+  max-width: 20.8333333333%;
+}
+.formily-element-plus-form-item .formily-element-plus-form-item-col-6 {
+  flex: 0 0 25%;
+  max-width: 25%;
+}
+.formily-element-plus-form-item .formily-element-plus-form-item-col-7 {
+  flex: 0 0 29.1666666667%;
+  max-width: 29.1666666667%;
+}
+.formily-element-plus-form-item .formily-element-plus-form-item-col-8 {
+  flex: 0 0 33.3333333333%;
+  max-width: 33.3333333333%;
+}
+.formily-element-plus-form-item .formily-element-plus-form-item-col-9 {
+  flex: 0 0 37.5%;
+  max-width: 37.5%;
+}
+.formily-element-plus-form-item .formily-element-plus-form-item-col-10 {
+  flex: 0 0 41.6666666667%;
+  max-width: 41.6666666667%;
+}
+.formily-element-plus-form-item .formily-element-plus-form-item-col-11 {
+  flex: 0 0 45.8333333333%;
+  max-width: 45.8333333333%;
+}
+.formily-element-plus-form-item .formily-element-plus-form-item-col-12 {
+  flex: 0 0 50%;
+  max-width: 50%;
+}
+.formily-element-plus-form-item .formily-element-plus-form-item-col-13 {
+  flex: 0 0 54.1666666667%;
+  max-width: 54.1666666667%;
+}
+.formily-element-plus-form-item .formily-element-plus-form-item-col-14 {
+  flex: 0 0 58.3333333333%;
+  max-width: 58.3333333333%;
+}
+.formily-element-plus-form-item .formily-element-plus-form-item-col-15 {
+  flex: 0 0 62.5%;
+  max-width: 62.5%;
+}
+.formily-element-plus-form-item .formily-element-plus-form-item-col-16 {
+  flex: 0 0 66.6666666667%;
+  max-width: 66.6666666667%;
+}
+.formily-element-plus-form-item .formily-element-plus-form-item-col-17 {
+  flex: 0 0 70.8333333333%;
+  max-width: 70.8333333333%;
+}
+.formily-element-plus-form-item .formily-element-plus-form-item-col-18 {
+  flex: 0 0 75%;
+  max-width: 75%;
+}
+.formily-element-plus-form-item .formily-element-plus-form-item-col-19 {
+  flex: 0 0 79.1666666667%;
+  max-width: 79.1666666667%;
+}
+.formily-element-plus-form-item .formily-element-plus-form-item-col-20 {
+  flex: 0 0 83.3333333333%;
+  max-width: 83.3333333333%;
+}
+.formily-element-plus-form-item .formily-element-plus-form-item-col-21 {
+  flex: 0 0 87.5%;
+  max-width: 87.5%;
+}
+.formily-element-plus-form-item .formily-element-plus-form-item-col-22 {
+  flex: 0 0 91.6666666667%;
+  max-width: 91.6666666667%;
+}
+.formily-element-plus-form-item .formily-element-plus-form-item-col-23 {
+  flex: 0 0 95.8333333333%;
+  max-width: 95.8333333333%;
+}
+.formily-element-plus-form-item .formily-element-plus-form-item-col-24 {
+  flex: 0 0 100%;
+  max-width: 100%;
+}
+
+.formily-element-plus-form-item-label__wrapper {
+  display: flex;
+  overflow: hidden;
+}
+
+.is-warp .formily-element-plus-form-item-label-content > span {
+  overflow: visible;
+  white-space: wrap;
+}
+.is-warp .el-form-item__content {
+  align-items: flex-start;
+  flex-direction: column;
+}
+.is-warp .el-form-item__label {
+  height: auto;
+}
+
+.formily-element-plus-form-item-label-content {
+  display: flex;
+  align-items: center;
+  flex: 1;
+  overflow: hidden;
+}
+.formily-element-plus-form-item-label-content > span {
+  display: inline;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.formily-element-plus-form-item-label-content.is-tooltip {
+  border-bottom: 1px dashed;
+  border-color: var(--el-border-color);
+}
+
+.formily-element-plus-form-item-label-tooltip {
+  margin-left: 4px;
+  color: var(--el-text-color-secondary);
+  display: flex;
+  align-items: center;
+  height: 32px;
+  cursor: pointer;
+}
+
+.formily-element-plus-form-item-colon {
+  display: flex;
+  margin-left: 2px;
+  line-height: 2.3;
+}
+
+.formily-element-plus-form-item-content__wrapper {
+  display: flex;
+  flex: 1;
+}
+.formily-element-plus-form-item-content__wrapper .is-fullness > div {
+  width: 100%;
+}
+
+.formily-element-plus-form-item-addon-before {
+  margin-right: 8px;
+  font-size: var(--el-font-size-base);
+}
+
+.formily-element-plus-form-item-addon-after {
+  margin-left: 8px;
+}
+
+.formily-element-plus-form-item-addon-before,
+.formily-element-plus-form-item-addon-after {
+  display: inline-flex;
+  align-items: center;
+  min-height: 32px;
+  flex-shrink: 0;
+  font-size: var(--el-font-size-base);
+  color: var(--el-text-color-regular);
+}
+
+.el-form-item__content.is-addon-after {
+  flex: unset;
+}
+
+.formily-element-plus-form-item-feedback {
+  color: var(--el-text-color-secondary);
+  font-size: 12px;
+  line-height: 1;
+  padding-top: 2px;
+}
+.formily-element-plus-form-item-feedback.is-error {
+  color: var(--el-color-danger);
+}
+.formily-element-plus-form-item-feedback.is-success {
+  color: var(--el-color-success);
+}
+.formily-element-plus-form-item-feedback.is-warning {
+  color: var(--el-color-warning);
+}
+.formily-element-plus-form-item-feedback.is-loose {
+  position: absolute;
+  top: 100%;
+  left: 0;
+}
+.formily-element-plus-form-item-feedback.is-tooltip {
+  font-size: var(--el-font-size-base);
+  display: inline-flex;
+}
+.formily-element-plus-form-item-feedback.is-tooltip i {
+  margin-right: 4px;
+}
+
+.formily-element-plus-form-item-extra {
+  color: var(--el-text-color-secondary);
+  font-size: 12px;
+  line-height: 1;
+  padding-top: 2px;
+}
+
+.formily-element-plus-form-item {
+  margin-bottom: 6px;
+}
+.formily-element-plus-form-item.is-loose {
+  margin-bottom: 18px;
+}
+
+.el-form-item.is-warning .el-input__wrapper,
+.el-form-item.is-warning .el-input__wrapper:hover,
+.el-form-item.is-warning .el-input__wrapper:focus,
+.el-form-item.is-warning .el-input__wrapper.is-focus,
+.el-form-item.is-warning .el-textarea__inner,
+.el-form-item.is-warning .el-textarea__inner:hover,
+.el-form-item.is-warning .el-textarea__inner:focus,
+.el-form-item.is-warning .el-textarea__inner.is-focus,
+.el-form-item.is-warning .el-select__wrapper,
+.el-form-item.is-warning .el-select__wrapper:hover,
+.el-form-item.is-warning .el-select__wrapper:focus,
+.el-form-item.is-warning .el-select__wrapper.is-focus,
+.el-form-item.is-warning .el-input-tag__wrapper,
+.el-form-item.is-warning .el-input-tag__wrapper:hover,
+.el-form-item.is-warning .el-input-tag__wrapper:focus,
+.el-form-item.is-warning .el-input-tag__wrapper.is-focus {
+  box-shadow: 0 0 0 1px var(--el-color-warning) inset;
+}
+
+.formily-element-plus-form-button-group {
+  padding: 10px 0;
+  background-color: var(--el-bg-color);
+}
+
+.formily-element-plus-form-button-group .formily-element-plus-form-item-colon {
+  visibility: hidden;
+}
+
+.formily-element-plus-form-button-group--inline {
+  padding: 0;
+  background-color: transparent;
+}
+
+.formily-element-plus-form-button-group__sticky .el-affix--fixed {
+  border-top: 1px solid var(--el-border-color);
+}

package/esm/form-button-group/utils.mjs

@@ -1,12 +1,7 @@
-import { stylePrefix as o } from "../__builtins__/configs/index.mjs";
-import "element-plus";
-import "@silver-formily/reactive-vue";
-import "@vueuse/core";
-import "vue";
-import "@formily/core";
-import "@silver-formily/vue";
-const s = `${o}-form-button-group`;
-export {
-  s as prefixCls
-};
-//# sourceMappingURL=utils.mjs.map
+import { stylePrefix } from "../__builtins__/configs/index.mjs";
+//#region src/form-button-group/utils.ts
+const prefixCls = `${stylePrefix}-form-button-group`;
+//#endregion
+export { prefixCls };
+
+//# sourceMappingURL=utils.mjs.map

package/esm/form-button-group/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","sources":["../../src/form-button-group/utils.ts"],"sourcesContent":["import { stylePrefix } from '../__builtins__'\n\nexport const prefixCls = `${stylePrefix}-form-button-group`\n"],"names":["prefixCls","stylePrefix"],"mappings":";;;;;;;AAEO,MAAMA,IAAY,GAAGC,CAAW;"}
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/form-button-group/utils.ts"],"sourcesContent":["import { stylePrefix } from '../__builtins__'\n\nexport const prefixCls = `${stylePrefix}-form-button-group`\n"],"mappings":";;AAEA,MAAa,YAAY,GAAG,YAAY"}

package/esm/form-collapse/form-collapse.mjs

@@ -0,0 +1,74 @@
+import { useCleanAttrs } from "../__builtins__/shared/utils.mjs";
+import { stylePrefix } from "../__builtins__/configs/index.mjs";
+import { createFormCollapse, usePanels } from "./utils.mjs";
+import { ElBadge, ElCollapse, ElCollapseItem } from "element-plus";
+import { formilyComputed } from "@silver-formily/reactive-vue";
+import { Fragment, computed, createBlock, createElementBlock, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderList, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+import { RecursionField, useField, useFieldSchema } from "@silver-formily/vue";
+import { isFn } from "@formily/shared";
+//#region src/form-collapse/form-collapse.vue
+const _hoisted_1 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "form-collapse",
+	props: {
+		formCollapse: { type: Object },
+		activeKey: { type: [String, Number] }
+	},
+	setup(__props) {
+		const props = __props;
+		const prefixCls = `${stylePrefix}-form-collapse`;
+		const { props: collapseAttrs } = useCleanAttrs(["modelValue", "onUpdate:modelValue"]);
+		const field = useField();
+		const schema = useFieldSchema();
+		const panels = formilyComputed(() => usePanels(field.value, schema.value));
+		const formCollapseRef = computed(() => props.formCollapse ?? createFormCollapse());
+		function takeActiveKeys(panelList) {
+			if (props.activeKey) return props.activeKey;
+			if (formCollapseRef.value?.activeKeys) return formCollapseRef.value?.activeKeys;
+			return panelList.map((item) => item.name);
+		}
+		const panelErrorCounts = formilyComputed(() => {
+			return panels.value.map((item) => {
+				return field.value.form.queryFeedbacks({
+					type: "error",
+					address: `${field.value.address.concat(item.name)}.*`
+				}).length;
+			});
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ElCollapse), mergeProps({
+				class: prefixCls,
+				"model-value": takeActiveKeys(unref(panels))
+			}, unref(collapseAttrs), { onChange: _cache[0] || (_cache[0] = (key) => {
+				formCollapseRef.value.setActiveKeys(key);
+			}) }), {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(panels), ({ props: itemProps, schema: itemSchema, name }, index) => {
+					return openBlock(), createBlock(unref(ElCollapseItem), mergeProps({
+						key: name,
+						ref_for: true
+					}, itemProps, { name }), {
+						default: withCtx(() => [createVNode(unref(RecursionField), {
+							schema: itemSchema,
+							name
+						}, null, 8, ["schema", "name"])]),
+						title: withCtx(() => [unref(panelErrorCounts)[index] !== 0 ? (openBlock(), createBlock(unref(ElBadge), {
+							key: 0,
+							class: normalizeClass(`${prefixCls}-errors-badge`),
+							value: unref(panelErrorCounts)[index]
+						}, {
+							default: withCtx(() => [itemSchema["x-content"]?.title ? (openBlock(), createBlock(resolveDynamicComponent(() => unref(isFn)(itemSchema["x-content"]?.title) ? itemSchema["x-content"]?.title(unref(panelErrorCounts)[index]) : itemSchema["x-content"]?.title), { key: 0 })) : (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(itemSchema["x-component-props"]?.title), 1))]),
+							_: 2
+						}, 1032, ["class", "value"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [itemSchema["x-content"]?.title ? (openBlock(), createBlock(resolveDynamicComponent(() => unref(isFn)(itemSchema["x-content"]?.title) ? itemSchema["x-content"]?.title(unref(panelErrorCounts)[index]) : itemSchema["x-content"]?.title), { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(itemSchema["x-component-props"]?.title), 1)], 64))], 64))]),
+						_: 2
+					}, 1040, ["name"]);
+				}), 128))]),
+				_: 1
+			}, 16, ["model-value"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=form-collapse.mjs.map

package/esm/form-collapse/form-collapse.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-collapse.mjs","names":[],"sources":["../../src/form-collapse/form-collapse.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { PropType } from 'vue'\nimport type { IFormCollapse } from './utils'\nimport { isFn } from '@formily/shared'\nimport { formilyComputed } from '@silver-formily/reactive-vue'\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\nimport { ElBadge, ElCollapse, ElCollapseItem } from 'element-plus'\nimport { computed } from 'vue'\nimport { stylePrefix, useCleanAttrs } from '../__builtins__'\nimport { createFormCollapse, usePanels } from './utils'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = defineProps({\n  formCollapse: { type: Object as PropType<IFormCollapse> },\n  activeKey: {\n    type: [String, Number],\n  },\n})\nconst prefixCls = `${stylePrefix}-form-collapse`\nconst { props: collapseAttrs } = useCleanAttrs(['modelValue', 'onUpdate:modelValue'])\n\nconst field = useField()\nconst schema = useFieldSchema()\nconst panels = formilyComputed(() => usePanels(field.value, schema.value))\nconst formCollapseRef = computed(\n  () => props.formCollapse ?? createFormCollapse(),\n)\n\nfunction takeActiveKeys(panelList) {\n  if (props.activeKey)\n    return props.activeKey\n  if (formCollapseRef.value?.activeKeys)\n    return formCollapseRef.value?.activeKeys\n  return panelList.map(item => item.name)\n}\n\nconst panelErrorCounts = formilyComputed(() => {\n  return panels.value.map((item) => {\n    const panelErrors = field.value.form.queryFeedbacks({\n      type: 'error',\n      address: `${field.value.address.concat(item.name)}.*`,\n    })\n    return panelErrors.length\n  })\n})\n</script>\n\n<template>\n  <ElCollapse\n    :class=\"prefixCls\"\n    :model-value=\"takeActiveKeys(panels)\"\n    v-bind=\"collapseAttrs\"\n    @change=\"(key) => {\n      formCollapseRef.setActiveKeys(key)\n    }\"\n  >\n    <template v-for=\"({ props: itemProps, schema: itemSchema, name }, index) of panels\" :key=\"name\">\n      <ElCollapseItem v-bind=\"itemProps\" :name=\"name\">\n        <template #default>\n          <RecursionField :schema=\"itemSchema\" :name=\"name\" />\n        </template>\n        <template #title>\n          <ElBadge\n            v-if=\"panelErrorCounts[index] !== 0\"\n            :class=\"`${prefixCls}-errors-badge`\"\n            :value=\"panelErrorCounts[index]\"\n          >\n            <component\n              :is=\"() => isFn(itemSchema['x-content']?.title)\n                ? itemSchema['x-content']?.title(panelErrorCounts[index])\n                : itemSchema['x-content']?.title\"\n              v-if=\"itemSchema['x-content']?.title\"\n            />\n            <span v-else>{{ itemSchema['x-component-props']?.title }}</span>\n          </ElBadge>\n          <template v-else>\n            <component\n              :is=\"() => isFn(itemSchema['x-content']?.title)\n                ? itemSchema['x-content']?.title(panelErrorCounts[index])\n                : itemSchema['x-content']?.title\"\n              v-if=\"itemSchema['x-content']?.title\"\n            />\n            <template v-else>\n              {{ itemSchema['x-component-props']?.title }}\n            </template>\n          </template>\n        </template>\n      </ElCollapseItem>\n    </template>\n  </ElCollapse>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAeA,MAAM,QAAQ;EAMd,MAAM,YAAY,GAAG,YAAY;EACjC,MAAM,EAAE,OAAO,kBAAkB,cAAc,CAAC,cAAc,sBAAsB,CAAA;EAEpF,MAAM,QAAQ,UAAS;EACvB,MAAM,SAAS,gBAAe;EAC9B,MAAM,SAAS,sBAAsB,UAAU,MAAM,OAAO,OAAO,MAAM,CAAA;EACzE,MAAM,kBAAkB,eAChB,MAAM,gBAAgB,oBAAoB,CAClD;EAEA,SAAS,eAAe,WAAW;AACjC,OAAI,MAAM,UACR,QAAO,MAAM;AACf,OAAI,gBAAgB,OAAO,WACzB,QAAO,gBAAgB,OAAO;AAChC,UAAO,UAAU,KAAI,SAAQ,KAAK,KAAI;;EAGxC,MAAM,mBAAmB,sBAAsB;AAC7C,UAAO,OAAO,MAAM,KAAK,SAAS;AAKhC,WAJoB,MAAM,MAAM,KAAK,eAAe;KAClD,MAAM;KACN,SAAS,GAAG,MAAM,MAAM,QAAQ,OAAO,KAAK,KAAK,CAAC;KACnD,CAAA,CACkB;KACpB;IACF;;uBAIC,YAyCa,MAAA,WAAA,EAzCb,WAyCa;IAxCV,OAAO;IACP,eAAa,eAAe,MAAA,OAAM,CAAA;MAC3B,MAAA,cAAa,EAAA,EACpB,UAAM,OAAA,OAAA,OAAA,MAAG,QAAG;AAAa,oBAAA,MAAgB,cAAc,IAAG;;2BAIwB,EAAA,UAAA,KAAA,EAAnF,mBAgCW,UAAA,MAAA,WAhCiE,MAAA,OAAM,GAAA,EAAA,OAAvD,WAAS,QAAU,YAAY,QAAQ,UAAK;yBACrE,YA8BiB,MAAA,eAAA,EA9BjB,WA8BiB;WA/BuE;;QAChE,WAAS,EAAS,MAAI,CAAA,EAAA;MACjC,SAAO,cACoC,CAApD,YAAoD,MAAA,eAAA,EAAA;OAAnC,QAAQ;OAAmB;;MAEnC,OAAK,cAaJ,CAXF,MAAA,iBAAgB,CAAC,WAAK,KAAA,WAAA,EAD9B,YAYU,MAAA,QAAA,EAAA;;OAVP,OAAK,eAAA,GAAK,UAAS,eAAA;OACnB,OAAO,MAAA,iBAAgB,CAAC;;8BAOvB,CADM,WAAU,cAAe,SAAA,WAAA,EAJjC,YAKE,8BAJW,MAAA,KAAI,CAAC,WAAU,cAAe,MAAK,GAAoB,WAAU,cAAe,MAAM,MAAA,iBAAgB,CAAC,OAAK,GAAqB,WAAU,cAAe,MAAK,EAAA,EAAA,KAAA,GAAA,CAAA,KAAA,WAAA,EAK5K,mBAAgE,QAAA,YAAA,gBAAhD,WAAU,sBAAuB,MAAK,EAAA,EAAA,EAAA,CAAA;;oDAExD,mBAUW,UAAA,EAAA,KAAA,GAAA,EAAA,CALD,WAAU,cAAe,SAAA,WAAA,EAJjC,YAKE,8BAJW,MAAA,KAAI,CAAC,WAAU,cAAe,MAAK,GAAoB,WAAU,cAAe,MAAM,MAAA,iBAAgB,CAAC,OAAK,GAAqB,WAAU,cAAe,MAAK,EAAA,EAAA,KAAA,GAAA,CAAA,KAAA,WAAA,EAK5K,mBAEW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAA,gBADN,WAAU,sBAAuB,MAAK,EAAA,EAAA,CAAA,EAAA,GAAA,EAAA,EAAA,GAAA,EAAA,CAAA"}

package/esm/form-collapse/index.d.ts

@@ -1,45 +1,49 @@
-import { createFormCollapse } from './utils';
-export declare const FormCollapseItem: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+import { IFormCollapse, createFormCollapse } from "./utils.js";
+import * as _$vue from "vue";
+
+//#region src/form-collapse/index.d.ts
+declare const FormCollapseItem: _$vue.DefineComponent<{}, () => _$vue.VNode<_$vue.RendererNode, _$vue.RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 declare const composeFormCollapse: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-        formCollapse: {
-            type: import('vue').PropType<import('./utils').IFormCollapse>;
-        };
-        activeKey: {
-            type: (StringConstructor | NumberConstructor)[];
-        };
-    }>> & 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('vue').ExtractPropTypes<{
-        formCollapse: {
-            type: import('vue').PropType<import('./utils').IFormCollapse>;
-        };
-        activeKey: {
-            type: (StringConstructor | NumberConstructor)[];
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+  new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<_$vue.ExtractPropTypes<{
+    formCollapse: {
+      type: _$vue.PropType<IFormCollapse>;
+    };
+    activeKey: {
+      type: (NumberConstructor | StringConstructor)[];
+    };
+  }>> & Readonly<{}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, _$vue.PublicProps, {}, true, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+  }, Readonly<_$vue.ExtractPropTypes<{
     formCollapse: {
-        type: import('vue').PropType<import('./utils').IFormCollapse>;
+      type: _$vue.PropType<IFormCollapse>;
     };
     activeKey: {
-        type: (StringConstructor | NumberConstructor)[];
+      type: (NumberConstructor | StringConstructor)[];
     };
-}>> & 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 & {
-    Item: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-        [key: string]: any;
-    }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    createFormCollapse: typeof createFormCollapse;
+  }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
+  __isFragment?: never;
+  __isTeleport?: never;
+  __isSuspense?: never;
+} & _$vue.ComponentOptionsBase<Readonly<_$vue.ExtractPropTypes<{
+  formCollapse: {
+    type: _$vue.PropType<IFormCollapse>;
+  };
+  activeKey: {
+    type: (NumberConstructor | StringConstructor)[];
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & {
+  Item: _$vue.DefineComponent<{}, () => _$vue.VNode<_$vue.RendererNode, _$vue.RendererElement, {
+    [key: string]: any;
+  }>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
+  createFormCollapse: typeof createFormCollapse;
 };
-export { composeFormCollapse as FormCollapse };
-export default composeFormCollapse;
+//#endregion
+export { FormCollapseItem, composeFormCollapse };
+//# sourceMappingURL=index.d.ts.map

package/esm/form-collapse/index.mjs

@@ -1,87 +1,21 @@
-import { defineComponent as K, computed as V, openBlock as o, createBlock as s, unref as e, mergeProps as k, withCtx as c, createElementBlock as u, Fragment as m, renderList as N, normalizeClass as P, resolveDynamicComponent as F, toDisplayString as _, createTextVNode as $, createVNode as D, h as R } from "vue";
-import { ElCollapse as h, ElCollapseItem as j, ElBadge as q } from "element-plus";
-import { formilyComputed as g } from "@silver-formily/reactive-vue";
-import "@vueuse/core";
-import "@formily/core";
-import { useField as w, useFieldSchema as z, RecursionField as L } from "@silver-formily/vue";
-import { useCleanAttrs as O, composeExport as T } from "../__builtins__/shared/utils.mjs";
-import { isFn as E } from "@formily/shared";
-import { stylePrefix as U } from "../__builtins__/configs/index.mjs";
-import { usePanels as G, createFormCollapse as A } from "./utils.mjs";
-import '../styles/form-collapse/index.css';const H = { key: 1 }, J = /* @__PURE__ */ K({
-  inheritAttrs: !1,
-  __name: "form-collapse",
-  props: {
-    formCollapse: { type: Object },
-    activeKey: {
-      type: [String, Number]
-    }
-  },
-  setup(C) {
-    const r = C, x = `${U}-form-collapse`, { props: b } = O(["modelValue", "onUpdate:modelValue"]), i = w(), B = z(), f = g(() => G(i.value, B.value)), d = V(
-      () => r.formCollapse ?? A()
-    );
-    function I(a) {
-      return r.activeKey ? r.activeKey : d.value?.activeKeys ? d.value?.activeKeys : a.map((l) => l.name);
-    }
-    const n = g(() => f.value.map((a) => i.value.form.queryFeedbacks({
-      type: "error",
-      address: `${i.value.address.concat(a.name)}.*`
-    }).length));
-    return (a, l) => (o(), s(e(h), k({
-      class: x,
-      "model-value": I(e(f))
-    }, e(b), {
-      onChange: l[0] || (l[0] = (y) => {
-        d.value.setActiveKeys(y);
-      })
-    }), {
-      default: c(() => [
-        (o(!0), u(m, null, N(e(f), ({ props: y, schema: t, name: v }, p) => (o(), s(e(j), k({
-          key: v,
-          ref_for: !0
-        }, y, { name: v }), {
-          default: c(() => [
-            D(e(L), {
-              schema: t,
-              name: v
-            }, null, 8, ["schema", "name"])
-          ]),
-          title: c(() => [
-            e(n)[p] !== 0 ? (o(), s(e(q), {
-              key: 0,
-              class: P(`${x}-errors-badge`),
-              value: e(n)[p]
-            }, {
-              default: c(() => [
-                t["x-content"]?.title ? (o(), s(F(() => e(E)(t["x-content"]?.title) ? t["x-content"]?.title(e(n)[p]) : t["x-content"]?.title), { key: 0 })) : (o(), u("span", H, _(t["x-component-props"]?.title), 1))
-              ]),
-              _: 2
-            }, 1032, ["class", "value"])) : (o(), u(m, { key: 1 }, [
-              t["x-content"]?.title ? (o(), s(F(() => e(E)(t["x-content"]?.title) ? t["x-content"]?.title(e(n)[p]) : t["x-content"]?.title), { key: 0 })) : (o(), u(m, { key: 1 }, [
-                $(_(t["x-component-props"]?.title), 1)
-              ], 64))
-            ], 64))
-          ]),
-          _: 2
-        }, 1040, ["name"]))), 128))
-      ]),
-      _: 1
-    }, 16, ["model-value"]));
-  }
-}), M = K({
-  name: "FFormCollapseItem",
-  inheritAttrs: !1,
-  setup(C, { slots: r }) {
-    return () => R(m, r.default?.());
-  }
-}), le = T(J, {
-  Item: M,
-  createFormCollapse: A
+import { composeExport } from "../__builtins__/shared/utils.mjs";
+import { createFormCollapse } from "./utils.mjs";
+import _sfc_main from "./form-collapse.mjs";
+import "./style.css";
+import { Fragment, defineComponent, h } from "vue";
+//#region src/form-collapse/index.ts
+const FormCollapseItem = defineComponent({
+	name: "FFormCollapseItem",
+	inheritAttrs: false,
+	setup(_props, { slots }) {
+		return () => h(Fragment, slots.default?.());
+	}
 });
-export {
-  le as FormCollapse,
-  M as FormCollapseItem,
-  le as default
-};
-//# sourceMappingURL=index.mjs.map
+const composeFormCollapse = composeExport(_sfc_main, {
+	Item: FormCollapseItem,
+	createFormCollapse
+});
+//#endregion
+export { FormCollapseItem, composeFormCollapse as default };
+
+//# sourceMappingURL=index.mjs.map

package/esm/form-collapse/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/form-collapse/form-collapse.vue","../../src/form-collapse/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { PropType } from 'vue'\nimport type { IFormCollapse } from './utils'\nimport { isFn } from '@formily/shared'\nimport { formilyComputed } from '@silver-formily/reactive-vue'\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\nimport { ElBadge, ElCollapse, ElCollapseItem } from 'element-plus'\nimport { computed } from 'vue'\nimport { stylePrefix, useCleanAttrs } from '../__builtins__'\nimport { createFormCollapse, usePanels } from './utils'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = defineProps({\n  formCollapse: { type: Object as PropType<IFormCollapse> },\n  activeKey: {\n    type: [String, Number],\n  },\n})\nconst prefixCls = `${stylePrefix}-form-collapse`\nconst { props: collapseAttrs } = useCleanAttrs(['modelValue', 'onUpdate:modelValue'])\n\nconst field = useField()\nconst schema = useFieldSchema()\nconst panels = formilyComputed(() => usePanels(field.value, schema.value))\nconst formCollapseRef = computed(\n  () => props.formCollapse ?? createFormCollapse(),\n)\n\nfunction takeActiveKeys(panelList) {\n  if (props.activeKey)\n    return props.activeKey\n  if (formCollapseRef.value?.activeKeys)\n    return formCollapseRef.value?.activeKeys\n  return panelList.map(item => item.name)\n}\n\nconst panelErrorCounts = formilyComputed(() => {\n  return panels.value.map((item) => {\n    const panelErrors = field.value.form.queryFeedbacks({\n      type: 'error',\n      address: `${field.value.address.concat(item.name)}.*`,\n    })\n    return panelErrors.length\n  })\n})\n</script>\n\n<template>\n  <ElCollapse\n    :class=\"prefixCls\"\n    :model-value=\"takeActiveKeys(panels)\"\n    v-bind=\"collapseAttrs\"\n    @change=\"(key) => {\n      formCollapseRef.setActiveKeys(key)\n    }\"\n  >\n    <template v-for=\"({ props: itemProps, schema: itemSchema, name }, index) of panels\" :key=\"name\">\n      <ElCollapseItem v-bind=\"itemProps\" :name=\"name\">\n        <template #default>\n          <RecursionField :schema=\"itemSchema\" :name=\"name\" />\n        </template>\n        <template #title>\n          <ElBadge\n            v-if=\"panelErrorCounts[index] !== 0\"\n            :class=\"`${prefixCls}-errors-badge`\"\n            :value=\"panelErrorCounts[index]\"\n          >\n            <component\n              :is=\"() => isFn(itemSchema['x-content']?.title)\n                ? itemSchema['x-content']?.title(panelErrorCounts[index])\n                : itemSchema['x-content']?.title\"\n              v-if=\"itemSchema['x-content']?.title\"\n            />\n            <span v-else>{{ itemSchema['x-component-props']?.title }}</span>\n          </ElBadge>\n          <template v-else>\n            <component\n              :is=\"() => isFn(itemSchema['x-content']?.title)\n                ? itemSchema['x-content']?.title(panelErrorCounts[index])\n                : itemSchema['x-content']?.title\"\n              v-if=\"itemSchema['x-content']?.title\"\n            />\n            <template v-else>\n              {{ itemSchema['x-component-props']?.title }}\n            </template>\n          </template>\n        </template>\n      </ElCollapseItem>\n    </template>\n  </ElCollapse>\n</template>\n","import { defineComponent, Fragment, h } from 'vue'\nimport { composeExport } from '../__builtins__'\nimport FormCollapse from './form-collapse.vue'\nimport { createFormCollapse } from './utils'\nimport './style.scss'\n\nexport const FormCollapseItem = defineComponent({\n  name: 'FFormCollapseItem',\n  inheritAttrs: false,\n  setup(_props, { slots }) {\n    return () => h(Fragment, slots.default?.())\n  },\n})\n\nconst composeFormCollapse = composeExport(FormCollapse, {\n  Item: FormCollapseItem,\n  createFormCollapse,\n})\n\nexport { composeFormCollapse as FormCollapse }\nexport default composeFormCollapse\n"],"names":["props","__props","prefixCls","stylePrefix","collapseAttrs","useCleanAttrs","field","useField","schema","useFieldSchema","panels","formilyComputed","usePanels","formCollapseRef","computed","createFormCollapse","takeActiveKeys","panelList","item","panelErrorCounts","_openBlock","_createBlock","_unref","_mergeProps","key","_createElementBlock","_Fragment","_renderList","itemProps","itemSchema","name","index","_createVNode","RecursionField","ElBadge","_resolveDynamicComponent","isFn","_hoisted_1","_toDisplayString","_createTextVNode","FormCollapseItem","defineComponent","_props","slots","h","Fragment","composeFormCollapse","composeExport","FormCollapse"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":["FormCollapse"],"sources":["../../src/form-collapse/index.ts"],"sourcesContent":["import { defineComponent, Fragment, h } from 'vue'\nimport { composeExport } from '../__builtins__'\nimport FormCollapse from './form-collapse.vue'\nimport { createFormCollapse } from './utils'\nimport './style.scss'\n\nexport const FormCollapseItem = defineComponent({\n  name: 'FFormCollapseItem',\n  inheritAttrs: false,\n  setup(_props, { slots }) {\n    return () => h(Fragment, slots.default?.())\n  },\n})\n\nconst composeFormCollapse = composeExport(FormCollapse, {\n  Item: FormCollapseItem,\n  createFormCollapse,\n})\n\nexport { composeFormCollapse as FormCollapse }\nexport default composeFormCollapse\n"],"mappings":";;;;;;AAMA,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,cAAc;CACd,MAAM,QAAQ,EAAE,SAAS;AACvB,eAAa,EAAE,UAAU,MAAM,WAAW,CAAC;;CAE9C,CAAC;AAEF,MAAM,sBAAsB,cAAcA,WAAc;CACtD,MAAM;CACN;CACD,CAAC"}

package/esm/form-collapse/style.css

@@ -0,0 +1,7 @@
+.formily-element-plus-form-collapse {
+  width: 100%;
+}
+.formily-element-plus-form-collapse-errors-badge {
+  line-height: 1;
+  vertical-align: initial;
+}