@silver-formily/element-plus 2.0.1 → 2.2.0

package/README.en-US.md

@@ -0,0 +1,32 @@
+# Silver Formily Element Plus
+
+[![codecov](https://codecov.io/gh/hezhengxu2018/silver-formily-element-plus/graph/badge.svg?token=LZF15NPLJU)](https://codecov.io/gh/hezhengxu2018/silver-formily-element-plus)
+
+English | [简体中文](README.md)
+
+Formily bindings for Element Plus, focused on consistent UI behavior, flexible configuration, and richer form scenarios.
+
+## Documentation
+
+https://element-plus.silver-formily.org/
+
+## Features
+
+- 💡 Unified component style
+- 🔌 Flexible dependencies (Formily + Element Plus as peerDependencies)
+- 🔑 Complete form components plus scenario components
+- ♿️ Better accessibility with enhanced FormItem
+- ✅ Comprehensive testing for new components
+- 📝 Vue template syntax based for readability and performance
+
+## Installation
+
+~~~bash
+pnpm add @silver-formily/element-plus
+~~~
+
+This package relies on peer dependencies such as Formily, Element Plus, Vue, and @silver-formily/vue. Refer to the documentation or package.json for compatible versions and setup details.
+
+## License
+
+MIT

package/README.md

@@ -1,35 +1,32 @@
-# Silver Formily Element Plus
-
-[![codecov](https://codecov.io/gh/hezhengxu2018/silver-formily-element-plus/graph/badge.svg?token=LZF15NPLJU)](https://codecov.io/gh/hezhengxu2018/silver-formily-element-plus)
-
-Another @formily/element-plus component library.
-
-## Features
-
-### 💡 Unified Component Style
-
-The component style leans more towards Element Plus, while the component configuration options lean towards Formily. For conflicting configuration items between the two, we take a balanced approach to ensure flexibility and style consistency.
-
-### 🔌 Flexible Dependencies
-
-Both Formily and Element Plus versions are treated as peerDependencies, allowing you to choose the Element Plus version that best suits your project needs.
-
-### 🔑 Complete Form Components
-
-Complements Element Plus form components while adding additional scenario components to meet various business needs.
-
-### ♿️ Better Accessibility
-
-Enhanced component accessibility. Special focus on FormItem component reconstruction to provide more friendly component access support and visual feedback.
-
-### ✅ Comprehensive Testing
-
-All new components come with comprehensive component testing, ensuring component quality and confidence in refactoring.
-
-### 📝 Vue Template Syntax Based
-
-New components are developed using Vue template syntax whenever possible, providing better readability and runtime optimization, making the code more maintainable and performant.
-
-## Contributor Guide
-
-Please review [`AGENTS.md`](AGENTS.md) for repository structure, workflows, and PR expectations before submitting changes.
+# Silver Formily Element Plus
+
+[![codecov](https://codecov.io/gh/hezhengxu2018/silver-formily-element-plus/graph/badge.svg?token=LZF15NPLJU)](https://codecov.io/gh/hezhengxu2018/silver-formily-element-plus)
+
+简体中文 | [English](README.en-US.md)
+
+基于 Element Plus 的 Formily 组件库封装，提供一致的组件风格、灵活的配置能力以及更丰富的表单场景。
+
+## 文档
+
+https://element-plus.silver-formily.org/
+
+## 特性
+
+- 💡 统一的组件风格
+- 🔌 灵活的依赖策略（Formily 与 Element Plus 作为 peerDependencies）
+- 🔑 完整的表单组件与扩展场景组件
+- ♿️ 更好的无障碍支持与 FormItem 体验
+- ✅ 新组件具备完善测试保障
+- 📝 基于 Vue 模板语法，易读且性能友好
+
+## 安装
+
+~~~bash
+pnpm add @silver-formily/element-plus
+~~~
+
+本包依赖 Formily、Element Plus、Vue、@silver-formily/vue 等 peerDependencies。请查看文档或 package.json 获取兼容版本与配置说明。
+
+## 开源协议
+
+MIT

package/esm/__builtins__/index.mjs

@@ -1,24 +1,23 @@
 import { stylePrefix as r } from "./configs/index.mjs";
 import { useDebounceFn as n, useResizeObserver as s, useThrottleFn as i } from "./shared/hooks.mjs";
-import { loadElConfigProvider as p } from "./shared/load-config-provider.mjs";
-import { getTransitionDuration as f, loading as u, useDebonceSubmitting as x } from "./shared/loading.mjs";
-import { lt as d, quickVersionCompare as C } from "./shared/simple-version-compare.mjs";
-import { mapReadPretty as c, transformComponent as g } from "./shared/transform-component.mjs";
-import { composeExport as D, hasSlotContent as E, isVnodeEmpty as P, isVueOptions as V, useCleanAttrs as h } from "./shared/utils.mjs";
+import { loadElConfigProvider as m } from "./shared/load-config-provider.mjs";
+import { getTransitionDuration as a, loading as f, useDebonceSubmitting as x } from "./shared/loading.mjs";
+import { lt as d, quickVersionCompare as b } from "./shared/simple-version-compare.mjs";
+import { mapReadPretty as g } from "./shared/transform-component.mjs";
+import { composeExport as y, hasSlotContent as D, isVnodeEmpty as E, isVueOptions as P, useCleanAttrs as V } from "./shared/utils.mjs";
 export {
-  D as composeExport,
-  f as getTransitionDuration,
-  E as hasSlotContent,
-  P as isVnodeEmpty,
-  V as isVueOptions,
-  p as loadElConfigProvider,
-  u as loading,
+  y as composeExport,
+  a as getTransitionDuration,
+  D as hasSlotContent,
+  E as isVnodeEmpty,
+  P as isVueOptions,
+  m as loadElConfigProvider,
+  f as loading,
   d as lt,
-  c as mapReadPretty,
-  C as quickVersionCompare,
+  g as mapReadPretty,
+  b as quickVersionCompare,
   r as stylePrefix,
-  g as transformComponent,
-  h as useCleanAttrs,
+  V as useCleanAttrs,
   x as useDebonceSubmitting,
   n as useDebounceFn,
   s as useResizeObserver,

package/esm/__builtins__/shared/index.mjs

@@ -1,23 +1,22 @@
 import { useDebounceFn as r, useResizeObserver as t, useThrottleFn as n } from "./hooks.mjs";
 import { loadElConfigProvider as i } from "./load-config-provider.mjs";
-import { getTransitionDuration as p, loading as a, useDebonceSubmitting as u } from "./loading.mjs";
+import { getTransitionDuration as m, loading as u, useDebonceSubmitting as a } from "./loading.mjs";
 import { lt as l, quickVersionCompare as x } from "./simple-version-compare.mjs";
-import { mapReadPretty as C, transformComponent as b } from "./transform-component.mjs";
-import { composeExport as g, hasSlotContent as D, isVnodeEmpty as E, isVueOptions as V, useCleanAttrs as h } from "./utils.mjs";
+import { mapReadPretty as b } from "./transform-component.mjs";
+import { composeExport as g, hasSlotContent as C, isVnodeEmpty as D, isVueOptions as E, useCleanAttrs as V } from "./utils.mjs";
 export {
   g as composeExport,
-  p as getTransitionDuration,
-  D as hasSlotContent,
-  E as isVnodeEmpty,
-  V as isVueOptions,
+  m as getTransitionDuration,
+  C as hasSlotContent,
+  D as isVnodeEmpty,
+  E as isVueOptions,
   i as loadElConfigProvider,
-  a as loading,
+  u as loading,
   l as lt,
-  C as mapReadPretty,
+  b as mapReadPretty,
   x as quickVersionCompare,
-  b as transformComponent,
-  h as useCleanAttrs,
-  u as useDebonceSubmitting,
+  V as useCleanAttrs,
+  a as useDebonceSubmitting,
   r as useDebounceFn,
   t as useResizeObserver,
   n as useThrottleFn

package/esm/__builtins__/shared/transform-component.d.ts

@@ -1,7 +1,3 @@
+import { IComponentMapper } from '@silver-formily/vue';
 import { Component } from 'vue';
-type ListenersTransformRules = Record<string, string>;
-export declare function transformComponent<T extends Record<string, any>>(tag: any, transformRules?: ListenersTransformRules): Component<T> | any;
-export declare function mapReadPretty<T extends Component, C extends Component>(component: C, readPrettyProps?: Record<string, any>): (target: T) => 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>;
-export {};
+export declare function mapReadPretty(component: Component, readPrettyProps?: Record<string, any>): IComponentMapper;

package/esm/__builtins__/shared/transform-component.mjs

@@ -1,41 +1,25 @@
-import { isVoidField as f } from "@formily/core";
-import { observer as l } from "@formily/reactive-vue";
-import { each as c } from "@formily/shared";
-import { useField as C } from "@silver-formily/vue";
-import { defineComponent as i, h as s } from "vue";
-import { useCleanAttrs as $ } from "./utils.mjs";
-function h(t, o) {
-  const r = t.name.split("El")[1];
-  return i({
-    name: `F${r}`,
-    setup(d, { attrs: a, slots: m }) {
-      return () => {
-        const { props: n } = $();
-        return o && c(o, (p, e) => {
-          n.value[`on${p[0].toUpperCase()}${p.slice(1)}`] = a[`on${e[0].toUpperCase()}${e.slice(1)}`];
-        }), s(t, n.value, m);
-      };
-    }
-  });
-}
-function E(t, o) {
-  return (r) => l(
-    i({
+import { isVoidField as i } from "@formily/core";
+import { observer as s } from "@silver-formily/reactive-vue";
+import { useField as f } from "@silver-formily/vue";
+import { defineComponent as u, h as l } from "vue";
+function C(t, o) {
+  return (r) => s(
+    u({
       name: r.name ? `Read${r.name}` : "ReadComponent",
-      setup(d, { attrs: a, slots: m, listeners: n }) {
-        const p = C();
+      setup(R, { attrs: n, slots: a, listeners: m }) {
+        const p = f();
         return () => {
-          const e = p.value, u = !!e?.data?.readPretty;
-          return s(
-            e && !f(e) && (e.pattern === "readPretty" || u) ? t : r,
+          const e = p.value, d = !!e?.data?.readPretty;
+          return l(
+            e && !i(e) && (e.pattern === "readPretty" || d) ? t : r,
             {
               attrs: {
                 ...o,
-                ...a
+                ...n
               },
-              on: n
+              on: m
             },
-            m
+            a
           );
         };
       }
@@ -43,7 +27,6 @@ function E(t, o) {
   );
 }
 export {
-  E as mapReadPretty,
-  h as transformComponent
+  C as mapReadPretty
 };
 //# sourceMappingURL=transform-component.mjs.map

package/esm/__builtins__/shared/transform-component.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"transform-component.mjs","sources":["../../../src/__builtins__/shared/transform-component.ts"],"sourcesContent":["import type { Component } from 'vue'\r\nimport { isVoidField } from '@formily/core'\r\nimport { observer } from '@formily/reactive-vue'\r\nimport { each } from '@formily/shared'\r\nimport { useField } from '@silver-formily/vue'\r\nimport { defineComponent, h } from 'vue'\r\nimport { useCleanAttrs } from './utils'\r\n\r\ntype ListenersTransformRules = Record<string, string>\r\n\r\nexport function transformComponent<T extends Record<string, any>>(tag: any, transformRules?: ListenersTransformRules): Component<T> | any {\r\n  const componentName = tag.name.split('El')[1]\r\n  return defineComponent({\r\n    name: `F${componentName}`,\r\n    setup(props, { attrs, slots }) {\r\n      return () => {\r\n        const { props: data } = useCleanAttrs()\r\n        if (transformRules) {\r\n          each(transformRules, (event, extract) => {\r\n            data.value[`on${event[0].toUpperCase()}${event.slice(1)}`]\r\n              = attrs[`on${extract[0].toUpperCase()}${extract.slice(1)}`]\r\n          })\r\n        }\r\n        return h(tag, data.value, slots)\r\n      }\r\n    },\r\n  })\r\n}\r\n\r\n// fork from https://github.com/alibaba/formily/blob/7c64c671252adf85471ac5aabfddbaf4fc537354/packages/vue/src/shared/connect.ts#L65\r\nexport function mapReadPretty<T extends Component, C extends Component>(\r\n  component: C,\r\n  readPrettyProps?: Record<string, any>,\r\n) {\r\n  return (target: T) => {\r\n    return observer(\r\n      defineComponent({\r\n        name: target.name ? `Read${target.name}` : `ReadComponent`,\r\n        setup(props, { attrs, slots, listeners }: Record<string, any>) {\r\n          const fieldRef = useField()\r\n          return () => {\r\n            const field = fieldRef.value\r\n            const isEditableReadPretty = !!field?.data?.readPretty\r\n            return h(\r\n              field && !isVoidField(field) && (field.pattern === 'readPretty' || isEditableReadPretty)\r\n                ? component\r\n                : target,\r\n              {\r\n                attrs: {\r\n                  ...readPrettyProps,\r\n                  ...attrs,\r\n                },\r\n                on: listeners,\r\n              },\r\n              slots,\r\n            )\r\n          }\r\n        },\r\n      }),\r\n    )\r\n  }\r\n}\r\n"],"names":["transformComponent","tag","transformRules","componentName","defineComponent","props","attrs","slots","data","useCleanAttrs","each","event","extract","h","mapReadPretty","component","readPrettyProps","target","observer","listeners","fieldRef","useField","field","isEditableReadPretty","isVoidField"],"mappings":";;;;;;AAUO,SAASA,EAAkDC,GAAUC,GAA8D;AACxI,QAAMC,IAAgBF,EAAI,KAAK,MAAM,IAAI,EAAE,CAAC;AAC5C,SAAOG,EAAgB;AAAA,IACrB,MAAM,IAAID,CAAa;AAAA,IACvB,MAAME,GAAO,EAAE,OAAAC,GAAO,OAAAC,KAAS;AAC7B,aAAO,MAAM;AACX,cAAM,EAAE,OAAOC,EAAA,IAASC,EAAA;AACxB,eAAIP,KACFQ,EAAKR,GAAgB,CAACS,GAAOC,MAAY;AACvC,UAAAJ,EAAK,MAAM,KAAKG,EAAM,CAAC,EAAE,YAAA,CAAa,GAAGA,EAAM,MAAM,CAAC,CAAC,EAAE,IACrDL,EAAM,KAAKM,EAAQ,CAAC,EAAE,aAAa,GAAGA,EAAQ,MAAM,CAAC,CAAC,EAAE;AAAA,QAC9D,CAAC,GAEIC,EAAEZ,GAAKO,EAAK,OAAOD,CAAK;AAAA,MACjC;AAAA,IACF;AAAA,EAAA,CACD;AACH;AAGO,SAASO,EACdC,GACAC,GACA;AACA,SAAO,CAACC,MACCC;AAAA,IACLd,EAAgB;AAAA,MACd,MAAMa,EAAO,OAAO,OAAOA,EAAO,IAAI,KAAK;AAAA,MAC3C,MAAMZ,GAAO,EAAE,OAAAC,GAAO,OAAAC,GAAO,WAAAY,KAAkC;AAC7D,cAAMC,IAAWC,EAAA;AACjB,eAAO,MAAM;AACX,gBAAMC,IAAQF,EAAS,OACjBG,IAAuB,CAAC,CAACD,GAAO,MAAM;AAC5C,iBAAOT;AAAA,YACLS,KAAS,CAACE,EAAYF,CAAK,MAAMA,EAAM,YAAY,gBAAgBC,KAC/DR,IACAE;AAAA,YACJ;AAAA,cACE,OAAO;AAAA,gBACL,GAAGD;AAAA,gBACH,GAAGV;AAAA,cAAA;AAAA,cAEL,IAAIa;AAAA,YAAA;AAAA,YAENZ;AAAA,UAAA;AAAA,QAEJ;AAAA,MACF;AAAA,IAAA,CACD;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"transform-component.mjs","sources":["../../../src/__builtins__/shared/transform-component.ts"],"sourcesContent":["import type { IComponentMapper } from '@silver-formily/vue'\r\nimport type { Component } from 'vue'\r\nimport { isVoidField } from '@formily/core'\r\nimport { observer } from '@silver-formily/reactive-vue'\r\nimport { useField } from '@silver-formily/vue'\r\nimport { defineComponent, h } from 'vue'\r\n\r\n// fork from https://github.com/alibaba/formily/blob/7c64c671252adf85471ac5aabfddbaf4fc537354/packages/vue/src/shared/connect.ts#L65\r\nexport function mapReadPretty(\r\n  component: Component,\r\n  readPrettyProps?: Record<string, any>,\r\n): IComponentMapper {\r\n  const mapper = (target: Component) => {\r\n    return observer(\r\n      defineComponent({\r\n        name: target.name ? `Read${target.name}` : `ReadComponent`,\r\n        setup(props, { attrs, slots, listeners }: Record<string, any>) {\r\n          const fieldRef = useField()\r\n          return () => {\r\n            const field = fieldRef.value\r\n            const isEditableReadPretty = !!field?.data?.readPretty\r\n            return h(\r\n              field && !isVoidField(field) && (field.pattern === 'readPretty' || isEditableReadPretty)\r\n                ? component\r\n                : target,\r\n              {\r\n                attrs: {\r\n                  ...readPrettyProps,\r\n                  ...attrs,\r\n                },\r\n                on: listeners,\r\n              },\r\n              slots,\r\n            )\r\n          }\r\n        },\r\n      }),\r\n    )\r\n  }\r\n\r\n  return mapper as unknown as IComponentMapper\r\n}\r\n"],"names":["mapReadPretty","component","readPrettyProps","target","observer","defineComponent","props","attrs","slots","listeners","fieldRef","useField","field","isEditableReadPretty","h","isVoidField"],"mappings":";;;;AAQO,SAASA,EACdC,GACAC,GACkB;AA6BlB,SA5Be,CAACC,MACPC;AAAA,IACLC,EAAgB;AAAA,MACd,MAAMF,EAAO,OAAO,OAAOA,EAAO,IAAI,KAAK;AAAA,MAC3C,MAAMG,GAAO,EAAE,OAAAC,GAAO,OAAAC,GAAO,WAAAC,KAAkC;AAC7D,cAAMC,IAAWC,EAAA;AACjB,eAAO,MAAM;AACX,gBAAMC,IAAQF,EAAS,OACjBG,IAAuB,CAAC,CAACD,GAAO,MAAM;AAC5C,iBAAOE;AAAA,YACLF,KAAS,CAACG,EAAYH,CAAK,MAAMA,EAAM,YAAY,gBAAgBC,KAC/DZ,IACAE;AAAA,YACJ;AAAA,cACE,OAAO;AAAA,gBACL,GAAGD;AAAA,gBACH,GAAGK;AAAA,cAAA;AAAA,cAEL,IAAIE;AAAA,YAAA;AAAA,YAEND;AAAA,UAAA;AAAA,QAEJ;AAAA,MACF;AAAA,IAAA,CACD;AAAA,EAAA;AAKP;"}

package/esm/__builtins__/shared/utils.mjs

@@ -1,8 +1,8 @@
 import { isPlainObj as o } from "@formily/shared";
 import { useAttrs as i } from "element-plus";
-import { computed as a, Fragment as s } from "vue";
+import { computed as a, Comment as s, Text as f, Fragment as c } from "vue";
 import { o as n } from "../../vendor/lodash.mjs";
-function y(t = []) {
+function h(t = []) {
   const r = i();
   return {
     props: a(() => {
@@ -11,24 +11,24 @@ function y(t = []) {
     })
   };
 }
-function g(t) {
+function v(t) {
   return t && (typeof t.template == "string" || typeof t.render == "function");
 }
-function h(t, r) {
+function E(t, r) {
   return Object.assign(t, r);
 }
 /* istanbul ignore next -- @preserve */
 function u(t) {
-  return t.every((r) => !!(r.type === Comment || r.type === Text && typeof r.children == "string" && !r.children.trim() || r.type === s && u(r.children)));
+  return t.every((r) => !!(r.type === s || r.type === f && typeof r.children == "string" && !r.children.trim() || r.type === c && u(r.children)));
 }
-function v(t) {
+function O(t) {
   return t ? !u(t()) : !1;
 }
 export {
-  h as composeExport,
-  v as hasSlotContent,
+  E as composeExport,
+  O as hasSlotContent,
   u as isVnodeEmpty,
-  g as isVueOptions,
-  y as useCleanAttrs
+  v as isVueOptions,
+  h as useCleanAttrs
 };
 //# sourceMappingURL=utils.mjs.map

package/esm/__builtins__/shared/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","sources":["../../../src/__builtins__/shared/utils.ts"],"sourcesContent":["import type { Component, ComputedRef, Slot, VNode } from 'vue'\r\nimport { isPlainObj } from '@formily/shared'\r\nimport { useAttrs } from 'element-plus'\r\nimport { omit } from 'lodash-es'\r\nimport { computed, Fragment } from 'vue'\r\n\r\nexport function useCleanAttrs(removeAttrsList: string[] = []): {\r\n  props: ComputedRef<Record<string, any>>\r\n} {\r\n  const attrs = useAttrs()\r\n  const props = computed(() => {\r\n    const DEFAULT_REMOVE_ATTRS = ['value', 'onChange', 'attrs', 'on', 'readOnly']\r\n    if (isPlainObj(attrs.value.attrs)) {\r\n      return omit({ ...attrs.value, ...attrs.value.attrs }, DEFAULT_REMOVE_ATTRS.concat(removeAttrsList))\r\n    }\r\n    return omit(attrs.value, DEFAULT_REMOVE_ATTRS.concat(removeAttrsList))\r\n  })\r\n  return {\r\n    props,\r\n  }\r\n}\r\n\r\nexport function isVueOptions(options: any): options is Component {\r\n  return (\r\n    options\r\n    && (typeof options.template === 'string'\r\n      || typeof options.render === 'function')\r\n  )\r\n}\r\n\r\nexport function composeExport<T0 extends object, T1 extends object>(\r\n  s0: T0,\r\n  s1: T1,\r\n): T0 & T1 {\r\n  return Object.assign(s0, s1)\r\n}\r\n\r\n// Adapted from https://github.com/vuejs/vue-next/blob/ca17162e377e0a0bf3fae9d92d0fdcb32084a9fe/packages/runtime-core/src/helpers/renderSlot.ts#L77\r\n/* istanbul ignore next -- @preserve */\r\nexport function isVnodeEmpty(vnodes: Array<VNode>) {\r\n  return vnodes.every((node: VNode) => {\r\n    if (node.type === Comment) {\r\n      return true\r\n    }\r\n\r\n    if (node.type === Text && typeof node.children === 'string' && !node.children.trim()) {\r\n      return true\r\n    }\r\n\r\n    if (\r\n      node.type === Fragment\r\n      && isVnodeEmpty(node.children as Array<VNode>)\r\n    ) {\r\n      return true\r\n    }\r\n\r\n    return false\r\n  })\r\n}\r\n\r\nexport function hasSlotContent(slot: Slot<any> | undefined) {\r\n  if (!slot) {\r\n    return false\r\n  }\r\n  return !isVnodeEmpty(slot())\r\n}\r\n"],"names":["useCleanAttrs","removeAttrsList","attrs","useAttrs","computed","DEFAULT_REMOVE_ATTRS","isPlainObj","omit","isVueOptions","options","composeExport","s0","s1","isVnodeEmpty","vnodes","node","Fragment","hasSlotContent","slot"],"mappings":";;;;AAMO,SAASA,EAAcC,IAA4B,IAExD;AACA,QAAMC,IAAQC,EAAA;AAQd,SAAO;AAAA,IACL,OARYC,EAAS,MAAM;AAC3B,YAAMC,IAAuB,CAAC,SAAS,YAAY,SAAS,MAAM,UAAU;AAC5E,aAAIC,EAAWJ,EAAM,MAAM,KAAK,IACvBK,EAAK,EAAE,GAAGL,EAAM,OAAO,GAAGA,EAAM,MAAM,MAAA,GAASG,EAAqB,OAAOJ,CAAe,CAAC,IAE7FM,EAAKL,EAAM,OAAOG,EAAqB,OAAOJ,CAAe,CAAC;AAAA,IACvE,CAAC;AAAA,EAEC;AAEJ;AAEO,SAASO,EAAaC,GAAoC;AAC/D,SACEA,MACI,OAAOA,EAAQ,YAAa,YAC3B,OAAOA,EAAQ,UAAW;AAEnC;AAEO,SAASC,EACdC,GACAC,GACS;AACT,SAAO,OAAO,OAAOD,GAAIC,CAAE;AAC7B;AAGA;AACO,SAASC,EAAaC,GAAsB;AACjD,SAAOA,EAAO,MAAM,CAACC,MACf,GAAAA,EAAK,SAAS,WAIdA,EAAK,SAAS,QAAQ,OAAOA,EAAK,YAAa,YAAY,CAACA,EAAK,SAAS,KAAA,KAK5EA,EAAK,SAASC,KACXH,EAAaE,EAAK,QAAwB,EAMhD;AACH;AAEO,SAASE,EAAeC,GAA6B;AAC1D,SAAKA,IAGE,CAACL,EAAaK,GAAM,IAFlB;AAGX;"}
+{"version":3,"file":"utils.mjs","sources":["../../../src/__builtins__/shared/utils.ts"],"sourcesContent":["import type { Component, ComputedRef, Slot, VNode } from 'vue'\r\nimport { isPlainObj } from '@formily/shared'\r\nimport { useAttrs } from 'element-plus'\r\nimport { omit } from 'lodash-es'\r\nimport { Comment, computed, Fragment, Text } from 'vue'\r\n\r\nexport function useCleanAttrs(removeAttrsList: string[] = []): {\r\n  props: ComputedRef<Record<string, any>>\r\n} {\r\n  const attrs = useAttrs()\r\n  const props = computed(() => {\r\n    const DEFAULT_REMOVE_ATTRS = ['value', 'onChange', 'attrs', 'on', 'readOnly']\r\n    if (isPlainObj(attrs.value.attrs)) {\r\n      return omit({ ...attrs.value, ...attrs.value.attrs }, DEFAULT_REMOVE_ATTRS.concat(removeAttrsList))\r\n    }\r\n    return omit(attrs.value, DEFAULT_REMOVE_ATTRS.concat(removeAttrsList))\r\n  })\r\n  return {\r\n    props,\r\n  }\r\n}\r\n\r\nexport function isVueOptions(options: any): options is Component {\r\n  return (\r\n    options\r\n    && (typeof options.template === 'string'\r\n      || typeof options.render === 'function')\r\n  )\r\n}\r\n\r\nexport function composeExport<T0 extends object, T1 extends object>(\r\n  s0: T0,\r\n  s1: T1,\r\n): T0 & T1 {\r\n  return Object.assign(s0, s1)\r\n}\r\n\r\n// Adapted from https://github.com/vuejs/vue-next/blob/ca17162e377e0a0bf3fae9d92d0fdcb32084a9fe/packages/runtime-core/src/helpers/renderSlot.ts#L77\r\n/* istanbul ignore next -- @preserve */\r\nexport function isVnodeEmpty(vnodes: Array<VNode>) {\r\n  return vnodes.every((node: VNode) => {\r\n    if (node.type === Comment) {\r\n      return true\r\n    }\r\n\r\n    if (node.type === Text && typeof node.children === 'string' && !node.children.trim()) {\r\n      return true\r\n    }\r\n\r\n    if (\r\n      node.type === Fragment\r\n      && isVnodeEmpty(node.children as Array<VNode>)\r\n    ) {\r\n      return true\r\n    }\r\n\r\n    return false\r\n  })\r\n}\r\n\r\nexport function hasSlotContent(slot: Slot<any> | undefined) {\r\n  if (!slot) {\r\n    return false\r\n  }\r\n  return !isVnodeEmpty(slot())\r\n}\r\n"],"names":["useCleanAttrs","removeAttrsList","attrs","useAttrs","computed","DEFAULT_REMOVE_ATTRS","isPlainObj","omit","isVueOptions","options","composeExport","s0","s1","isVnodeEmpty","vnodes","node","Comment","Text","Fragment","hasSlotContent","slot"],"mappings":";;;;AAMO,SAASA,EAAcC,IAA4B,IAExD;AACA,QAAMC,IAAQC,EAAA;AAQd,SAAO;AAAA,IACL,OARYC,EAAS,MAAM;AAC3B,YAAMC,IAAuB,CAAC,SAAS,YAAY,SAAS,MAAM,UAAU;AAC5E,aAAIC,EAAWJ,EAAM,MAAM,KAAK,IACvBK,EAAK,EAAE,GAAGL,EAAM,OAAO,GAAGA,EAAM,MAAM,MAAA,GAASG,EAAqB,OAAOJ,CAAe,CAAC,IAE7FM,EAAKL,EAAM,OAAOG,EAAqB,OAAOJ,CAAe,CAAC;AAAA,IACvE,CAAC;AAAA,EAEC;AAEJ;AAEO,SAASO,EAAaC,GAAoC;AAC/D,SACEA,MACI,OAAOA,EAAQ,YAAa,YAC3B,OAAOA,EAAQ,UAAW;AAEnC;AAEO,SAASC,EACdC,GACAC,GACS;AACT,SAAO,OAAO,OAAOD,GAAIC,CAAE;AAC7B;AAGA;AACO,SAASC,EAAaC,GAAsB;AACjD,SAAOA,EAAO,MAAM,CAACC,MACf,GAAAA,EAAK,SAASC,KAIdD,EAAK,SAASE,KAAQ,OAAOF,EAAK,YAAa,YAAY,CAACA,EAAK,SAAS,KAAA,KAK5EA,EAAK,SAASG,KACXL,EAAaE,EAAK,QAAwB,EAMhD;AACH;AAEO,SAASI,EAAeC,GAA6B;AAC1D,SAAKA,IAGE,CAACP,EAAaO,GAAM,IAFlB;AAGX;"}

package/esm/array-base/index.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as o, createBlock as m, createCommentVNode as f, unref as a, openBlock as i, normalizeClass as u, withCtx as h, createTextVNode as _, toDisplayString as v, createElementBlock as C, renderSlot as c, provide as M, useAttrs as w, withModifiers as $ } from "vue";
+import { defineComponent as o, createBlock as m, createCommentVNode as f, unref as a, openBlock as i, normalizeClass as c, withCtx as h, createTextVNode as _, toDisplayString as v, createElementBlock as C, renderSlot as u, provide as M, useAttrs as w, withModifiers as $ } from "vue";
 import { Plus as D, ArrowDown as I, ArrowUp as R, Delete as S, Rank as U } from "@element-plus/icons-vue";
 import { useField as B, useFieldSchema as V } from "@silver-formily/vue";
 import { ElLink as y } from "element-plus";
@@ -11,26 +11,26 @@ import '../styles/array-base/index.css';const P = /* @__PURE__ */ o({
   __name: "array-base-addition",
   props: {
     method: { default: "push" },
-    defaultValue: null,
-    title: null
+    defaultValue: {},
+    title: {}
   },
-  setup(l) {
-    const n = l, t = B(), e = p();
-    function s() {
-      const r = z(n.defaultValue, e?.schema.value);
-      n.method === "unshift" ? (e?.field?.value.unshift(r), e.attrs?.add?.(0)) : (e?.field?.value.push(r), e.attrs?.add?.(e?.field?.value?.value?.length - 1));
+  setup(n) {
+    const r = n, t = B(), e = p();
+    function l() {
+      const s = z(r.defaultValue, e?.schema.value);
+      r.method === "unshift" ? (e?.field?.value.unshift(s), e.attrs?.add?.(0)) : (e?.field?.value.push(s), e.attrs?.add?.(e?.field?.value?.value?.length - 1));
     }
-    return (r, A) => a(e).field.value.pattern === "editable" ? (i(), m(a(y), {
+    return (s, A) => a(e).field.value.pattern === "editable" ? (i(), m(a(y), {
       key: 0,
-      class: u(`${a(d)}-addition`),
+      class: c(`${a(d)}-addition`),
       icon: a(D),
       underline: a(b)(),
       role: "button",
       "aria-label": "添加条目",
-      onClick: s
+      onClick: l
     }, {
       default: h(() => [
-        _(v(a(t).title || n.title), 1)
+        _(v(a(t).title || r.title), 1)
       ]),
       _: 1
     }, 8, ["class", "icon", "underline"])) : f("", !0);
@@ -38,13 +38,13 @@ import '../styles/array-base/index.css';const P = /* @__PURE__ */ o({
 }), K = /* @__PURE__ */ o({
   name: "ArrayBaseIndex",
   __name: "array-base-index",
-  setup(l) {
-    const n = k();
+  setup(n) {
+    const r = k();
     return (t, e) => (i(), C("span", {
-      class: u(`${a(d)}-index`)
+      class: c(`${a(d)}-index`)
     }, [
-      c(t.$slots, "default", { index: a(n) }, () => [
-        _(" #" + v(a(n) + 1) + ". ", 1)
+      u(t.$slots, "default", { index: a(r) }, () => [
+        _(" #" + v(a(r) + 1) + ". ", 1)
       ])
     ], 2));
   }
@@ -54,56 +54,56 @@ import '../styles/array-base/index.css';const P = /* @__PURE__ */ o({
   __name: "array-base-inner",
   props: {
     disabled: { type: Boolean },
-    keyMap: null
+    keyMap: {}
   },
-  setup(l) {
-    const n = l, t = B(), e = V();
+  setup(n) {
+    const r = n, t = B(), e = V();
     return M(F, {
       field: t,
       schema: e,
-      props: n,
+      props: r,
       attrs: w(),
-      keyMap: n.keyMap
-    }), (s, r) => c(s.$slots, "default");
+      keyMap: r.keyMap
+    }), (l, s) => u(l.$slots, "default");
   }
 }), T = /* @__PURE__ */ o({
   name: "ArrayBaseItem",
   __name: "array-base-item",
   props: {
-    index: null,
-    record: null
+    index: {},
+    record: {}
   },
-  setup(l) {
-    return M(H, l), (t, e) => c(t.$slots, "default");
+  setup(n) {
+    return M(H, n), (t, e) => u(t.$slots, "default");
   }
 }), j = /* @__PURE__ */ o({
   name: "ArrayBaseMoveDown",
   __name: "array-base-move-down",
   props: {
-    title: null
+    title: {}
   },
-  setup(l) {
-    const n = l, t = k(), e = p();
-    function s() {
+  setup(n) {
+    const r = n, t = k(), e = p();
+    function l() {
       x(e?.keyMap) && e.keyMap.splice(
         t.value + 1,
         0,
         e.keyMap.splice(t.value, 1)[0]
       ), e?.field.value.moveDown(t.value), e?.attrs?.moveDown?.(t.value);
     }
-    return (r, A) => a(e)?.field.value.pattern === "editable" ? (i(), m(a(y), {
+    return (s, A) => a(e)?.field.value.pattern === "editable" ? (i(), m(a(y), {
       key: 0,
-      class: u(`${a(d)}-move-down`),
+      class: c(`${a(d)}-move-down`),
       size: "small",
       icon: a(I),
       underline: a(b)(),
       role: "button",
       "aria-label": "下移条目",
-      onClick: $(s, ["stop"])
+      onClick: $(l, ["stop"])
     }, {
       default: h(() => [
-        c(r.$slots, "default", {}, () => [
-          _(v(n.title), 1)
+        u(s.$slots, "default", {}, () => [
+          _(v(r.title), 1)
         ])
       ]),
       _: 3
@@ -113,30 +113,30 @@ import '../styles/array-base/index.css';const P = /* @__PURE__ */ o({
   name: "ArrayBaseMoveUp",
   __name: "array-base-move-up",
   props: {
-    title: null
+    title: {}
   },
-  setup(l) {
-    const n = l, t = k(), e = p();
-    function s() {
+  setup(n) {
+    const r = n, t = k(), e = p();
+    function l() {
       x(e?.keyMap) && e.keyMap.splice(
         t.value - 1,
         0,
         e.keyMap.splice(t.value, 1)[0]
       ), e?.field.value.moveUp(t.value), e?.attrs?.moveUp?.(t.value);
     }
-    return (r, A) => a(e)?.field.value.pattern === "editable" ? (i(), m(a(y), {
+    return (s, A) => a(e)?.field.value.pattern === "editable" ? (i(), m(a(y), {
       key: 0,
-      class: u(`${a(d)}-move-up`),
+      class: c(`${a(d)}-move-up`),
       size: "small",
       icon: a(R),
       underline: a(b)(),
       role: "button",
       "aria-label": "上移条目",
-      onClick: $(s, ["stop"])
+      onClick: $(l, ["stop"])
     }, {
       default: h(() => [
-        c(r.$slots, "default", {}, () => [
-          _(v(n.title), 1)
+        u(s.$slots, "default", {}, () => [
+          _(v(r.title), 1)
         ])
       ]),
       _: 3
@@ -146,26 +146,26 @@ import '../styles/array-base/index.css';const P = /* @__PURE__ */ o({
   name: "ArrayBaseRemove",
   __name: "array-base-remove",
   props: {
-    title: null
+    title: {}
   },
-  setup(l) {
-    const n = l, t = k(), e = p();
-    function s() {
+  setup(n) {
+    const r = n, t = k(), e = p();
+    function l() {
       x(e?.keyMap) && e?.keyMap?.splice(t.value, 1), e?.field.value.remove(t.value), e?.attrs?.remove?.(t.value);
     }
-    return (r, A) => a(e)?.field.value.pattern === "editable" ? (i(), m(a(y), {
+    return (s, A) => a(e)?.field.value.pattern === "editable" ? (i(), m(a(y), {
       key: 0,
-      class: u(`${a(d)}-remove`),
+      class: c(`${a(d)}-remove`),
       size: "small",
       icon: a(S),
       underline: a(b)(),
       role: "button",
       "aria-label": "移除条目",
-      onClick: $(s, ["stop"])
+      onClick: $(l, ["stop"])
     }, {
       default: h(() => [
-        c(r.$slots, "default", {}, () => [
-          _(v(n.title), 1)
+        u(s.$slots, "default", {}, () => [
+          _(v(r.title), 1)
         ])
       ]),
       _: 3
@@ -174,11 +174,11 @@ import '../styles/array-base/index.css';const P = /* @__PURE__ */ o({
 }), J = /* @__PURE__ */ o({
   name: "ArrayBaseSortHandle",
   __name: "array-base-sort-handle",
-  setup(l) {
-    const n = p();
-    return (t, e) => a(n).field.value?.pattern === "editable" ? (i(), m(a(y), {
+  setup(n) {
+    const r = p();
+    return (t, e) => a(r).field.value?.pattern === "editable" ? (i(), m(a(y), {
       key: 0,
-      class: u(`${a(d)}-sort-handle`),
+      class: c(`${a(d)}-sort-handle`),
       size: "small",
       icon: a(U),
       underline: a(b)(),