@silver-formily/element-plus 2.0.1 → 2.1.0

package/esm/checkbox/index.mjs

@@ -1,12 +1,15 @@
 import { connect as _, mapProps as y } from "@silver-formily/vue";
 import { ElCheckboxButton as S, ElCheckbox as h, ElCheckboxGroup as g, version as E } from "element-plus";
-import { PreviewText as T } from "../preview-text/index.mjs";
-import { defineComponent as A, computed as c, useSlots as B, createBlock as a, openBlock as o, unref as p, normalizeProps as G, guardReactiveProps as w, withCtx as l, createElementBlock as m, Fragment as i, renderList as f, resolveDynamicComponent as b, mergeProps as d, createTextVNode as D, toDisplayString as F, renderSlot as I } from "vue";
+import { defineComponent as T, computed as c, useSlots as A, createBlock as a, openBlock as o, unref as n, normalizeProps as B, guardReactiveProps as G, withCtx as l, createElementBlock as m, Fragment as i, renderList as f, resolveDynamicComponent as b, mergeProps as d, createTextVNode as w, toDisplayString as D, renderSlot as F } from "vue";
+import "@formily/reactive";
+import { mapReadPretty as I } from "../__builtins__/shared/transform-component.mjs";
+import { useCleanAttrs as L, composeExport as N } from "../__builtins__/shared/utils.mjs";
+import { PreviewText as O } from "../preview-text/index.mjs";
 import { isPlainObj as k } from "@formily/shared";
-import { lt as L } from "../__builtins__/shared/simple-version-compare.mjs";
-import { useCleanAttrs as N, composeExport as O } from "../__builtins__/shared/utils.mjs";
-import { mapReadPretty as R } from "../__builtins__/shared/transform-component.mjs";
-const j = /* @__PURE__ */ A({
+import { lt as R } from "../__builtins__/shared/simple-version-compare.mjs";
+import "@formily/core";
+import "@silver-formily/reactive-vue";
+const j = /* @__PURE__ */ T({
   name: "FCheckboxGroup",
   inheritAttrs: !1,
   __name: "checkbox-group",
@@ -21,7 +24,7 @@ const j = /* @__PURE__ */ A({
     }
   },
   setup(x) {
-    const n = x, s = c(() => n.optionType === "button" ? S : h), C = L(E, "2.6.0"), u = c(() => n.options.map((e) => {
+    const p = x, s = c(() => p.optionType === "button" ? S : h), C = R(E, "2.6.0"), u = c(() => p.options.map((e) => {
       if (!k(e))
         return {
           label: e,
@@ -32,17 +35,17 @@ const j = /* @__PURE__ */ A({
         ...e,
         label: e.value
       } : e;
-    })), v = B(), { props: P } = N();
-    return (e, V) => (o(), a(p(g), G(w(p(P))), {
+    })), v = A(), { props: P } = L();
+    return (e, V) => (o(), a(n(g), B(G(n(P))), {
       default: l(() => [
-        p(v).option ? (o(!0), m(i, { key: 1 }, f(u.value, (t, r) => (o(), a(b(s.value), d({ key: r }, { ref_for: !0 }, t), {
+        n(v).option ? (o(!0), m(i, { key: 1 }, f(u.value, (t, r) => (o(), a(b(s.value), d({ key: r }, { ref_for: !0 }, t), {
           default: l(() => [
-            I(e.$slots, "option", { option: t })
+            F(e.$slots, "option", { option: t })
           ]),
           _: 2
         }, 1040))), 128)) : (o(!0), m(i, { key: 0 }, f(u.value, (t, r) => (o(), a(b(s.value), d({ key: r }, { ref_for: !0 }, t), {
           default: l(() => [
-            D(F(p(k)(n.options[r]) ? n.options[r]?.label : t.label), 1)
+            w(D(n(k)(p.options[r]) ? p.options[r]?.label : t.label), 1)
           ]),
           _: 2
         }, 1040))), 128))
@@ -53,7 +56,7 @@ const j = /* @__PURE__ */ A({
 }), z = _(
   j,
   y({ dataSource: "options", disabled: !0 }),
-  R(T.Select, {
+  I(O.Select, {
     multiple: !0
   })
 ), H = _(
@@ -61,11 +64,11 @@ const j = /* @__PURE__ */ A({
   y({
     disabled: !0
   })
-), X = O(H, {
+), ee = N(H, {
   Group: z
 });
 export {
-  X as Checkbox,
-  X as default
+  ee as Checkbox,
+  ee as default
 };
 //# sourceMappingURL=index.mjs.map

package/esm/checkbox/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/checkbox/checkbox-group.vue","../../src/checkbox/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { CheckboxProps } from 'element-plus'\r\nimport type { PropType } from 'vue'\r\nimport { isPlainObj } from '@formily/shared'\r\nimport { ElCheckbox, ElCheckboxButton, ElCheckboxGroup, version } from 'element-plus'\r\nimport { computed, useSlots } from 'vue'\r\nimport { lt, useCleanAttrs } from '../__builtins__'\r\n\r\ndefineOptions({\r\n  name: 'FCheckboxGroup',\r\n  inheritAttrs: false,\r\n})\r\n\r\nconst props = defineProps({\r\n  options: {\r\n    type: Array as PropType<Array<CheckboxProps>>,\r\n    default: () => [],\r\n  },\r\n  optionType: {\r\n    type: String as PropType<'default' | 'button'>,\r\n    default: 'default',\r\n  },\r\n})\r\n\r\nconst OptionType = computed(() => {\r\n  return props.optionType === 'button' ? ElCheckboxButton : ElCheckbox\r\n})\r\nconst IS_LESS_THAN_2_6_0 = lt(version, '2.6.0')\r\nconst compatiableProps = computed(() => {\r\n  return props.options.map((option) => {\r\n    if (!isPlainObj(option)) {\r\n      return {\r\n        label: option,\r\n        value: option,\r\n      }\r\n    }\r\n    /* istanbul ignore if -- @preserve */\r\n    if (IS_LESS_THAN_2_6_0) {\r\n      return {\r\n        ...option,\r\n        label: option.value,\r\n      }\r\n    }\r\n    return option\r\n  })\r\n})\r\n\r\nconst slots = useSlots()\r\nconst { props: checkboxProps } = useCleanAttrs()\r\n</script>\r\n\r\n<template>\r\n  <ElCheckboxGroup v-bind=\"checkboxProps\">\r\n    <template v-if=\"!slots.option\">\r\n      <component :is=\"OptionType\" v-for=\"(option, index) of compatiableProps\" :key=\"index\" v-bind=\"option\">\r\n        {{ isPlainObj(props.options[index]) ? props.options[index]?.label : option.label }}\r\n      </component>\r\n    </template>\r\n    <template v-else>\r\n      <component :is=\"OptionType\" v-for=\"(option, index) of compatiableProps\" :key=\"index\" v-bind=\"option\">\r\n        <slot name=\"option\" :option=\"option\" />\r\n      </component>\r\n    </template>\r\n  </ElCheckboxGroup>\r\n</template>\r\n","import { connect, mapProps } from '@silver-formily/vue'\r\nimport { ElCheckbox } from 'element-plus'\r\nimport { composeExport, mapReadPretty } from '../__builtins__'\r\nimport { PreviewText } from '../preview-text'\r\nimport FCheckboxGroup from './checkbox-group.vue'\r\n\r\nconst CheckboxGroup = connect(\r\n  FCheckboxGroup,\r\n  mapProps({ dataSource: 'options', disabled: true }),\r\n  mapReadPretty(PreviewText.Select, {\r\n    multiple: true,\r\n  }),\r\n)\r\n\r\nconst InnerCheckbox = connect(\r\n  ElCheckbox,\r\n  mapProps({\r\n    disabled: true,\r\n  }),\r\n)\r\n\r\nexport const Checkbox = composeExport(InnerCheckbox, {\r\n  Group: CheckboxGroup,\r\n})\r\n\r\nexport default Checkbox\r\n"],"names":["props","__props","OptionType","computed","ElCheckboxButton","ElCheckbox","IS_LESS_THAN_2_6_0","lt","version","compatiableProps","option","isPlainObj","slots","useSlots","checkboxProps","useCleanAttrs","_openBlock","_createBlock","_unref","_createElementBlock","_Fragment","_renderList","index","_resolveDynamicComponent","_mergeProps","_renderSlot","_ctx","_createTextVNode","_toDisplayString","CheckboxGroup","connect","FCheckboxGroup","mapProps","mapReadPretty","PreviewText","InnerCheckbox","Checkbox","composeExport"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GAWRC,IAAaC,EAAS,MACnBH,EAAM,eAAe,WAAWI,IAAmBC,CAC3D,GACKC,IAAqBC,EAAGC,GAAS,OAAO,GACxCC,IAAmBN,EAAS,MACzBH,EAAM,QAAQ,IAAI,CAACU,MAAW;AACnC,UAAI,CAACC,EAAWD,CAAM;AACpB,eAAO;AAAA,UACL,OAAOA;AAAA,UACP,OAAOA;AAAA,QAAA;AAAA,MAEX;AAEA,aAAIJ,IACK;AAAA,QACL,GAAGI;AAAA,QACH,OAAOA,EAAO;AAAA,MAAA,IAGXA;AAAA,IACT,CAAC,CACF,GAEKE,IAAQC,EAAA,GACR,EAAE,OAAOC,EAAA,IAAkBC,EAAA;sBAI/BC,EAAA,GAAAC,EAWkBC,UAXOA,EAAAJ,CAAA,CAAa,CAAA,GAAA;AAAA,iBACpC,MAIW;AAAA,QAJMI,EAAAN,CAAA,EAAM,UAMrBI,EAAA,EAAA,GAAAG,EAEYC,GAAA,EAAA,KAAA,KAAAC,EAF0CZ,EAAA,OAAgB,CAAlCC,GAAQY,YAA5CL,EAEYM,EAFIrB,OAAU,GAA1BsB,EAEY,EAF6D,KAAKF,KAAK,EAAA,SAAA,GAAA,GAAUZ,CAAM,GAAA;AAAA,qBACjG,MAAuC;AAAA,YAAvCe,EAAuCC,EAAA,QAAA,UAAA,EAAlB,QAAAhB,GAAc;AAAA,UAAA;;6BANrCM,EAAA,EAAA,GAAAG,EAEYC,GAAA,EAAA,KAAA,KAAAC,EAF0CZ,EAAA,OAAgB,CAAlCC,GAAQY,YAA5CL,EAEYM,EAFIrB,OAAU,GAA1BsB,EAEY,EAF6D,KAAKF,KAAK,EAAA,SAAA,GAAA,GAAUZ,CAAM,GAAA;AAAA,qBACjG,MAAmF;AAAA,YAAhFiB,EAAAC,EAAAV,EAAAP,CAAA,EAAWX,EAAM,QAAQsB,CAAK,CAAA,IAAKtB,EAAM,QAAQsB,CAAK,GAAG,QAAQZ,EAAO,KAAK,GAAA,CAAA;AAAA,UAAA;;;;;;;ICjDlFmB,IAAgBC;AAAA,EACpBC;AAAAA,EACAC,EAAS,EAAE,YAAY,WAAW,UAAU,IAAM;AAAA,EAClDC,EAAcC,EAAY,QAAQ;AAAA,IAChC,UAAU;AAAA,EAAA,CACX;AACH,GAEMC,IAAgBL;AAAA,EACpBzB;AAAA,EACA2B,EAAS;AAAA,IACP,UAAU;AAAA,EAAA,CACX;AACH,GAEaI,IAAWC,EAAcF,GAAe;AAAA,EACnD,OAAON;AACT,CAAC;"}
+{"version":3,"file":"index.mjs","sources":["../../src/checkbox/checkbox-group.vue","../../src/checkbox/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { CheckboxProps } from 'element-plus'\nimport type { PropType } from 'vue'\nimport { isPlainObj } from '@formily/shared'\nimport { ElCheckbox, ElCheckboxButton, ElCheckboxGroup, version } from 'element-plus'\nimport { computed, useSlots } from 'vue'\nimport { lt, useCleanAttrs } from '../__builtins__'\n\ndefineOptions({\n  name: 'FCheckboxGroup',\n  inheritAttrs: false,\n})\n\nconst props = defineProps({\n  options: {\n    type: Array as PropType<Array<CheckboxProps>>,\n    default: () => [],\n  },\n  optionType: {\n    type: String as PropType<'default' | 'button'>,\n    default: 'default',\n  },\n})\n\nconst OptionType = computed(() => {\n  return props.optionType === 'button' ? ElCheckboxButton : ElCheckbox\n})\nconst IS_LESS_THAN_2_6_0 = lt(version, '2.6.0')\nconst compatiableProps = computed(() => {\n  return props.options.map((option) => {\n    if (!isPlainObj(option)) {\n      return {\n        label: option,\n        value: option,\n      }\n    }\n    /* istanbul ignore if -- @preserve */\n    if (IS_LESS_THAN_2_6_0) {\n      return {\n        ...option,\n        label: option.value,\n      }\n    }\n    return option\n  })\n})\n\nconst slots = useSlots()\nconst { props: checkboxProps } = useCleanAttrs()\n</script>\n\n<template>\n  <ElCheckboxGroup v-bind=\"checkboxProps\">\n    <template v-if=\"!slots.option\">\n      <component :is=\"OptionType\" v-for=\"(option, index) of compatiableProps\" :key=\"index\" v-bind=\"option\">\n        {{ isPlainObj(props.options[index]) ? props.options[index]?.label : option.label }}\n      </component>\n    </template>\n    <template v-else>\n      <component :is=\"OptionType\" v-for=\"(option, index) of compatiableProps\" :key=\"index\" v-bind=\"option\">\n        <slot name=\"option\" :option=\"option\" />\n      </component>\n    </template>\n  </ElCheckboxGroup>\n</template>\n","import { connect, mapProps } from '@silver-formily/vue'\nimport { ElCheckbox } from 'element-plus'\nimport { composeExport, mapReadPretty } from '../__builtins__'\nimport { PreviewText } from '../preview-text'\nimport FCheckboxGroup from './checkbox-group.vue'\n\nconst CheckboxGroup = connect<typeof FCheckboxGroup>(\n  FCheckboxGroup,\n  mapProps({ dataSource: 'options', disabled: true }),\n  mapReadPretty(PreviewText.Select, {\n    multiple: true,\n  }),\n)\n\nconst InnerCheckbox = connect<typeof ElCheckbox>(\n  ElCheckbox,\n  mapProps({\n    disabled: true,\n  }),\n)\n\nexport const Checkbox = composeExport(InnerCheckbox, {\n  Group: CheckboxGroup,\n})\n\nexport default Checkbox\n"],"names":["props","__props","OptionType","computed","ElCheckboxButton","ElCheckbox","IS_LESS_THAN_2_6_0","lt","version","compatiableProps","option","isPlainObj","slots","useSlots","checkboxProps","useCleanAttrs","_openBlock","_createBlock","_unref","_createElementBlock","_Fragment","_renderList","index","_resolveDynamicComponent","_mergeProps","_renderSlot","_ctx","_createTextVNode","_toDisplayString","CheckboxGroup","connect","FCheckboxGroup","mapProps","mapReadPretty","PreviewText","InnerCheckbox","Checkbox","composeExport"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GAWRC,IAAaC,EAAS,MACnBH,EAAM,eAAe,WAAWI,IAAmBC,CAC3D,GACKC,IAAqBC,EAAGC,GAAS,OAAO,GACxCC,IAAmBN,EAAS,MACzBH,EAAM,QAAQ,IAAI,CAACU,MAAW;AACnC,UAAI,CAACC,EAAWD,CAAM;AACpB,eAAO;AAAA,UACL,OAAOA;AAAA,UACP,OAAOA;AAAA,QAAA;AAAA,MAEX;AAEA,aAAIJ,IACK;AAAA,QACL,GAAGI;AAAA,QACH,OAAOA,EAAO;AAAA,MAAA,IAGXA;AAAA,IACT,CAAC,CACF,GAEKE,IAAQC,EAAA,GACR,EAAE,OAAOC,EAAA,IAAkBC,EAAA;sBAI/BC,EAAA,GAAAC,EAWkBC,UAXOA,EAAAJ,CAAA,CAAa,CAAA,GAAA;AAAA,iBACpC,MAIW;AAAA,QAJMI,EAAAN,CAAA,EAAM,UAMrBI,EAAA,EAAA,GAAAG,EAEYC,GAAA,EAAA,KAAA,KAAAC,EAF0CZ,EAAA,OAAgB,CAAlCC,GAAQY,YAA5CL,EAEYM,EAFIrB,OAAU,GAA1BsB,EAEY,EAF6D,KAAKF,KAAK,EAAA,SAAA,GAAA,GAAUZ,CAAM,GAAA;AAAA,qBACjG,MAAuC;AAAA,YAAvCe,EAAuCC,EAAA,QAAA,UAAA,EAAlB,QAAAhB,GAAc;AAAA,UAAA;;6BANrCM,EAAA,EAAA,GAAAG,EAEYC,GAAA,EAAA,KAAA,KAAAC,EAF0CZ,EAAA,OAAgB,CAAlCC,GAAQY,YAA5CL,EAEYM,EAFIrB,OAAU,GAA1BsB,EAEY,EAF6D,KAAKF,KAAK,EAAA,SAAA,GAAA,GAAUZ,CAAM,GAAA;AAAA,qBACjG,MAAmF;AAAA,YAAhFiB,EAAAC,EAAAV,EAAAP,CAAA,EAAWX,EAAM,QAAQsB,CAAK,CAAA,IAAKtB,EAAM,QAAQsB,CAAK,GAAG,QAAQZ,EAAO,KAAK,GAAA,CAAA;AAAA,UAAA;;;;;;;ICjDlFmB,IAAgBC;AAAA,EACpBC;AAAAA,EACAC,EAAS,EAAE,YAAY,WAAW,UAAU,IAAM;AAAA,EAClDC,EAAcC,EAAY,QAAQ;AAAA,IAChC,UAAU;AAAA,EAAA,CACX;AACH,GAEMC,IAAgBL;AAAA,EACpBzB;AAAA,EACA2B,EAAS;AAAA,IACP,UAAU;AAAA,EAAA,CACX;AACH,GAEaI,KAAWC,EAAcF,GAAe;AAAA,EACnD,OAAON;AACT,CAAC;"}

package/esm/date-picker/index.mjs

@@ -1,9 +1,11 @@
 import { connect as r, mapProps as m } from "@silver-formily/vue";
-import { ElDatePicker as n } from "element-plus";
-import { PreviewText as o } from "../preview-text/index.mjs";
-import { mapReadPretty as c } from "../__builtins__/shared/transform-component.mjs";
-function a(e = "date", t = "format") {
-  if (e === "week" && t === "format")
+import { ElDatePicker as o } from "element-plus";
+import "vue";
+import "@formily/reactive";
+import { mapReadPretty as n } from "../__builtins__/shared/transform-component.mjs";
+import { PreviewText as c } from "../preview-text/index.mjs";
+function t(e = "date", a = "format") {
+  if (e === "week" && a === "format")
     return "[Week] ww";
   switch (e) {
     case "year":
@@ -25,8 +27,8 @@ function a(e = "date", t = "format") {
       return "YYYY-MM-DD HH:mm:ss";
   }
 }
-const d = r(
-  n,
+const l = r(
+  o,
   m(
     {
       readOnly: "readonly",
@@ -35,14 +37,14 @@ const d = r(
     },
     (e) => ({
       ...e,
-      format: e.format || a(e.type),
-      valueFormat: e.valueFormat || a(e.type, "valueFormat")
+      format: e.format || t(e.type),
+      valueFormat: e.valueFormat || t(e.type, "valueFormat")
     })
   ),
-  c(o.DatePicker)
+  n(c.DatePicker)
 );
 export {
-  d as DatePicker,
-  d as default
+  l as DatePicker,
+  l as default
 };
 //# sourceMappingURL=index.mjs.map

package/esm/date-picker/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/date-picker/index.ts"],"sourcesContent":["import type { DatePickerProps } from 'element-plus'\r\nimport { connect, mapProps } from '@silver-formily/vue'\r\nimport { ElDatePicker } from 'element-plus'\r\nimport { mapReadPretty } from '../__builtins__'\r\nimport { PreviewText } from '../preview-text'\r\n\r\nfunction getDefaultFormat(type: DatePickerProps['type'] = 'date', formatType = 'format') {\r\n  if (type === 'week' && formatType === 'format') {\r\n    return '[Week] ww'\r\n  }\r\n  else {\r\n    switch (type) {\r\n      case 'year':\r\n      case 'years':\r\n      case 'yearrange': {\r\n        return 'YYYY'\r\n      }\r\n      case 'month':\r\n      case 'months':\r\n      case 'monthrange': {\r\n        return 'YYYY-MM'\r\n      }\r\n      case 'week': {\r\n        return 'ww'\r\n      }\r\n      case 'date':\r\n      case 'dates':\r\n      case 'daterange': {\r\n        return 'YYYY-MM-DD'\r\n      }\r\n      case 'datetime':\r\n      case 'datetimerange': {\r\n        return 'YYYY-MM-DD HH:mm:ss'\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\nexport const DatePicker = connect<typeof ElDatePicker>(\r\n  ElDatePicker,\r\n  mapProps(\r\n    {\r\n      readOnly: 'readonly',\r\n      disabled: true,\r\n      editable: true,\r\n    },\r\n    (props: any) => {\r\n      return {\r\n        ...props,\r\n        format: props.format || getDefaultFormat(props.type),\r\n        valueFormat:\r\n          props.valueFormat || getDefaultFormat(props.type, 'valueFormat'),\r\n      }\r\n    },\r\n  ),\r\n  mapReadPretty(PreviewText.DatePicker),\r\n)\r\n\r\nexport default DatePicker\r\n"],"names":["getDefaultFormat","type","formatType","DatePicker","connect","ElDatePicker","mapProps","props","mapReadPretty","PreviewText"],"mappings":";;;;AAMA,SAASA,EAAiBC,IAAgC,QAAQC,IAAa,UAAU;AACvF,MAAID,MAAS,UAAUC,MAAe;AACpC,WAAO;AAGP,UAAQD,GAAA;AAAA,IACN,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IAET,KAAK;AACH,aAAO;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,EACT;AAGN;AAEO,MAAME,IAAaC;AAAA,EACxBC;AAAA,EACAC;AAAA,IACE;AAAA,MACE,UAAU;AAAA,MACV,UAAU;AAAA,MACV,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACC,OACQ;AAAA,MACL,GAAGA;AAAA,MACH,QAAQA,EAAM,UAAUP,EAAiBO,EAAM,IAAI;AAAA,MACnD,aACEA,EAAM,eAAeP,EAAiBO,EAAM,MAAM,aAAa;AAAA,IAAA;AAAA,EAErE;AAAA,EAEFC,EAAcC,EAAY,UAAU;AACtC;"}
+{"version":3,"file":"index.mjs","sources":["../../src/date-picker/index.ts"],"sourcesContent":["import type { DatePickerProps } from 'element-plus'\nimport { connect, mapProps } from '@silver-formily/vue'\nimport { ElDatePicker } from 'element-plus'\nimport { mapReadPretty } from '../__builtins__'\nimport { PreviewText } from '../preview-text'\n\nfunction getDefaultFormat(type: DatePickerProps['type'] = 'date', formatType = 'format') {\n  if (type === 'week' && formatType === 'format') {\n    return '[Week] ww'\n  }\n  else {\n    switch (type) {\n      case 'year':\n      case 'years':\n      case 'yearrange': {\n        return 'YYYY'\n      }\n      case 'month':\n      case 'months':\n      case 'monthrange': {\n        return 'YYYY-MM'\n      }\n      case 'week': {\n        return 'ww'\n      }\n      case 'date':\n      case 'dates':\n      case 'daterange': {\n        return 'YYYY-MM-DD'\n      }\n      case 'datetime':\n      case 'datetimerange': {\n        return 'YYYY-MM-DD HH:mm:ss'\n      }\n    }\n  }\n}\n\nexport const DatePicker = connect<typeof ElDatePicker>(\n  ElDatePicker,\n  mapProps(\n    {\n      readOnly: 'readonly',\n      disabled: true,\n      editable: true,\n    },\n    (props: any) => {\n      return {\n        ...props,\n        format: props.format || getDefaultFormat(props.type),\n        valueFormat:\n          props.valueFormat || getDefaultFormat(props.type, 'valueFormat'),\n      }\n    },\n  ),\n  mapReadPretty(PreviewText.DatePicker),\n)\n\nexport default DatePicker\n"],"names":["getDefaultFormat","type","formatType","DatePicker","connect","ElDatePicker","mapProps","props","mapReadPretty","PreviewText"],"mappings":";;;;;;AAMA,SAASA,EAAiBC,IAAgC,QAAQC,IAAa,UAAU;AACvF,MAAID,MAAS,UAAUC,MAAe;AACpC,WAAO;AAGP,UAAQD,GAAA;AAAA,IACN,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IAET,KAAK;AACH,aAAO;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,EACT;AAGN;AAEO,MAAME,IAAaC;AAAA,EACxBC;AAAA,EACAC;AAAA,IACE;AAAA,MACE,UAAU;AAAA,MACV,UAAU;AAAA,MACV,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACC,OACQ;AAAA,MACL,GAAGA;AAAA,MACH,QAAQA,EAAM,UAAUP,EAAiBO,EAAM,IAAI;AAAA,MACnD,aACEA,EAAM,eAAeP,EAAiBO,EAAM,MAAM,aAAa;AAAA,IAAA;AAAA,EAErE;AAAA,EAEFC,EAAcC,EAAY,UAAU;AACtC;"}

package/esm/editable/editable.d.ts

@@ -14,9 +14,10 @@ declare function __VLS_template(): {
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: Partial<{
+                asterisk: boolean;
                 colon: boolean;
+                labelWrap: boolean;
                 fullness: boolean;
-                feedbackLayout: "loose" | "terse" | "popover";
             }> & Omit<{
                 readonly label?: string;
                 readonly for?: string;
@@ -33,7 +34,6 @@ declare function __VLS_template(): {
                 readonly labelWrap?: boolean;
                 readonly labelWidth?: number;
                 readonly wrapperWidth?: number;
-                readonly wrapperWrap?: boolean;
                 readonly labelCol?: number;
                 readonly wrapperCol?: number;
                 readonly fullness?: boolean;
@@ -41,7 +41,7 @@ declare function __VLS_template(): {
                 readonly layout?: "vertical" | "horizontal" | "inline" | ("vertical" | "horizontal" | "inline")[];
                 readonly feedbackLayout?: "loose" | "terse" | "popover";
                 readonly tooltipLayout?: "icon" | "text";
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "colon" | "fullness" | "feedbackLayout">;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "asterisk" | "colon" | "labelWrap" | "fullness">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -57,9 +57,10 @@ declare function __VLS_template(): {
             $options: import('vue').ComponentOptionsBase<Readonly<IFormItemProps> & Readonly<{}>, {
                 feedbackTooltipRef: import('vue').Ref<import('element-plus').TooltipInstance, import('element-plus').TooltipInstance>;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                asterisk: boolean;
                 colon: boolean;
+                labelWrap: boolean;
                 fullness: boolean;
-                feedbackLayout: "loose" | "terse" | "popover";
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -81,10 +82,11 @@ declare function __VLS_template(): {
             $nextTick: typeof nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
+            asterisk: boolean;
             colon: boolean;
+            labelWrap: boolean;
             fullness: boolean;
-            feedbackLayout: "loose" | "terse" | "popover";
-        }> & Omit<Readonly<IFormItemProps> & Readonly<{}>, ("colon" | "fullness" | "feedbackLayout") | "feedbackTooltipRef"> & import('vue').ShallowUnwrapRef<{
+        }> & Omit<Readonly<IFormItemProps> & Readonly<{}>, ("asterisk" | "colon" | "labelWrap" | "fullness") | "feedbackTooltipRef"> & import('vue').ShallowUnwrapRef<{
             feedbackTooltipRef: import('vue').Ref<import('element-plus').TooltipInstance, import('element-plus').TooltipInstance>;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: any;
@@ -102,9 +104,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            asterisk: boolean;
             colon: boolean;
+            labelWrap: boolean;
             fullness: boolean;
-            feedbackLayout: "loose" | "terse" | "popover";
         }> & Omit<{
             readonly label?: string;
             readonly for?: string;
@@ -121,7 +124,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
             readonly labelWrap?: boolean;
             readonly labelWidth?: number;
             readonly wrapperWidth?: number;
-            readonly wrapperWrap?: boolean;
             readonly labelCol?: number;
             readonly wrapperCol?: number;
             readonly fullness?: boolean;
@@ -129,7 +131,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
             readonly layout?: "vertical" | "horizontal" | "inline" | ("vertical" | "horizontal" | "inline")[];
             readonly feedbackLayout?: "loose" | "terse" | "popover";
             readonly tooltipLayout?: "icon" | "text";
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "colon" | "fullness" | "feedbackLayout">;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "asterisk" | "colon" | "labelWrap" | "fullness">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -145,9 +147,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         $options: import('vue').ComponentOptionsBase<Readonly<IFormItemProps> & Readonly<{}>, {
             feedbackTooltipRef: import('vue').Ref<import('element-plus').TooltipInstance, import('element-plus').TooltipInstance>;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            asterisk: boolean;
             colon: boolean;
+            labelWrap: boolean;
             fullness: boolean;
-            feedbackLayout: "loose" | "terse" | "popover";
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -169,10 +172,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
+        asterisk: boolean;
         colon: boolean;
+        labelWrap: boolean;
         fullness: boolean;
-        feedbackLayout: "loose" | "terse" | "popover";
-    }> & Omit<Readonly<IFormItemProps> & Readonly<{}>, ("colon" | "fullness" | "feedbackLayout") | "feedbackTooltipRef"> & import('vue').ShallowUnwrapRef<{
+    }> & Omit<Readonly<IFormItemProps> & Readonly<{}>, ("asterisk" | "colon" | "labelWrap" | "fullness") | "feedbackTooltipRef"> & import('vue').ShallowUnwrapRef<{
         feedbackTooltipRef: import('vue').Ref<import('element-plus').TooltipInstance, import('element-plus').TooltipInstance>;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: any;

package/esm/editable/index.d.ts

@@ -14,9 +14,10 @@ export declare const Editable: {
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: Partial<{
+                asterisk: boolean;
                 colon: boolean;
+                labelWrap: boolean;
                 fullness: boolean;
-                feedbackLayout: "loose" | "terse" | "popover";
             }> & Omit<{
                 readonly label?: string;
                 readonly for?: string;
@@ -33,7 +34,6 @@ export declare const Editable: {
                 readonly labelWrap?: boolean;
                 readonly labelWidth?: number;
                 readonly wrapperWidth?: number;
-                readonly wrapperWrap?: boolean;
                 readonly labelCol?: number;
                 readonly wrapperCol?: number;
                 readonly fullness?: boolean;
@@ -41,7 +41,7 @@ export declare const Editable: {
                 readonly layout?: "vertical" | "horizontal" | "inline" | ("vertical" | "horizontal" | "inline")[];
                 readonly feedbackLayout?: "loose" | "terse" | "popover";
                 readonly tooltipLayout?: "icon" | "text";
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "colon" | "fullness" | "feedbackLayout">;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "asterisk" | "colon" | "labelWrap" | "fullness">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -57,9 +57,10 @@ export declare const Editable: {
             $options: import('vue').ComponentOptionsBase<Readonly<IFormItemProps> & Readonly<{}>, {
                 feedbackTooltipRef: import('vue').Ref<import('element-plus').TooltipInstance, import('element-plus').TooltipInstance>;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                asterisk: boolean;
                 colon: boolean;
+                labelWrap: boolean;
                 fullness: boolean;
-                feedbackLayout: "loose" | "terse" | "popover";
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -81,10 +82,11 @@ export declare const Editable: {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
+            asterisk: boolean;
             colon: boolean;
+            labelWrap: boolean;
             fullness: boolean;
-            feedbackLayout: "loose" | "terse" | "popover";
-        }> & Omit<Readonly<IFormItemProps> & Readonly<{}>, ("colon" | "fullness" | "feedbackLayout") | "feedbackTooltipRef"> & import('vue').ShallowUnwrapRef<{
+        }> & Omit<Readonly<IFormItemProps> & Readonly<{}>, ("asterisk" | "colon" | "labelWrap" | "fullness") | "feedbackTooltipRef"> & import('vue').ShallowUnwrapRef<{
             feedbackTooltipRef: import('vue').Ref<import('element-plus').TooltipInstance, import('element-plus').TooltipInstance>;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: any;