@vue-start/element-pro 0.2.9 → 0.2.11

package/dist/index.es.js

@@ -1,26 +1,26 @@
-import { createExpose as Y, createFormItemCompFn as re, createExposeObj as T, ProForm as C, ProSearchForm as R, ProFormList as B, ProTable as V, ProDesc as k, ProCurdDesc as z, ProCurdForm as A, ProCurdModal as M } from "@vue-start/pro";
-import { ElFormItem as h, ElForm as s, ElLoading as ne, ElDialog as L, ElButton as w, ElPagination as N, ElPopover as U, ElCheckboxGroup as D, ElCheckboxButton as oe, ElCheckbox as le, ElRadioGroup as j, ElRadioButton as ue, ElRadio as ce, ElSelect as q, ElOption as de, ElTabs as O, ElTabPane as ie, ElInput as pe, ElInputNumber as me, ElDatePicker as fe, ElTimePicker as be, ElTreeSelect as ye, ElSwitch as ge, ElCascader as Pe, ElTableColumn as K, ElTable as $, ElDescriptions as ve } from "element-plus";
-import { defineComponent as f, createVNode as d, mergeProps as i, reactive as Se, ref as g, toRaw as Ce } from "vue";
-import { keys as S, omit as p, isBoolean as Z, isString as ke, debounce as he, map as v, size as G, pick as se, get as Fe } from "lodash";
-import { useEffect as _, generateId as Te, useWatch as F } from "@vue-start/hooks";
+import { createExpose as Y, createFormItemCompFn as ne, createExposeObj as F, ProForm as C, ProSearchForm as R, ProFormList as B, ProTable as V, ProDesc as k, ProCurdDesc as z, ProCurdForm as A, ProCurdModal as M } from "@vue-start/pro";
+import { ElFormItem as h, ElForm as s, ElLoading as re, ElDialog as L, ElButton as w, ElPagination as N, ElPopover as U, ElCheckboxGroup as D, ElCheckboxButton as oe, ElCheckbox as le, ElRadioGroup as j, ElRadioButton as ue, ElRadio as de, ElSelect as q, ElOption as ce, ElTabs as O, ElTabPane as ie, ElInput as pe, ElInputNumber as fe, ElDatePicker as me, ElTimePicker as ye, ElTreeSelect as be, ElSwitch as ge, ElCascader as Pe, ElTableColumn as K, ElTable as $, ElDescriptions as ve } from "element-plus";
+import { defineComponent as m, createVNode as c, mergeProps as i, reactive as Se, ref as g, toRaw as Ce } from "vue";
+import { keys as S, omit as p, isBoolean as Z, isString as ke, debounce as he, map as v, size as G, pick as se, get as Te } from "lodash";
+import { useEffect as _, generateId as Fe, useWatch as T } from "@vue-start/hooks";
 const W = () => ({
   name: {
     type: [String, Array]
   }
-}), xe = f({
+}), xe = m({
   props: {
     ...h.props,
     ...W()
   },
   setup: (e, {
-    slots: a
+    slots: t
   }) => {
     const u = S(W());
-    return () => d(h, i(p(e, ...u, "name", "prop"), {
+    return () => c(h, i(p(e, ...u, "name", "prop"), {
       prop: e.prop || e.name
-    }), a);
+    }), t);
   }
-}), ee = ["clearValidate", "resetFields", "scrollToField", "validate", "validateField", "submit"], je = f({
+}), ee = ["clearValidate", "resetFields", "scrollToField", "validate", "validateField", "submit"], je = m({
   props: {
     ...s.props,
     hideRequiredMark: {
@@ -29,31 +29,31 @@ const W = () => ({
     }
   },
   setup: (e, {
-    slots: a,
+    slots: t,
     emit: u,
     expose: o
   }) => {
-    const l = e.model || Se({}), r = g();
+    const l = e.model || Se({}), n = g();
     return _(() => {
-      !r.value || (r.value.submit = () => {
-        var n;
-        (n = r.value) == null || n.validate((c, t) => {
-          c ? u("finish", Ce(l)) : u("finishFailed", t);
+      !n.value || (n.value.submit = () => {
+        var r;
+        (r = n.value) == null || r.validate((d, a) => {
+          d ? u("finish", Ce(l)) : u("finishFailed", a);
         });
       });
-    }, []), o(Y(ee, r)), () => d(s, i({
-      ref: r
+    }, []), o(Y(ee, n)), () => c(s, i({
+      ref: n
     }, p(e, "model"), {
       hideRequiredAsterisk: Z(e.hideRequiredMark) ? e.hideRequiredMark : e.hideRequiredAsterisk,
       model: l
-    }), a);
+    }), t);
   }
-}), y = re(xe, (e, a, u) => ({
+}), b = ne(xe, (e, t, u) => ({
   modelValue: e,
-  "onUpdate:modelValue": a,
+  "onUpdate:modelValue": t,
   clearable: !0,
   disabled: u
-})), ae = (e = "comp") => e + "-" + Te(), Ee = () => ({
+})), te = (e = "comp") => e + "-" + Fe(), Ee = () => ({
   loading: {
     type: Boolean
   },
@@ -81,21 +81,21 @@ const W = () => ({
   customClass: {
     type: String
   }
-}), Ie = f({
+}), Ie = m({
   props: {
     ...Ee()
   },
   setup: (e, {
-    slots: a
+    slots: t
   }) => {
-    const u = ae();
+    const u = te();
     return _(() => {
       if (!e.loading)
         return;
       let o = e.target;
-      if (a.default ? o = document.getElementById(u) : e.target && ke(e.target) && (o = document.querySelector("#" + e.target)), !o)
+      if (t.default ? o = document.getElementById(u) : e.target && ke(e.target) && (o = document.querySelector("#" + e.target)), !o)
         return;
-      const l = ne.service({
+      const l = re.service({
         target: o,
         body: e.body,
         fullscreen: e.fullscreen,
@@ -108,9 +108,9 @@ const W = () => ({
       return () => {
         l && l.close();
       };
-    }, () => e.loading), () => a.default ? d("div", {
+    }, () => e.loading), () => t.default ? c("div", {
       id: u
-    }, [a.default()]) : null;
+    }, [t.default()]) : null;
   }
 }), H = () => ({
   clsName: {
@@ -144,64 +144,68 @@ const W = () => ({
     type: [Object, Boolean],
     default: void 0
   }
-}), Re = f({
+}), Re = m({
   props: {
     ...L.props,
+    appendToBody: {
+      type: Boolean,
+      default: !0
+    },
     ...H()
   },
   setup: (e, {
-    slots: a,
+    slots: t,
     emit: u
   }) => {
     const o = g(e.visible);
-    F(() => {
+    T(() => {
       o.value !== e.visible && (o.value = e.visible);
     }, () => e.visible);
     const l = () => {
-      var c;
-      if ((c = e.cancelButtonProps) != null && c.onClick) {
+      var d;
+      if ((d = e.cancelButtonProps) != null && d.onClick) {
         e.cancelButtonProps.onClick();
         return;
       }
       o.value = !1, u("update:visible", !1);
-    }, r = () => {
-      var c;
-      if ((c = e.okButtonProps) != null && c.onClick) {
+    }, n = () => {
+      var d;
+      if ((d = e.okButtonProps) != null && d.onClick) {
         e.okButtonProps.onClick();
         return;
       }
       u("ok");
-    }, n = S(H());
-    return () => d(L, i({
+    }, r = S(H());
+    return () => c(L, i({
       class: e.clsName
-    }, p(e, ...n, "modelValue"), {
+    }, p(e, ...r, "modelValue"), {
       closeOnClickModal: Z(e.maskClosable) ? e.maskClosable : e.closeOnClickModal,
       modelValue: o.value,
-      "onUpdate:modelValue": [(c) => o.value = c, (c) => {
-        u("update:visible", c);
+      "onUpdate:modelValue": [(d) => o.value = d, (d) => {
+        u("update:visible", d);
       }],
       onClose: () => {
         u("cancel");
       }
     }), {
-      footer: e.footer === !1 ? void 0 : () => d("div", {
+      footer: e.footer === !1 ? void 0 : () => c("div", {
         class: `${e.clsName}-operate`
-      }, [d(w, i(p(e.cancelButtonProps, "onClick"), {
+      }, [c(w, i(p(e.cancelButtonProps, "onClick"), {
         onClick: l
       }), {
         default: () => [e.cancelText]
-      }), d(w, i({
+      }), c(w, i({
         type: "primary",
         loading: e.confirmLoading
       }, p(e.okButtonProps, "onClick"), {
-        onClick: r
+        onClick: n
       }), {
         default: () => [e.okText]
       })]),
-      ...a
+      ...t
     });
   }
-}), qe = f({
+}), qe = m({
   props: {
     ...N.props,
     page: {
@@ -210,86 +214,90 @@ const W = () => ({
     }
   },
   setup: (e, {
-    slots: a,
+    slots: t,
     emit: u
   }) => {
     const o = g(e.page), l = g(e.pageSize);
-    F(() => {
+    T(() => {
       o.value !== e.page && (o.value = e.page);
-    }, () => e.page), F(() => {
+    }, () => e.page), T(() => {
       l.value !== e.pageSize && (l.value = e.pageSize);
     }, () => e.pageSize);
-    const r = he(() => {
+    const n = he(() => {
       u("composeChange", o.value, l.value);
-    }, 300), n = () => {
-      r(), u("update:page", o.value);
-    }, c = () => {
-      r(), u("update:pageSize", l.value);
+    }, 300), r = () => {
+      n(), u("update:page", o.value);
+    }, d = () => {
+      n(), u("update:pageSize", l.value);
     };
-    return () => d(N, i({
+    return () => c(N, i({
       currentPage: o.value,
-      "onUpdate:currentPage": (t) => o.value = t,
+      "onUpdate:currentPage": (a) => o.value = a,
       pageSize: l.value,
-      "onUpdate:pageSize": (t) => l.value = t,
-      onCurrentChange: n,
-      onSizeChange: c
-    }, p(e, "currentPage", "pageSize")), a);
+      "onUpdate:pageSize": (a) => l.value = a,
+      onCurrentChange: r,
+      onSizeChange: d
+    }, p(e, "currentPage", "pageSize")), t);
   }
-}), Oe = f({
+}), Oe = m({
   props: {
     ...U.props
   },
   setup: (e, {
-    slots: a
-  }) => () => d(U, e, {
-    reference: a.default,
-    default: a.content
+    slots: t
+  }) => () => c(U, e, {
+    reference: t.default,
+    default: t.content
   })
 }), J = () => ({
   options: Array,
   buttonStyle: {
     type: String,
     default: "default"
+  },
+  optionType: {
+    type: String,
+    default: "default"
   }
-}), Be = f({
+}), Be = m({
   props: {
     ...D.props,
     ...J()
   },
   setup: (e, {
-    slots: a,
+    slots: t,
     emit: u,
     expose: o
   }) => {
     const l = g();
-    o(T(l));
-    const r = S(J());
-    return () => d(D, i({
+    o(F(l));
+    const n = S(J());
+    return () => c(D, i({
       ref: l
-    }, p(e, r), {
-      "onUpdate:modelValue": (n) => {
-        u("update:modelValue", n || void 0);
+    }, p(e, n), {
+      "onUpdate:modelValue": (r) => {
+        u("update:modelValue", r || void 0);
       }
     }), {
       default: () => {
-        var n, c;
-        return [(n = a.start) == null ? void 0 : n.call(a), v(e.options, (t) => {
-          var m;
-          const b = (m = a.label) == null ? void 0 : m.call(a, t);
-          return e.buttonStyle === "button" ? d(oe, i({
-            key: t.value
-          }, p(t, "value"), {
-            label: t.value
+        var r, d;
+        return [(r = t.start) == null ? void 0 : r.call(t), v(e.options, (a) => {
+          var f;
+          const y = (f = t.label) == null ? void 0 : f.call(t, a);
+          return e.optionType === "button" || e.buttonStyle === "button" ? c(oe, i({
+            key: a.value
+          }, p(a, "value"), {
+            label: a.value
           }), {
-            default: () => [b || t.label]
-          }) : d(le, i({
-            key: t.value
-          }, t, {
-            label: t.value
+            default: () => [y || a.label]
+          }) : c(le, i({
+            key: a.value
+          }, a, {
+            label: a.value
           }), {
-            default: () => [b || t.label]
+            default: () => [y || a.label]
           });
-        }), (c = a.default) == null ? void 0 : c.call(a)];
+        }), (d = t.default) == null ? void 0 : d.call(t)];
       }
     });
   }
@@ -300,87 +308,91 @@ const W = () => ({
   buttonStyle: {
     type: String,
     default: "default"
+  },
+  optionType: {
+    type: String,
+    default: "default"
   }
-}), Ve = f({
+}), Ve = m({
   props: {
     ...j.props,
     ...Q()
   },
   setup: (e, {
-    slots: a,
+    slots: t,
     emit: u,
     expose: o
   }) => {
     const l = g();
-    o(T(l));
-    const r = S(Q());
-    return () => d(j, i({
+    o(F(l));
+    const n = S(Q());
+    return () => c(j, i({
       ref: l
-    }, p(e, r), {
-      "onUpdate:modelValue": (n) => {
-        u("update:modelValue", n);
+    }, p(e, n), {
+      "onUpdate:modelValue": (r) => {
+        u("update:modelValue", r);
       }
     }), {
       default: () => {
-        var n, c;
-        return [(n = a.start) == null ? void 0 : n.call(a), v(e.options, (t) => {
-          var m;
-          const b = (m = a.label) == null ? void 0 : m.call(a, t);
-          return e.buttonStyle === "button" ? d(ue, i({
-            key: t.value
-          }, p(t, "value"), {
-            label: t.value
+        var r, d;
+        return [(r = t.start) == null ? void 0 : r.call(t), v(e.options, (a) => {
+          var f;
+          const y = (f = t.label) == null ? void 0 : f.call(t, a);
+          return e.optionType === "button" || e.buttonStyle === "button" ? c(ue, i({
+            key: a.value
+          }, p(a, "value"), {
+            label: a.value
           }), {
-            default: () => [b || t.label]
-          }) : d(ce, i({
-            key: t.value
-          }, p(t, "value"), {
-            label: t.value
+            default: () => [y || a.label]
+          }) : c(de, i({
+            key: a.value
+          }, p(a, "value"), {
+            label: a.value
           }), {
-            default: () => [b || t.label]
+            default: () => [y || a.label]
           });
-        }), (c = a.default) == null ? void 0 : c.call(a)];
+        }), (d = t.default) == null ? void 0 : d.call(t)];
       }
     });
   }
 }), X = () => ({
   options: Array
-}), ze = f({
+}), ze = m({
   props: {
     ...q.props,
     ...X()
   },
   setup: (e, {
-    slots: a,
+    slots: t,
     emit: u,
     expose: o
   }) => {
     const l = g();
-    o(T(l));
-    const r = S(X());
-    return () => d(q, i({
+    o(F(l));
+    const n = S(X());
+    return () => c(q, i({
       ref: l
-    }, p(e, r), {
-      "onUpdate:modelValue": (n) => {
-        u("update:modelValue", n || void 0);
+    }, p(e, n), {
+      "onUpdate:modelValue": (r) => {
+        u("update:modelValue", r || void 0);
       }
     }), {
       default: () => {
-        var n, c;
-        return [(n = a.start) == null ? void 0 : n.call(a), v(e.options, (t) => {
-          var m;
-          const b = (m = a.label) == null ? void 0 : m.call(a, t);
-          return d(de, i({
-            key: t.value
-          }, p(t, "label")), {
-            default: () => [b || t.label]
+        var r, d;
+        return [(r = t.start) == null ? void 0 : r.call(t), v(e.options, (a) => {
+          var f;
+          const y = (f = t.label) == null ? void 0 : f.call(t, a);
+          return c(ce, i({
+            key: a.value
+          }, p(a, "label")), {
+            default: () => [y || a.label]
           });
-        }), (c = a.default) == null ? void 0 : c.call(a)];
+        }), (d = t.default) == null ? void 0 : d.call(t)];
       },
-      ...p(a, "default")
+      ...p(t, "default")
     });
   }
-}), Ke = f({
+}), Ke = m({
   props: {
     ...O.props,
     options: {
@@ -388,68 +400,68 @@ const W = () => ({
     }
   },
   setup: (e, {
-    slots: a,
+    slots: t,
     emit: u
-  }) => () => d(O, i(p(e, "options"), {
+  }) => () => c(O, i(p(e, "options"), {
     "onUpdate:modelValue": (o) => {
       u("update:modelValue", o);
     }
   }), {
     default: () => {
       var o, l;
-      return [(o = a.start) == null ? void 0 : o.call(a), v(e.options, (r) => d(ie, i({
-        key: r.value
-      }, p(r, "value"), {
-        name: r.value
+      return [(o = t.start) == null ? void 0 : o.call(t), v(e.options, (n) => c(ie, i({
+        key: n.value
+      }, p(n, "value"), {
+        name: n.value
       }), {
         label: () => {
-          var n;
-          return ((n = a.label) == null ? void 0 : n.call(a, r)) || r.label;
+          var r;
+          return ((r = t.label) == null ? void 0 : r.call(t, n)) || n.label;
         }
-      })), (l = a.default) == null ? void 0 : l.call(a)];
+      })), (l = t.default) == null ? void 0 : l.call(t)];
     }
   })
-}), $e = y({
+}), $e = b({
   InputComp: pe,
   valueType: "text",
   name: "PFromText"
-}), Ge = y({
-  InputComp: me,
+}), Ge = b({
+  InputComp: fe,
   valueType: "digit",
   name: "PFormNumber"
-}), We = y({
-  InputComp: fe,
+}), We = b({
+  InputComp: me,
   valueType: "date",
   name: "PFormDate"
-}), He = y({
-  InputComp: be,
+}), He = b({
+  InputComp: ye,
   valueType: "time",
   name: "PFormTime"
-}), Je = y({
+}), Je = b({
   InputComp: ze,
   valueType: "select",
   name: "PFormSelect"
-}), Qe = y({
-  InputComp: ye,
+}), Qe = b({
+  InputComp: be,
   valueType: "treeSelect",
   name: "PFormTreeSelect"
-}), Xe = y({
+}), Xe = b({
   InputComp: Be,
   valueType: "checkbox",
   name: "PFromCheckbox"
-}), Ye = y({
+}), Ye = b({
   InputComp: Ve,
   valueType: "radio",
   name: "PFromRadio"
-}), Ze = y({
+}), Ze = b({
   InputComp: ge,
   valueType: "switch",
   name: "PFromSwitch"
-}), _e = y({
+}), _e = b({
   InputComp: Pe,
   valueType: "cascader",
   name: "PFormCascader"
-}), te = f({
+}), ae = m({
   props: {
     ...p(K.props, "label", "prop"),
     title: {
@@ -466,55 +478,55 @@ const W = () => ({
     }
   },
   setup: (e, {
-    slots: a
+    slots: t
   }) => {
     const u = ({
-      row: r,
-      column: n,
-      $index: c
+      row: n,
+      column: r,
+      $index: d
     }) => {
       var I;
-      const t = r, b = c, m = {
-        ...n,
-        title: n.label,
-        dataIndex: n.property
-      }, P = Fe(r, m.dataIndex), x = {
+      const a = n, y = d, f = {
+        ...r,
+        title: r.label,
+        dataIndex: r.property
+      }, P = Te(n, f.dataIndex), x = {
         value: P,
         text: P,
-        record: t,
-        column: m,
-        index: b
-      }, E = (I = a.bodyCell) == null ? void 0 : I.call(a, x);
+        record: a,
+        column: f,
+        index: y
+      }, E = (I = t.bodyCell) == null ? void 0 : I.call(t, x);
       return E || (e.customRender ? e.customRender(x) : P);
     }, l = {
       header: ({
-        column: r,
-        $index: n
+        column: n,
+        $index: r
       }) => {
         var P;
-        const c = n, t = r.label, b = {
-          ...r,
-          title: t,
-          dataIndex: r.property
+        const d = r, a = n.label, y = {
+          ...n,
+          title: a,
+          dataIndex: n.property
         };
-        return ((P = a.headerCell) == null ? void 0 : P.call(a, {
-          title: t,
-          column: b,
-          index: c
-        })) || t;
+        return ((P = t.headerCell) == null ? void 0 : P.call(t, {
+          title: a,
+          column: y,
+          index: d
+        })) || a;
       }
     };
-    return (!e.children || G(e.children) <= 0) && (l.default = u), () => d(K, i(p(e, "title", "dataIndex", "prop", "customRender", "children"), {
+    return (!e.children || G(e.children) <= 0) && (l.default = u), () => c(K, i(p(e, "title", "dataIndex", "prop", "customRender", "children"), {
       prop: e.dataIndex,
       label: e.title
     }), {
-      default: () => [G(e.children) > 0 && v(e.children, (r) => d(te, i({
-        key: r.dataIndex
-      }, r), a))],
+      default: () => [G(e.children) > 0 && v(e.children, (n) => c(ae, i({
+        key: n.dataIndex
+      }, n), t))],
       ...l
     });
   }
-}), Ae = ["clearSelection", "getSelectionRows", "toggleRowSelection", "toggleAllSelection", "toggleRowExpansion", "setCurrentRow", "clearSort", "clearFilter", "doLayout", "sort", "scrollTo", "setScrollTop", "setScrollLeft"], Me = f({
+}), Ae = ["clearSelection", "getSelectionRows", "toggleRowSelection", "toggleAllSelection", "toggleRowExpansion", "setCurrentRow", "clearSort", "clearFilter", "doLayout", "sort", "scrollTo", "setScrollTop", "setScrollLeft"], Me = m({
   props: {
     ...$.props,
     columns: {
@@ -528,26 +540,26 @@ const W = () => ({
     }
   },
   setup: (e, {
-    slots: a,
+    slots: t,
     expose: u
   }) => {
-    const o = g(), l = ae("table");
-    return u(Y(Ae, o)), () => d($, i({
+    const o = g(), l = te("table");
+    return u(Y(Ae, o)), () => c($, i({
       ref: o,
       id: l
     }, p(e, "columns", "dataSource", "loading"), {
       data: e.dataSource || e.data
     }), {
       default: () => {
-        var r, n;
-        return [(r = a.start) == null ? void 0 : r.call(a), v(e.columns, (c) => d(te, i({
-          key: c.dataIndex
-        }, c), a)), (n = a.default) == null ? void 0 : n.call(a), e.loading && d(Ie, {
+        var n, r;
+        return [(n = t.start) == null ? void 0 : n.call(t), v(e.columns, (d) => c(ae, i({
+          key: d.dataIndex
+        }, d), t)), (r = t.default) == null ? void 0 : r.call(t), e.loading && c(Ie, {
           target: l,
           loading: !0
         }, null)];
       },
-      ...se(a, "append", "empty")
+      ...se(t, "append", "empty")
     });
   }
 });
@@ -607,9 +619,9 @@ export {
   Ve as ProRadio,
   ze as ProSelect,
   Me as ProTable,
-  te as ProTableColumn,
+  ae as ProTableColumn,
   Ke as ProTabs,
   Ae as TableMethods,
-  y as createFormItemComponent,
-  ae as createLoadingId
+  b as createFormItemComponent,
+  te as createLoadingId
 };