@silver-formily/element-plus 0.0.1-alpha.0

package/esm/form-step/utils.mjs

@@ -0,0 +1,66 @@
+import { observable as i, action as a, model as m } from "@formily/reactive";
+function b(u = 0) {
+  const e = i({
+    form: null,
+    field: null,
+    steps: []
+  }), n = a.bound((s) => {
+    const r = e.steps[s];
+    for (const { name: o } of e.steps)
+      e.form.query(`${e.field.address}.${o}`).take((p) => {
+        o === r.name ? p.setDisplay("visible") : p.setDisplay("hidden");
+      });
+  }), t = m({
+    connect(s, r) {
+      e.steps = s, e.form = r == null ? void 0 : r.form, e.field = r;
+    },
+    current: u,
+    setCurrent(s) {
+      t.current = s;
+    },
+    get allowNext() {
+      return t.current < e.steps.length - 1;
+    },
+    get allowBack() {
+      return t.current > 0;
+    },
+    async next() {
+      try {
+        await e.form.validate(), c();
+      } catch {
+      }
+    },
+    async back() {
+      l();
+    },
+    async submit(s) {
+      var r, o;
+      return (o = (r = e.form) == null ? void 0 : r.submit) == null ? void 0 : o.call(r, s);
+    }
+  }), c = a.bound(() => {
+    /* istanbul ignore else -- @preserve */
+    t.allowNext && (n(t.current + 1), t.setCurrent(t.current + 1));
+  }), l = a.bound(() => {
+    /* istanbul ignore else -- @preserve */
+    t.allowBack && (n(t.current - 1), t.setCurrent(t.current - 1));
+  });
+  return t;
+}
+function x(u) {
+  const e = [];
+  return u.mapProperties((n, t) => {
+    /* istanbul ignore else -- @preserve */
+    var c;
+    ((c = n["x-component"]) == null ? void 0 : c.indexOf("StepPane")) > -1 && e.push({
+      name: t,
+      props: n["x-component-props"],
+      schema: n,
+      slots: n["x-content"]
+    });
+  }), e;
+}
+export {
+  b as createFormStep,
+  x as parseSteps
+};
+//# sourceMappingURL=utils.mjs.map

package/esm/form-step/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","sources":["../../src/form-step/utils.ts"],"sourcesContent":["import type { Schema, SchemaKey } from '@formily/json-schema'\nimport type { Slots } from 'vue'\nimport type { FormStepEnv, IFormStep } from './types'\nimport { action, model, observable } from '@formily/reactive'\n\nexport interface SchemaStep {\n  name: SchemaKey\n  props: any\n  schema: Schema\n  slots: Slots\n}\n\nexport function createFormStep(defaultCurrent = 0): IFormStep {\n  const env: FormStepEnv = observable({\n    form: null,\n    field: null,\n    steps: [],\n  })\n\n  const setDisplay = action.bound((target: number) => {\n    const currentStep = env.steps[target]\n    for (const { name } of env.steps) {\n      env.form.query(`${env.field.address}.${name}`).take((field) => {\n        if (name === currentStep.name) {\n          field.setDisplay('visible')\n        }\n        else {\n          field.setDisplay('hidden')\n        }\n      })\n    }\n  })\n\n  const formStep: IFormStep = model({\n    connect(steps, field) {\n      env.steps = steps\n      env.form = field?.form\n      env.field = field\n    },\n    current: defaultCurrent,\n    setCurrent(key: number) {\n      formStep.current = key\n    },\n    get allowNext() {\n      return formStep.current < env.steps.length - 1\n    },\n    get allowBack() {\n      return formStep.current > 0\n    },\n    async next() {\n      try {\n        await env.form.validate()\n        // eslint-disable-next-line ts/no-use-before-define\n        next()\n      }\n      catch {}\n    },\n    async back() {\n      // eslint-disable-next-line ts/no-use-before-define\n      back()\n    },\n    async submit(onSubmit) {\n      return env.form?.submit?.(onSubmit)\n    },\n  })\n\n  const next = action.bound(() => {\n    /* istanbul ignore else -- @preserve */\n    if (formStep.allowNext) {\n      setDisplay(formStep.current + 1)\n      formStep.setCurrent(formStep.current + 1)\n    }\n  })\n\n  const back = action.bound(() => {\n    /* istanbul ignore else -- @preserve */\n    if (formStep.allowBack) {\n      setDisplay(formStep.current - 1)\n      formStep.setCurrent(formStep.current - 1)\n    }\n  })\n  return formStep\n}\n\nexport function parseSteps(schema: Schema) {\n  const steps: SchemaStep[] = []\n  schema.mapProperties((schema, name) => {\n    /* istanbul ignore else -- @preserve */\n    if (schema['x-component']?.indexOf('StepPane') > -1) {\n      steps.push({\n        name,\n        props: schema['x-component-props'],\n        schema,\n        slots: schema['x-content'],\n      })\n    }\n  })\n  return steps\n}\n"],"names":["createFormStep","defaultCurrent","env","observable","setDisplay","action","target","currentStep","name","field","formStep","model","steps","key","next","back","onSubmit","_b","_a","parseSteps","schema"],"mappings":";AAYO,SAASA,EAAeC,IAAiB,GAAc;AAC5D,QAAMC,IAAmBC,EAAW;AAAA,IAClC,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO,CAAA;AAAA,EAAC,CACT,GAEKC,IAAaC,EAAO,MAAM,CAACC,MAAmB;AAClD,UAAMC,IAAcL,EAAI,MAAMI,CAAM;AACpC,eAAW,EAAE,MAAAE,OAAUN,EAAI;AACzB,MAAAA,EAAI,KAAK,MAAM,GAAGA,EAAI,MAAM,OAAO,IAAIM,CAAI,EAAE,EAAE,KAAK,CAACC,MAAU;AAC7D,QAAID,MAASD,EAAY,OACvBE,EAAM,WAAW,SAAS,IAG1BA,EAAM,WAAW,QAAQ;AAAA,MAE7B,CAAC;AAAA,EAEL,CAAC,GAEKC,IAAsBC,EAAM;AAAA,IAChC,QAAQC,GAAOH,GAAO;AACpB,MAAAP,EAAI,QAAQU,GACZV,EAAI,OAAOO,KAAA,gBAAAA,EAAO,MAClBP,EAAI,QAAQO;AAAA,IACd;AAAA,IACA,SAASR;AAAA,IACT,WAAWY,GAAa;AACtB,MAAAH,EAAS,UAAUG;AAAA,IACrB;AAAA,IACA,IAAI,YAAY;AACd,aAAOH,EAAS,UAAUR,EAAI,MAAM,SAAS;AAAA,IAC/C;AAAA,IACA,IAAI,YAAY;AACd,aAAOQ,EAAS,UAAU;AAAA,IAC5B;AAAA,IACA,MAAM,OAAO;AACX,UAAI;AACF,cAAMR,EAAI,KAAK,SAAA,GAEfY,EAAA;AAAA,MACF,QACM;AAAA,MAAC;AAAA,IACT;AAAA,IACA,MAAM,OAAO;AAEX,MAAAC,EAAA;AAAA,IACF;AAAA,IACA,MAAM,OAAOC,GAAU;;AACrB,cAAOC,KAAAC,IAAAhB,EAAI,SAAJ,gBAAAgB,EAAU,WAAV,gBAAAD,EAAA,KAAAC,GAAmBF;AAAA,IAC5B;AAAA,EAAA,CACD,GAEKF,IAAOT,EAAO,MAAM,MAAM;AAAA,IAAA;AAE9B,IAAIK,EAAS,cACXN,EAAWM,EAAS,UAAU,CAAC,GAC/BA,EAAS,WAAWA,EAAS,UAAU,CAAC;AAAA,EAE5C,CAAC,GAEKK,IAAOV,EAAO,MAAM,MAAM;AAAA,IAAA;AAE9B,IAAIK,EAAS,cACXN,EAAWM,EAAS,UAAU,CAAC,GAC/BA,EAAS,WAAWA,EAAS,UAAU,CAAC;AAAA,EAE5C,CAAC;AACD,SAAOA;AACT;AAEO,SAASS,EAAWC,GAAgB;AACzC,QAAMR,IAAsB,CAAA;AAC5B,SAAAQ,EAAO,cAAc,CAACA,GAAQZ,MAAS;AAAA,IAAA;;AAErC,MAAIY,IAAAA,EAAO,aAAa,MAApBA,gBAAAA,EAAuB,QAAQ,eAAc,MAC/CR,EAAM,KAAK;AAAA,MACT,MAAAJ;AAAA,MACA,OAAOY,EAAO,mBAAmB;AAAA,MACjC,QAAAA;AAAAA,MACA,OAAOA,EAAO,WAAW;AAAA,IAAA,CAC1B;AAAA,EAEL,CAAC,GACMR;AACT;"}

package/esm/form-tab/form-tab.d.ts

@@ -0,0 +1,7 @@
+import { IFormTabProps } from './types.ts';
+declare const _default: import('vue').DefineComponent<IFormTabProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    input: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<IFormTabProps> & Readonly<{
+    onInput?: (...args: any[]) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/esm/form-tab/hooks.d.ts

@@ -0,0 +1,7 @@
+import { Schema, SchemaKey } from '@formily/json-schema';
+export type Tabs = {
+    name: SchemaKey;
+    props: any;
+    schema: Schema;
+}[];
+export declare function useTabs(): Tabs;

package/esm/form-tab/hooks.mjs

@@ -0,0 +1,32 @@
+import { observable as i, reaction as l } from "@formily/reactive";
+import { useField as d, useFieldSchema as b } from "@formily/vue";
+function v() {
+  const r = d(), s = b(), a = i([]);
+  return l(() => {
+    var t;
+    return (t = s.value) == null ? void 0 : t.mapProperties((n, e) => {
+      const o = r.value.query(r.value.address.concat(e)).take();
+      return o == null ? void 0 : o.display;
+    });
+  }, () => {
+    var p;
+    a.length = 0, (p = s.value) == null || p.mapProperties((t, n) => {
+      var o, u;
+      const e = r.value.query(r.value.address.concat(n)).take();
+      (e == null ? void 0 : e.display) === "none" || (e == null ? void 0 : e.display) === "hidden" || ((o = t["x-component"]) == null ? void 0 : o.indexOf("TabPane")) > -1 && a.push({
+        name: n,
+        props: {
+          name: ((u = t == null ? void 0 : t["x-component-props"]) == null ? void 0 : u.name) || n,
+          ...t == null ? void 0 : t["x-component-props"]
+        },
+        schema: t
+      });
+    });
+  }, {
+    fireImmediately: !0
+  }), a;
+}
+export {
+  v as useTabs
+};
+//# sourceMappingURL=hooks.mjs.map

package/esm/form-tab/hooks.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.mjs","sources":["../../src/form-tab/hooks.ts"],"sourcesContent":["import type { Schema, SchemaKey } from '@formily/json-schema'\nimport { observable, reaction } from '@formily/reactive'\nimport { useField, useFieldSchema } from '@formily/vue'\n\nexport type Tabs = { name: SchemaKey, props: any, schema: Schema }[]\n\nexport function useTabs() {\n  const tabsField = useField()\n  const schema = useFieldSchema()\n  const tabs: Tabs = observable([])\n  reaction(() => {\n    const tabDisplayStatus = schema.value?.mapProperties((schema, name) => {\n      const field = tabsField.value\n        .query(tabsField.value.address.concat(name))\n        .take()\n      return field?.display\n    })\n    return tabDisplayStatus\n  }, () => {\n    tabs.length = 0\n    schema.value?.mapProperties((schema, name) => {\n      const field = tabsField.value\n        .query(tabsField.value.address.concat(name))\n        .take()\n      if (field?.display === 'none' || field?.display === 'hidden')\n        return\n\n      if (schema['x-component']?.indexOf('TabPane') > -1) {\n        tabs.push({\n          name,\n          props: {\n            name: schema?.['x-component-props']?.name || name,\n            ...schema?.['x-component-props'],\n          },\n          schema,\n        })\n      }\n    })\n  }, {\n    fireImmediately: true,\n  })\n\n  return tabs\n}\n"],"names":["useTabs","tabsField","useField","schema","useFieldSchema","tabs","observable","reaction","_a","name","field"],"mappings":";;AAMO,SAASA,IAAU;AACxB,QAAMC,IAAYC,EAAA,GACZC,IAASC,EAAA,GACTC,IAAaC,EAAW,EAAE;AAChC,SAAAC,EAAS,MAAM;;AAOb,YANyBC,IAAAL,EAAO,UAAP,gBAAAK,EAAc,cAAc,CAACL,GAAQM,MAAS;AACrE,YAAMC,IAAQT,EAAU,MACrB,MAAMA,EAAU,MAAM,QAAQ,OAAOQ,CAAI,CAAC,EAC1C,KAAA;AACH,aAAOC,KAAA,gBAAAA,EAAO;AAAA,IAChB;AAAA,EAEF,GAAG,MAAM;;AACP,IAAAL,EAAK,SAAS,IACdG,IAAAL,EAAO,UAAP,QAAAK,EAAc,cAAc,CAACL,GAAQM,MAAS;;AAC5C,YAAMC,IAAQT,EAAU,MACrB,MAAMA,EAAU,MAAM,QAAQ,OAAOQ,CAAI,CAAC,EAC1C,KAAA;AACH,OAAIC,KAAA,gBAAAA,EAAO,aAAY,WAAUA,KAAA,gBAAAA,EAAO,aAAY,cAGhDP,IAAAA,EAAO,aAAa,MAApBA,gBAAAA,EAAuB,QAAQ,cAAa,MAC9CE,EAAK,KAAK;AAAA,QACR,MAAAI;AAAA,QACA,OAAO;AAAA,UACL,QAAMN,IAAAA,KAAAA,gBAAAA,EAAS,yBAATA,gBAAAA,EAA+B,SAAQM;AAAA,UAC7C,GAAGN,KAAAA,gBAAAA,EAAS;AAAA,QAAmB;AAAA,QAEjC,QAAAA;AAAAA,MAAA,CACD;AAAA,IAEL;AAAA,EACF,GAAG;AAAA,IACD,iBAAiB;AAAA,EAAA,CAClB,GAEME;AACT;"}

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

@@ -0,0 +1,28 @@
+import { createFormTab } from './utils';
+export declare const composeFormTab: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').IFormTabProps> & Readonly<{
+        onInput?: (...args: any[]) => any;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        input: (...args: any[]) => void;
+    }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./types').IFormTabProps> & Readonly<{
+        onInput?: (...args: any[]) => any;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').IFormTabProps> & Readonly<{
+    onInput?: (...args: any[]) => any;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    input: (...args: any[]) => void;
+}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    createFormTab: typeof createFormTab;
+};
+export { composeFormTab as FormTab };
+export default composeFormTab;

package/esm/form-tab/index.mjs

@@ -0,0 +1,80 @@
+import { observer as B } from "@formily/reactive-vue";
+import { defineComponent as K, computed as w, ref as $, watch as L, createBlock as i, openBlock as l, unref as t, withCtx as u, createElementBlock as b, Fragment as T, renderList as N, mergeProps as R, normalizeClass as V, createTextVNode as y, toDisplayString as _, createVNode as q } from "vue";
+import { ElTabs as z, ElTabPane as A, ElBadge as D } from "element-plus";
+import { reaction as I, observable as P } from "@formily/reactive";
+import "@formily/core";
+import { useField as S, RecursionField as j } from "@formily/vue";
+import { composeExport as G } from "../__builtins__/shared/utils.mjs";
+import { stylePrefix as H } from "../__builtins__/configs/index.mjs";
+import { useTabs as J } from "./hooks.mjs";
+import { createFormTab as h } from "./utils.mjs";
+import '../styles/form-tab/index.css';const M = /* @__PURE__ */ K({
+  name: "FFormTab",
+  __name: "form-tab",
+  props: {
+    formTab: null,
+    value: null
+  },
+  emits: ["input"],
+  setup(F, { emit: g }) {
+    var p;
+    const m = F, x = g, c = S(), C = `${H}-form-tab`, s = w(() => m.formTab ?? h()), r = J(), n = $((m == null ? void 0 : m.value) ?? s.value.activeKey ?? ((p = r == null ? void 0 : r[0]) == null ? void 0 : p.name));
+    I(() => r.length, () => {
+      var e;
+      !r.some((a) => a.name === n.value) && (n.value = (e = r == null ? void 0 : r[0]) == null ? void 0 : e.name);
+    }, {
+      fireImmediately: !0
+    }), L(() => s.value.activeKey, (e) => {
+      n.value = e;
+    });
+    const f = P.computed(() => r.map((e) => c.value.form.queryFeedbacks({
+      type: "error",
+      address: `${c.value.address}.${e.name}.*`
+    }).length));
+    function E(e) {
+      /* istanbul ignore if -- @preserve */
+      var a, o;
+      typeof e == "string" && (x("input", e), (o = (a = s.value).setActiveKey) == null || o.call(a, e));
+    }
+    return (e, a) => (l(), i(t(z), {
+      "model-value": n.value,
+      style: { width: "100%" },
+      onTabChange: E
+    }, {
+      default: u(() => [
+        (l(!0), b(T, null, N(t(r), ({ props: o, schema: k, name: d }, v) => (l(), i(t(A), R({ key: d }, { ref_for: !0 }, o), {
+          default: u(() => [
+            q(t(j), {
+              schema: k,
+              name: d
+            }, null, 8, ["schema", "name"])
+          ]),
+          label: u(() => [
+            t(f).value[v] !== 0 ? (l(), i(t(D), {
+              key: 0,
+              class: V(C),
+              value: t(f).value[v]
+            }, {
+              default: u(() => [
+                y(_(o.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["value"])) : (l(), b(T, { key: 1 }, [
+              y(_(o.label), 1)
+            ], 64))
+          ]),
+          _: 2
+        }, 1040))), 128))
+      ]),
+      _: 1
+    }, 8, ["model-value"]));
+  }
+}), O = B(M), ae = G(O, {
+  createFormTab: h
+});
+export {
+  ae as FormTab,
+  ae as composeFormTab,
+  ae as default
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/form-tab/form-tab.vue","../../src/form-tab/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { IFormTabProps } from './types.ts'\nimport { observable, reaction } from '@formily/reactive'\nimport { RecursionField, useField } from '@formily/vue'\nimport { ElBadge, ElTabPane, ElTabs } from 'element-plus'\nimport { computed, ref, watch } from 'vue'\nimport { stylePrefix } from '../__builtins__'\nimport { useTabs } from './hooks'\nimport { createFormTab } from './utils'\n\ndefineOptions({\n  name: 'FFormTab',\n})\n\nconst props = defineProps({\n  formTab: null,\n  value: null\n})\nconst emit = defineEmits(['input'])\n\nconst field = useField()\nconst prefixCls = `${stylePrefix}-form-tab`\nconst formTabRef = computed(() => props.formTab ?? createFormTab())\nconst tabs = useTabs()\nconst _activeKey = ref(props?.value ?? formTabRef.value.activeKey ?? tabs?.[0]?.name)\n\nreaction(() => {\n  return tabs.length\n}, () => {\n  !tabs.some(tab => tab.name === _activeKey.value) && (_activeKey.value = tabs?.[0]?.name)\n}, {\n  fireImmediately: true,\n})\nwatch(() => formTabRef.value.activeKey, (val) => {\n  _activeKey.value = val\n})\n\nconst errorList = observable.computed(() => {\n  return tabs.map((tab) => {\n    return field.value.form.queryFeedbacks({\n      type: 'error',\n      address: `${field.value.address}.${tab.name}.*`,\n    }).length\n  })\n})\n\nfunction handleTabChange(key: string) {\n  /* istanbul ignore if -- @preserve */\n  if (typeof key !== 'string')\n    return\n  emit('input', key)\n  formTabRef.value.setActiveKey?.(key)\n}\n</script>\n\n<template>\n  <ElTabs\n    :model-value=\"_activeKey\"\n    style=\"width: 100%;\"\n    @tab-change=\"handleTabChange\"\n  >\n    <ElTabPane\n      v-for=\"({ props: tabProps, schema, name }, key) in tabs\"\n      :key=\"name\"\n      v-bind=\"tabProps\"\n    >\n      <template #default>\n        <RecursionField :schema=\"schema\" :name=\"name\" />\n      </template>\n      <template #label>\n        <ElBadge\n          v-if=\"errorList.value[key] !== 0\"\n          :class=\"prefixCls\"\n          :value=\"errorList.value[key]\"\n        >\n          {{ tabProps.label }}\n        </ElBadge>\n        <template v-else>\n          {{ tabProps.label }}\n        </template>\n      </template>\n    </ElTabPane>\n  </ElTabs>\n</template>\n","import { observer } from '@formily/reactive-vue'\nimport { composeExport } from '../__builtins__'\nimport FFormTab from './form-tab.vue'\nimport { createFormTab } from './utils'\nimport './style.scss'\n\nconst FormTab = observer(FFormTab)\n\nexport const composeFormTab = composeExport(FormTab, {\n  createFormTab,\n})\n\nexport { composeFormTab as FormTab }\nexport default composeFormTab\n"],"names":["props","__props","emit","__emit","field","useField","prefixCls","stylePrefix","formTabRef","computed","createFormTab","tabs","useTabs","_activeKey","ref","_a","reaction","tab","watch","val","errorList","observable","handleTabChange","key","_b","_createBlock","_unref","ElTabs","_createElementBlock","_Fragment","_renderList","tabProps","schema","name","_openBlock","_mergeProps","_createVNode","RecursionField","ElBadge","_createTextVNode","_toDisplayString","FormTab","observer","FFormTab","composeFormTab","composeExport"],"mappings":";;;;;;;;;;;;;;;;;;;;AAcA,UAAMA,IAAQC,GAIRC,IAAOC,GAEPC,IAAQC,EAAA,GACRC,IAAY,GAAGC,CAAW,aAC1BC,IAAaC,EAAS,MAAMT,EAAM,WAAWU,GAAe,GAC5DC,IAAOC,EAAA,GACPC,IAAaC,GAAId,KAAA,gBAAAA,EAAO,UAASQ,EAAW,MAAM,eAAaO,IAAAJ,KAAA,gBAAAA,EAAO,OAAP,gBAAAI,EAAW,KAAI;AAEpF,IAAAC,EAAS,MACAL,EAAK,QACX,MAAM;;AACP,OAACA,EAAK,KAAK,CAAAM,MAAOA,EAAI,SAASJ,EAAW,KAAK,MAAMA,EAAW,SAAQE,IAAAJ,KAAA,gBAAAA,EAAO,OAAP,gBAAAI,EAAW;AAAA,IACrF,GAAG;AAAA,MACD,iBAAiB;AAAA,IAAA,CAClB,GACDG,EAAM,MAAMV,EAAW,MAAM,WAAW,CAACW,MAAQ;AAC/C,MAAAN,EAAW,QAAQM;AAAA,IACrB,CAAC;AAED,UAAMC,IAAYC,EAAW,SAAS,MAC7BV,EAAK,IAAI,CAACM,MACRb,EAAM,MAAM,KAAK,eAAe;AAAA,MACrC,MAAM;AAAA,MACN,SAAS,GAAGA,EAAM,MAAM,OAAO,IAAIa,EAAI,IAAI;AAAA,IAAA,CAC5C,EAAE,MACJ,CACF;AAED,aAASK,EAAgBC,GAAa;AAAA,MAAA;;AAEpC,MAAI,OAAOA,KAAQ,aAEnBrB,EAAK,SAASqB,CAAG,IACjBC,KAAAT,IAAAP,EAAW,OAAM,iBAAjB,QAAAgB,EAAA,KAAAT,GAAgCQ;AAAA,IAClC;2BAIEE,EA0BSC,EAAAC,CAAA,GAAA;AAAA,MAzBN,eAAad,EAAA;AAAA,MACd,OAAA,EAAA,OAAA,OAAA;AAAA,MACC,aAAYS;AAAA,IAAA;iBAGX,MAAwD;AAAA,gBAD1DM,EAoBYC,GAAA,MAAAC,EAnByCJ,MAAI,CAAA,EAAA,OAAtCK,GAAU,QAAAC,GAAQ,MAAAC,EAAA,GAAQV,OAD7CW,KAAAT,EAoBYC,MApBZS,EAoBY,EAlBT,KAAKF,EAAA,oBACEF,CAAQ,GAAA;AAAA,UAEL,WACT,MAAgD;AAAA,YAAhDK,EAAgDV,EAAAW,CAAA,GAAA;AAAA,cAA/B,QAAAL;AAAA,cAAiB,MAAAC;AAAA,YAAA;;UAEzB,SADP,MAMQ;AAAA,YAHFP,EAAAN,CAAA,EAAU,MAAMG,CAAG,MAAA,UAD3BE,EAMUC,EAAAY,CAAA,GAAA;AAAA;cAJP,SAAOhC,CAAS;AAAA,cAChB,OAAOoB,EAAAN,CAAA,EAAU,MAAMG,CAAG;AAAA,YAAA;yBAE3B,MAAoB;AAAA,gBAAjBgB,EAAAC,EAAAT,EAAS,KAAK,GAAA,CAAA;AAAA,cAAA;;yCAEnBH,EAEWC,GAAA,EAAA,KAAA,KAAA;AAAA,cADNU,EAAAC,EAAAT,EAAS,KAAK,GAAA,CAAA;AAAA,YAAA;;;;;;;;ICxErBU,IAAUC,EAASC,CAAQ,GAEpBC,KAAiBC,EAAcJ,GAAS;AAAA,EACnD,eAAA/B;AACF,CAAC;"}

package/esm/form-tab/types.d.ts

@@ -0,0 +1,12 @@
+export interface IFormTab {
+    name: string;
+    activeKey: string;
+    setActiveKey: (key: string) => void;
+}
+export interface IFormTabProps {
+    formTab?: IFormTab;
+    value?: string | number;
+}
+export interface IFormTabPaneProps {
+    key: string | number;
+}

package/esm/form-tab/types.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.mjs.map

package/esm/form-tab/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/form-tab/utils.d.ts

@@ -0,0 +1,4 @@
+export declare function createFormTab(defaultActiveKey?: string): {
+    activeKey: string;
+    setActiveKey(key: string): void;
+};

package/esm/form-tab/utils.mjs

@@ -0,0 +1,14 @@
+import { model as r } from "@formily/reactive";
+function a(t) {
+  const e = r({
+    activeKey: t,
+    setActiveKey(o) {
+      e.activeKey = o;
+    }
+  });
+  return e;
+}
+export {
+  a as createFormTab
+};
+//# sourceMappingURL=utils.mjs.map

package/esm/form-tab/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","sources":["../../src/form-tab/utils.ts"],"sourcesContent":["import { model } from '@formily/reactive'\n\nexport function createFormTab(defaultActiveKey?: string) {\n  const formTab = model({\n    activeKey: defaultActiveKey,\n    setActiveKey(key: string) {\n      formTab.activeKey = key\n    },\n  })\n  return formTab\n}\n"],"names":["createFormTab","defaultActiveKey","formTab","model","key"],"mappings":";AAEO,SAASA,EAAcC,GAA2B;AACvD,QAAMC,IAAUC,EAAM;AAAA,IACpB,WAAWF;AAAA,IACX,aAAaG,GAAa;AACxB,MAAAF,EAAQ,YAAYE;AAAA,IACtB;AAAA,EAAA,CACD;AACD,SAAOF;AACT;"}

package/esm/index.d.ts

@@ -0,0 +1,37 @@
+export * from './array-cards';
+export * from './array-collapse';
+export * from './array-items';
+export * from './array-list-tabs';
+export * from './array-table';
+export * from './array-tabs';
+export * from './cascader';
+export * from './checkbox';
+export * from './date-picker';
+export * from './editable';
+export * from './form';
+export * from './form-button-group';
+export * from './form-collapse';
+export * from './form-dialog';
+export * from './form-drawer';
+export * from './form-grid';
+export * from './form-item';
+export * from './form-layout';
+export * from './form-step';
+export * from './form-tab';
+export * from './input';
+export * from './input-number';
+export * from './password';
+export * from './preview-text';
+export * from './radio';
+export * from './reset';
+export * from './select';
+export * from './select-table';
+export * from './space';
+export * from './submit';
+export * from './switch';
+export * from './time-picker';
+export * from './time-select';
+export * from './transfer';
+export * from './tree';
+export * from './tree-select';
+export * from './upload';

package/esm/index.mjs

@@ -0,0 +1,81 @@
+import { ArrayCards as e } from "./array-cards/index.mjs";
+import { ArrayCollapse as t } from "./array-collapse/index.mjs";
+import { ArrayItems as f } from "./array-items/index.mjs";
+import { ArrayListTabs as a } from "./array-list-tabs/index.mjs";
+import { ArrayTable as l } from "./array-table/index.mjs";
+import { ArrayTabs as c } from "./array-tabs/index.mjs";
+import { Cascader as T } from "./cascader/index.mjs";
+import { Checkbox as d } from "./checkbox/index.mjs";
+import { DatePicker as u } from "./date-picker/index.mjs";
+import { Editable as A } from "./editable/index.mjs";
+import { _ as I } from "./form/form.mjs";
+import { FormButtonGroup as n } from "./form-button-group/index.mjs";
+import { FormCollapse as P, FormCollapseItem as D } from "./form-collapse/index.mjs";
+import { FormDialog as B } from "./form-dialog/index.mjs";
+import { FormDrawer as G } from "./form-drawer/index.mjs";
+import { FormGrid as R } from "./form-grid/index.mjs";
+import { FormBaseItem as g, FormItem as v, fieldFeedbackMapper as M } from "./form-item/index.mjs";
+import { _ as U } from "./form-layout/form-layout.mjs";
+import { FormStep as q } from "./form-step/index.mjs";
+import { composeFormTab as H, composeFormTab as J } from "./form-tab/index.mjs";
+import { Input as O } from "./input/index.mjs";
+import { InputNumber as V } from "./input-number/index.mjs";
+import { Password as X } from "./password/index.mjs";
+import { PreviewText as Z } from "./preview-text/index.mjs";
+import { Radio as rr } from "./radio/index.mjs";
+import { Reset as er } from "./reset/index.mjs";
+import { Select as tr } from "./select/index.mjs";
+import { SelectTable as fr } from "./select-table/index.mjs";
+import { ElSpace as ar } from "element-plus";
+import { Submit as lr } from "./submit/index.mjs";
+import { Switch as cr } from "./switch/index.mjs";
+import { TimePicker as Tr } from "./time-picker/index.mjs";
+import { TimeSelect as dr } from "./time-select/index.mjs";
+import { Transfer as ur } from "./transfer/index.mjs";
+import { Tree as Ar } from "./tree/index.mjs";
+import { TreeSelect as Ir } from "./tree-select/index.mjs";
+import { Upload as nr } from "./upload/index.mjs";
+export {
+  e as ArrayCards,
+  t as ArrayCollapse,
+  f as ArrayItems,
+  a as ArrayListTabs,
+  l as ArrayTable,
+  c as ArrayTabs,
+  T as Cascader,
+  d as Checkbox,
+  u as DatePicker,
+  A as Editable,
+  I as Form,
+  g as FormBaseItem,
+  n as FormButtonGroup,
+  P as FormCollapse,
+  D as FormCollapseItem,
+  B as FormDialog,
+  G as FormDrawer,
+  R as FormGrid,
+  v as FormItem,
+  U as FormLayout,
+  q as FormStep,
+  H as FormTab,
+  O as Input,
+  V as InputNumber,
+  X as Password,
+  Z as PreviewText,
+  rr as Radio,
+  er as Reset,
+  tr as Select,
+  fr as SelectTable,
+  ar as Space,
+  lr as Submit,
+  cr as Switch,
+  Tr as TimePicker,
+  dr as TimeSelect,
+  ur as Transfer,
+  Ar as Tree,
+  Ir as TreeSelect,
+  nr as Upload,
+  J as composeFormTab,
+  M as fieldFeedbackMapper
+};
+//# sourceMappingURL=index.mjs.map

package/esm/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/esm/input/index.d.ts

@@ -0,0 +1,84 @@
+export declare const Input: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        value?: string | number;
+    }> & Readonly<{
+        onChange?: (value: string | number) => any;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        change: (value: string | number) => any;
+    }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        value?: string | number;
+    }> & Readonly<{
+        onChange?: (value: string | number) => any;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{
+    value?: string | number;
+}> & Readonly<{
+    onChange?: (value: string | number) => any;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: string | number) => any;
+}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: Readonly<{
+        prefix?: () => any;
+        suffix?: () => any;
+        prepend?: () => any;
+        append?: () => any;
+    }> & {
+        prefix?: () => any;
+        suffix?: () => any;
+        prepend?: () => any;
+        append?: () => any;
+    };
+}) & {
+    TextArea: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            value?: string | number;
+        }> & Readonly<{
+            onChange?: (value: string | number) => any;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            change: (value: string | number) => any;
+        }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            value?: string | number;
+        }> & Readonly<{
+            onChange?: (value: string | number) => any;
+        }>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        value?: string | number;
+    }> & Readonly<{
+        onChange?: (value: string | number) => any;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        change: (value: string | number) => any;
+    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: Readonly<{
+            prefix?: () => any;
+            suffix?: () => any;
+            prepend?: () => any;
+            append?: () => any;
+        }> & {
+            prefix?: () => any;
+            suffix?: () => any;
+            prepend?: () => any;
+            append?: () => any;
+        };
+    });
+};
+export default Input;

package/esm/input/index.mjs

@@ -0,0 +1,77 @@
+import { connect as s, mapProps as m } from "@formily/vue";
+import { defineComponent as x, useSlots as I, createBlock as k, openBlock as P, unref as a, mergeProps as $, createSlots as g, withCtx as n, renderSlot as r } from "vue";
+import { ElInput as h } from "element-plus";
+import "@formily/reactive";
+import { mapReadPretty as l } from "../__builtins__/shared/transform-component.mjs";
+import { useCleanAttrs as A, composeExport as C } from "../__builtins__/shared/utils.mjs";
+import { PreviewText as i } from "../preview-text/index.mjs";
+import "@formily/core";
+import "@formily/reactive-vue";
+const u = /* @__PURE__ */ x({
+  name: "FInput",
+  inheritAttrs: !1,
+  __name: "input",
+  props: {
+    value: null
+  },
+  emits: ["change"],
+  setup(e, { emit: d }) {
+    const f = e, c = d, t = I(), { props: v } = A();
+    return (o, p) => (P(), k(a(h), $(a(v), {
+      "model-value": f.value,
+      "onUpdate:modelValue": p[0] || (p[0] = (y) => c("change", y))
+    }), g({ _: 2 }, [
+      t.prefix ? {
+        name: "prefix",
+        fn: n(() => [
+          r(o.$slots, "prefix")
+        ]),
+        key: "0"
+      } : void 0,
+      t.suffix ? {
+        name: "suffix",
+        fn: n(() => [
+          r(o.$slots, "suffix")
+        ]),
+        key: "1"
+      } : void 0,
+      t.prepend ? {
+        name: "prepend",
+        fn: n(() => [
+          r(o.$slots, "prepend")
+        ]),
+        key: "2"
+      } : void 0,
+      t.append ? {
+        name: "append",
+        fn: n(() => [
+          r(o.$slots, "append")
+        ]),
+        key: "3"
+      } : void 0
+    ]), 1040, ["model-value"]));
+  }
+}), S = s(
+  u,
+  m({
+    value: "modelValue",
+    readOnly: "readonly"
+  }),
+  l(i.Input)
+), V = s(
+  u,
+  m((e) => ({
+    ...e,
+    modelValue: e.value,
+    readonly: e.readOnly,
+    type: "textarea"
+  })),
+  l(i.Input)
+), b = C(S, {
+  TextArea: V
+});
+export {
+  b as Input,
+  b as default
+};
+//# sourceMappingURL=index.mjs.map

package/esm/input/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/input/input.vue","../../src/input/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ElInput } from 'element-plus'\nimport { useCleanAttrs } from '../__builtins__/index'\n\ndefineOptions({\n  name: 'FInput',\n  inheritAttrs: false,\n})\n\nconst props = defineProps({\n  value: null\n})\n\nconst emit = defineEmits([\"change\"])\n\nconst slots = defineSlots<{\n  prefix?: () => any\n  suffix?: () => any\n  prepend?: () => any\n  append?: () => any\n}>()\n\nconst { props: inputProps } = useCleanAttrs()\n</script>\n\n<template>\n  <ElInput\n    v-bind=\"inputProps\"\n    :model-value=\"props.value\"\n    @update:model-value=\"(val) => emit('change', val)\"\n  >\n    <template v-if=\"slots.prefix\" #prefix>\n      <slot name=\"prefix\" />\n    </template>\n    <template v-if=\"slots.suffix\" #suffix>\n      <slot name=\"suffix\" />\n    </template>\n    <template v-if=\"slots.prepend\" #prepend>\n      <slot name=\"prepend\" />\n    </template>\n    <template v-if=\"slots.append\" #append>\n      <slot name=\"append\" />\n    </template>\n  </ElInput>\n</template>\n","import { connect, mapProps } from '@formily/vue'\nimport { composeExport, mapReadPretty } from '../__builtins__'\nimport { PreviewText } from '../preview-text'\nimport FInput from './input.vue'\n\nconst InnerInput = connect(\n  FInput,\n  mapProps({\n    value: 'modelValue',\n    readOnly: 'readonly',\n  }),\n  mapReadPretty(PreviewText.Input),\n)\n\nconst TextArea = connect(\n  FInput,\n  mapProps((props) => {\n    return {\n      ...props,\n      modelValue: props.value,\n      readonly: props.readOnly,\n      type: 'textarea',\n    }\n  }),\n  mapReadPretty(PreviewText.Input),\n)\n\nexport const Input = composeExport(InnerInput, {\n  TextArea,\n})\n\nexport default Input\n"],"names":["props","__props","emit","__emit","slots","_useSlots","inputProps","useCleanAttrs","_createBlock","_unref","ElInput","_mergeProps","_cache","val","_renderSlot","_ctx","InnerInput","connect","FInput","mapProps","mapReadPretty","PreviewText","TextArea","Input","composeExport"],"mappings":";;;;;;;;;;;;;;;;;;AASA,UAAMA,IAAQC,GAIRC,IAAOC,GAEPC,IAAQC,EAAA,GAOR,EAAE,OAAOC,EAAA,IAAeC,EAAA;2BAI5BC,EAiBUC,EAAAC,CAAA,GAjBVC,EAiBUF,EAAAH,CAAA,GAhBU;AAAA,MACjB,eAAaN,EAAM;AAAA,MACnB,uBAAkBY,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAQX,YAAeW,CAAG;AAAA,IAAA;MAEhCT,EAAM;cAAS;AAAA,cAC7B,MAAsB;AAAA,UAAtBU,EAAsBC,EAAA,QAAA,QAAA;AAAA,QAAA;;;MAERX,EAAM;cAAS;AAAA,cAC7B,MAAsB;AAAA,UAAtBU,EAAsBC,EAAA,QAAA,QAAA;AAAA,QAAA;;;MAERX,EAAM;cAAU;AAAA,cAC9B,MAAuB;AAAA,UAAvBU,EAAuBC,EAAA,QAAA,SAAA;AAAA,QAAA;;;MAETX,EAAM;cAAS;AAAA,cAC7B,MAAsB;AAAA,UAAtBU,EAAsBC,EAAA,QAAA,QAAA;AAAA,QAAA;;;;;ICpCtBC,IAAaC;AAAA,EACjBC;AAAAA,EACAC,EAAS;AAAA,IACP,OAAO;AAAA,IACP,UAAU;AAAA,EAAA,CACX;AAAA,EACDC,EAAcC,EAAY,KAAK;AACjC,GAEMC,IAAWL;AAAA,EACfC;AAAAA,EACAC,EAAS,CAACnB,OACD;AAAA,IACL,GAAGA;AAAA,IACH,YAAYA,EAAM;AAAA,IAClB,UAAUA,EAAM;AAAA,IAChB,MAAM;AAAA,EAAA,EAET;AAAA,EACDoB,EAAcC,EAAY,KAAK;AACjC,GAEaE,IAAQC,EAAcR,GAAY;AAAA,EAC7C,UAAAM;AACF,CAAC;"}

package/esm/input/input.d.ts

@@ -0,0 +1,32 @@
+type __VLS_Props = {
+    value?: string | number;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        prefix?: () => any;
+        suffix?: () => any;
+        prepend?: () => any;
+        append?: () => any;
+    }> & {
+        prefix?: () => any;
+        suffix?: () => any;
+        prepend?: () => any;
+        append?: () => any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: string | number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: (value: string | number) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/esm/input-number/index.d.ts

@@ -0,0 +1,4 @@
+import { ElInputNumber } from 'element-plus';
+export type InputNumberProps = typeof ElInputNumber;
+export declare const InputNumber: any;
+export default InputNumber;