epic-designer-gold 1.0.18 → 1.0.20

package/dist/ui/elementPlus/index.js

@@ -1,18 +1,18 @@
-import { pluginManager as N } from "epic-designer-gold";
+import { pluginManager as z } from "epic-designer-gold";
 import { u as a } from "../../index-B1s67XDZ.js";
-import { ElFormItem as z, ElForm as Y, ElRadioGroup as D, ElRadioButton as B, ElTabs as M, ElTabPane as L, ElCollapse as q, ElCollapseItem as A, ElDrawer as W, ElDialog as $, ElTable as U, ElTableColumn as O } from "element-plus";
-const { t: p } = a(), H = {
+import { ElFormItem as Y, ElForm as D, ElRadioGroup as B, ElRadioButton as M, ElTabs as L, ElTabPane as q, ElCollapse as W, ElCollapseItem as A, ElDrawer as $, ElDialog as O, ElTable as U, ElTableColumn as K } from "element-plus";
+const { t: n } = a(), H = {
   component: async () => (await import("element-plus")).ElInput,
-  groupName: p("form"),
+  groupName: n("form"),
   icon: "icon--epic--border-color-outline-rounded",
   sort: 700,
   defaultSchema: {
-    label: p("input"),
+    label: n("input"),
     type: "input",
     field: "input",
     input: !0,
     componentProps: {
-      placeholder: p("pleaseEnter"),
+      placeholder: n("pleaseEnter"),
       style: {
         cursor: ""
       }
@@ -21,43 +21,43 @@ const { t: p } = a(), H = {
   config: {
     attribute: [
       {
-        label: p("fieldName"),
+        label: n("fieldName"),
         type: "input",
         field: "field"
       },
       {
-        label: p("title"),
+        label: n("title"),
         type: "input",
         field: "label"
       },
       {
-        label: p("defaultValue"),
+        label: n("defaultValue"),
         type: "input",
         field: "componentProps.defaultValue"
       },
       {
-        label: p("placeholder"),
+        label: n("placeholder"),
         type: "input",
         field: "componentProps.placeholder"
       },
       {
-        label: p("size"),
+        label: n("size"),
         type: "select",
         defaultValue: "default",
         componentProps: {
-          placeholder: p("pleaseSelect"),
+          placeholder: n("pleaseSelect"),
           clearable: !0,
           options: [
             {
-              label: p("large"),
+              label: n("large"),
               value: "large"
             },
             {
-              label: p("medium"),
+              label: n("medium"),
               value: "default"
             },
             {
-              label: p("small"),
+              label: n("small"),
               value: "small"
             }
           ]
@@ -65,26 +65,26 @@ const { t: p } = a(), H = {
         field: "componentProps.size"
       },
       {
-        label: p("maxInputLength"),
+        label: n("maxInputLength"),
         type: "number",
         field: "componentProps.maxlength",
         componentProps: {
-          placeholder: p("pleaseEnter"),
+          placeholder: n("pleaseEnter"),
           min: 0
         }
       },
       {
-        label: p("countWords"),
+        label: n("countWords"),
         type: "switch",
         field: "componentProps.showWordLimit",
         show: ({ values: e }) => e.componentProps.maxlength
       },
       {
-        label: p("inputType"),
+        label: n("inputType"),
         type: "select",
         defaultValue: "text",
         componentProps: {
-          placeholder: p("pleaseSelect"),
+          placeholder: n("pleaseSelect"),
           clearable: !0,
           options: [
             {
@@ -104,7 +104,7 @@ const { t: p } = a(), H = {
         field: "componentProps.type"
       },
       {
-        label: p("showToggleIcon"),
+        label: n("showToggleIcon"),
         type: "switch",
         field: "componentProps.showPassword",
         show: ({ values: e }) => e.componentProps.type === "password"
@@ -115,20 +115,27 @@ const { t: p } = a(), H = {
       //   field: "componentProps.readonly",
       // },
       {
-        label: p("clearable"),
+        label: n("clearable"),
         type: "switch",
         field: "componentProps.clearable"
       },
       {
         label: "超链接",
         type: "switch",
-        field: "componentProps.isLink",
-        onChange: ({ value: e, values: n, componentAttributes: v }) => {
-          e ? (n.componentProps.class = "is-link", n.onClick = (x) => {
-            n.componentProps.readonly && window.open(x.target.value, "blank");
-          }) : (n.componentProps.class = "", n.onClick = () => {
-          });
-        }
+        field: "componentProps.isLink"
+        // onChange: ({ value, values, componentAttributes }) => {
+        //   if (value) {
+        //     values.componentProps.class = "is-link";
+        //     values.onClick = (e) => {
+        //       if (values.componentProps.readonly) {
+        //         window.open(e.target.value, "blank");
+        //       }
+        //     };
+        //   } else {
+        //     values.componentProps.class = "";
+        //     values.onClick = () => {};
+        //   }
+        // },
       },
       // {
       //   label: "禁用",
@@ -141,33 +148,33 @@ const { t: p } = a(), H = {
       //   field: "componentProps.hidden",
       // },
       {
-        label: p("formValidation"),
+        label: n("formValidation"),
         type: "ERuleEditor",
         layout: "vertical",
         field: "rules",
-        describe: p("validationRuleRequiresForm")
+        describe: n("validationRuleRequiresForm")
       }
     ],
     event: [
       {
         type: "input",
-        describe: p("onInput")
+        describe: n("onInput")
       },
       {
         type: "change",
-        describe: p("onChange")
+        describe: n("onChange")
       },
       {
         type: "focus",
-        describe: p("onFocus")
+        describe: n("onFocus")
       },
       {
         type: "blur",
-        describe: p("onBlur")
+        describe: n("onBlur")
       },
       {
         type: "clear",
-        describe: p("onClear")
+        describe: n("onClear")
       },
       {
         type: "click",
@@ -177,76 +184,76 @@ const { t: p } = a(), H = {
     action: [
       {
         type: "focus",
-        describe: p("focusInput")
+        describe: n("focusInput")
       },
       {
         type: "blur",
-        describe: p("blurInput")
+        describe: n("blurInput")
       },
       {
         type: "clear",
-        describe: p("clearInput")
+        describe: n("clearInput")
       },
       {
         type: "select",
-        describe: p("selectInputText")
+        describe: n("selectInputText")
       }
     ]
   }
-}, { t: i } = a(), j = {
+}, { t: p } = a(), j = {
   component: async () => (await import("element-plus")).ElInput,
   icon: "icon--epic--edit-square-outline-rounded",
-  groupName: i("form"),
+  groupName: p("form"),
   sort: 705,
   defaultSchema: {
-    label: i("textarea"),
+    label: p("textarea"),
     type: "textarea",
     field: "textarea",
     input: !0,
     componentProps: {
-      placeholder: i("pleaseEnter"),
+      placeholder: p("pleaseEnter"),
       type: "textarea"
     }
   },
   config: {
     attribute: [
       {
-        label: i("fieldName"),
+        label: p("fieldName"),
         type: "input",
         field: "field"
       },
       {
-        label: i("title"),
+        label: p("title"),
         type: "input",
         field: "label"
       },
       {
-        label: i("defaultValue"),
+        label: p("defaultValue"),
         type: "textarea",
         field: "componentProps.defaultValue"
       },
       {
-        label: i("placeholder"),
+        label: p("placeholder"),
         type: "input",
         field: "componentProps.placeholder"
       },
       {
-        label: i("size"),
+        label: p("size"),
         type: "select",
         componentProps: {
-          placeholder: i("pleaseSelect"),
+          placeholder: p("pleaseSelect"),
           clearable: !0,
           options: [
             {
-              label: i("large"),
+              label: p("large"),
               value: "large"
             },
             {
-              label: i("medium"),
+              label: p("medium"),
               value: "default"
             },
             {
-              label: i("small"),
+              label: p("small"),
               value: "small"
             }
           ]
@@ -254,38 +261,38 @@ const { t: p } = a(), H = {
         field: "componentProps.size"
       },
       {
-        label: i("maxInputLength"),
+        label: p("maxInputLength"),
         type: "number",
         field: "componentProps.maxlength",
         componentProps: {
-          placeholder: i("pleaseEnter"),
+          placeholder: p("pleaseEnter"),
           min: 0
         }
       },
       {
-        label: i("countWords"),
+        label: p("countWords"),
         type: "switch",
         field: "componentProps.showWordLimit",
         show: ({ values: e }) => e.componentProps.maxlength
       },
       {
-        label: i("minRows"),
+        label: p("minRows"),
         type: "number",
         field: "componentProps.autosize.minRows",
         componentProps: {
-          placeholder: i("pleaseEnter")
+          placeholder: p("pleaseEnter")
         }
       },
       {
-        label: i("maxRows"),
+        label: p("maxRows"),
         type: "number",
         field: "componentProps.autosize.maxRows",
         componentProps: {
-          placeholder: i("pleaseEnter")
+          placeholder: p("pleaseEnter")
         }
       },
       {
-        label: i("clearable"),
+        label: p("clearable"),
         type: "switch",
         field: "componentProps.clearable"
       },
@@ -300,103 +307,103 @@ const { t: p } = a(), H = {
       //   field: "componentProps.hidden",
       // },
       {
-        label: i("formValidation"),
+        label: p("formValidation"),
         type: "ERuleEditor",
         layout: "vertical",
         field: "rules",
-        describe: i("validationRuleRequiresForm")
+        describe: p("validationRuleRequiresForm")
       }
     ],
     event: [
       {
         type: "input",
-        describe: i("inputValue")
+        describe: p("inputValue")
       },
       {
         type: "change",
-        describe: i("valueChange")
+        describe: p("valueChange")
       },
       {
         type: "focus",
-        describe: i("focus")
+        describe: p("focus")
       },
       {
         type: "blur",
-        describe: i("blur")
+        describe: p("blur")
       }
     ],
     action: [
       {
         type: "focus",
-        describe: i("focusInput")
+        describe: p("focusInput")
       },
       {
         type: "blur",
-        describe: i("blurInput")
+        describe: p("blurInput")
       },
       {
         type: "clear",
-        describe: i("clearInput")
+        describe: p("clearInput")
       },
       {
         type: "select",
-        describe: i("selectInputText")
+        describe: p("selectInputText")
       }
     ]
   }
-}, { t: s } = a(), G = {
+}, { t: c } = a(), G = {
   component: async () => (await import("element-plus")).ElInputNumber,
-  groupName: s("form"),
+  groupName: c("form"),
   icon: "icon--epic--123-rounded",
   sort: 710,
   defaultSchema: {
-    label: s("numberInput"),
+    label: c("numberInput"),
     type: "number",
     field: "number",
     input: !0,
     componentProps: {
-      placeholder: s("pleaseEnter")
+      placeholder: c("pleaseEnter")
     }
   },
   config: {
     attribute: [
       {
-        label: s("fieldName"),
+        label: c("fieldName"),
         type: "input",
         field: "field"
       },
       {
-        label: s("title"),
+        label: c("title"),
         type: "input",
         field: "label"
       },
       {
-        label: s("defaultValue"),
+        label: c("defaultValue"),
         type: "number",
         field: "componentProps.defaultValue"
       },
       {
-        label: s("placeholder"),
+        label: c("placeholder"),
         type: "input",
         field: "componentProps.placeholder"
       },
       {
-        label: s("size"),
+        label: c("size"),
         type: "select",
         componentProps: {
-          placeholder: s("pleaseSelect"),
+          placeholder: c("pleaseSelect"),
           clearable: !0,
           options: [
             {
-              label: s("large"),
+              label: c("large"),
               value: "large"
             },
             {
-              label: s("medium"),
+              label: c("medium"),
               value: "default"
             },
             {
-              label: s("small"),
+              label: c("small"),
               value: "small"
             }
           ]
@@ -404,31 +411,31 @@ const { t: p } = a(), H = {
         field: "componentProps.size"
       },
       {
-        label: s("maxValue"),
+        label: c("maxValue"),
         type: "number",
         field: "componentProps.max",
         componentProps: {
-          placeholder: s("pleaseEnter")
+          placeholder: c("pleaseEnter")
         }
       },
       {
-        label: s("minValue"),
+        label: c("minValue"),
         type: "number",
         field: "componentProps.min",
         componentProps: {
-          placeholder: s("pleaseEnter")
+          placeholder: c("pleaseEnter")
         }
       },
       {
-        label: s("step"),
+        label: c("step"),
         type: "number",
         field: "componentProps.step",
         componentProps: {
-          placeholder: s("pleaseEnter")
+          placeholder: c("pleaseEnter")
         }
       },
       {
-        label: s("controlButtonPosition"),
+        label: c("controlButtonPosition"),
         type: "select",
         defaultValue: "",
         componentProps: {
@@ -442,21 +449,21 @@ const { t: p } = a(), H = {
               value: "right"
             }
           ],
-          placeholder: s("pleaseSelect"),
+          placeholder: c("pleaseSelect"),
           clearable: !0
         },
         field: "componentProps.controlsPosition"
       },
       {
-        label: s("precision"),
+        label: c("precision"),
         type: "number",
         field: "componentProps.precision",
         componentProps: {
-          placeholder: s("pleaseEnter")
+          placeholder: c("pleaseEnter")
         }
       },
       {
-        label: s("inputControlIsMultipleOfStep"),
+        label: c("inputControlIsMultipleOfStep"),
         type: "switch",
         field: "componentProps.stepStrictly"
       },
@@ -471,11 +478,11 @@ const { t: p } = a(), H = {
       //   field: "componentProps.hidden",
       // },
       {
-        label: s("formValidation"),
+        label: c("formValidation"),
         type: "ERuleEditor",
         layout: "vertical",
         field: "rules",
-        describe: s("validationRuleRequiresForm"),
+        describe: c("validationRuleRequiresForm"),
         componentProps: {
           ruleType: "number"
         }
@@ -484,11 +491,11 @@ const { t: p } = a(), H = {
     event: [
       {
         type: "change",
-        describe: s("onValueChange")
+        describe: c("onValueChange")
       }
     ]
   }
-}, { t: d } = a(), K = {
+}, { t: d } = a(), _ = {
   component: () => import("../../form-VbfBmb63.js"),
   groupName: d("form"),
   icon: "icon--epic--list-alt-outline-rounded",
@@ -636,14 +643,14 @@ const { t: p } = a(), H = {
   }
 };
 a();
-const _ = {
+const J = {
   component: () => import("../../formItem-D10Om12T.js"),
   defaultSchema: {
     label: "表单项",
     type: "form-item"
   },
   config: {}
-}, { t: h } = a(), J = {
+}, { t: h } = a(), Q = {
   component: () => import("../../button-BvmCwtR3.js"),
   groupName: h("form"),
   icon: "icon--epic--fit-screen-rounded",
@@ -770,13 +777,13 @@ const _ = {
       }
     ]
   }
-}, { t: E } = a(), Q = {
+}, { t: V } = a(), X = {
   component: () => import("../../card-CI6L3YKU.js"),
-  groupName: E("layout"),
+  groupName: V("layout"),
   icon: "icon--epic--wysiwyg-rounded",
   sort: 700,
   defaultSchema: {
-    label: E("cardLayout"),
+    label: V("cardLayout"),
     type: "card",
     multiple: !1,
     children: [],
@@ -786,12 +793,12 @@ const _ = {
   config: {
     attribute: [
       {
-        label: E("title"),
+        label: V("title"),
         type: "input",
         field: "label"
       },
       {
-        label: E("fieldName"),
+        label: V("fieldName"),
         type: "input",
         field: "field"
       },
@@ -815,7 +822,7 @@ const _ = {
         }
       },
       {
-        label: E("shadowTiming"),
+        label: V("shadowTiming"),
         type: "select",
         componentProps: {
           options: [
@@ -832,7 +839,7 @@ const _ = {
               value: "never"
             }
           ],
-          placeholder: E("pleaseSelect"),
+          placeholder: V("pleaseSelect"),
           clearable: !0
         },
         field: "componentProps.shadow"
@@ -844,13 +851,13 @@ const _ = {
       // },
     ]
   }
-}, { t: w } = a(), X = {
+}, { t: S } = a(), Z = {
   component: () => import("../../row-CkyJ9pQh.js"),
-  groupName: w("layout"),
+  groupName: S("layout"),
   icon: "icon--epic--width-normal-outline",
   sort: 800,
   defaultSchema: {
-    label: w("gridLayout"),
+    label: S("gridLayout"),
     type: "row",
     children: [
       {
@@ -875,7 +882,7 @@ const _ = {
   config: {
     attribute: [
       {
-        label: w("verticalAlignment"),
+        label: S("verticalAlignment"),
         type: "select",
         componentProps: {
           style: { width: "100%" },
@@ -893,12 +900,12 @@ const _ = {
               value: "bottom"
             }
           ],
-          placeholder: w("pleaseSelect")
+          placeholder: S("pleaseSelect")
         },
         field: "componentProps.align"
       },
       {
-        label: w("horizontalArrangement"),
+        label: S("horizontalArrangement"),
         type: "select",
         componentProps: {
           style: { width: "100%" },
@@ -924,20 +931,20 @@ const _ = {
               value: "space-between"
             }
           ],
-          placeholder: w("pleaseSelect")
+          placeholder: S("pleaseSelect")
         },
         field: "componentProps.justify"
       },
       {
-        label: w("gridSpacing"),
+        label: S("gridSpacing"),
         type: "number",
         field: "componentProps.gutter",
         componentProps: {
-          placeholder: w("pleaseEnter")
+          placeholder: S("pleaseEnter")
         }
       },
       {
-        label: w("gridWidth"),
+        label: S("gridWidth"),
         type: "EColEditor",
         field: "children"
       }
@@ -948,10 +955,10 @@ const _ = {
       // },
     ]
   }
-}, { t: k } = a(), Z = {
-  component: () => import("../../col-DcVPBKEc.js"),
+}, { t: F } = a(), ee = {
+  component: () => import("../../col-D4hvKfJ6.js"),
   defaultSchema: {
-    label: k("gridLayout") + "-" + k("column"),
+    label: F("gridLayout") + "-" + F("column"),
     type: "col",
     children: [],
     componentProps: {
@@ -967,7 +974,7 @@ const _ = {
       }
     ]
   }
-}, { t } = a(), ee = {
+}, { t } = a(), le = {
   component: () => import("../../select-CjWTf5kk.js"),
   groupName: t("form"),
   icon: "icon--epic--select",
@@ -1044,8 +1051,8 @@ const _ = {
         label: t("multiple"),
         type: "switch",
         field: "componentProps.multiple",
-        onChange: ({ value: e, values: n }) => {
-          e ? n.componentProps.defaultValue = [] : n.componentProps.defaultValue = null;
+        onChange: ({ value: e, values: s }) => {
+          e ? s.componentProps.defaultValue = [] : s.componentProps.defaultValue = null;
         }
       },
       {
@@ -1241,7 +1248,7 @@ const _ = {
       }
     ]
   }
-}, { t: u } = a(), le = {
+}, { t: u } = a(), te = {
   component: () => import("../../radio-Ducbqo4d.js"),
   groupName: u("form"),
   icon: "icon--epic--radio-button-checked-outline",
@@ -1364,25 +1371,25 @@ const _ = {
       }
     ]
   }
-}, { t: r } = a(), te = {
+}, { t: i } = a(), oe = {
   component: () => import("../../checkbox-BMXONqwy.js"),
-  groupName: r("form"),
+  groupName: i("form"),
   icon: "icon--epic--dialogs-outline-rounded",
   sort: 860,
   defaultSchema: {
-    label: r("checkbox"),
+    label: i("checkbox"),
     type: "checkbox",
     field: "checkbox",
     input: !0,
     componentProps: {
       options: [
         {
-          label: r("option1"),
-          value: r("option1")
+          label: i("option1"),
+          value: i("option1")
         },
         {
-          label: r("option2"),
-          value: r("option2")
+          label: i("option2"),
+          value: i("option2")
         }
       ]
     }
@@ -1390,37 +1397,37 @@ const _ = {
   config: {
     attribute: [
       {
-        label: r("fieldName"),
+        label: i("fieldName"),
         type: "input",
         field: "field"
       },
       {
-        label: r("title"),
+        label: i("title"),
         type: "input",
         field: "label"
       },
       {
-        label: r("defaultValue"),
+        label: i("defaultValue"),
         type: "checkbox",
         field: "componentProps.defaultValue"
       },
       {
-        label: r("size"),
+        label: i("size"),
         type: "select",
         componentProps: {
-          placeholder: r("pleaseSelect"),
+          placeholder: i("pleaseSelect"),
           clearable: !0,
           options: [
             {
-              label: r("large"),
+              label: i("large"),
               value: "large"
             },
             {
-              label: r("medium"),
+              label: i("medium"),
               value: "default"
             },
             {
-              label: r("small"),
+              label: i("small"),
               value: "small"
             }
           ]
@@ -1428,41 +1435,41 @@ const _ = {
         field: "componentProps.size"
       },
       {
-        label: r("maxSelected"),
+        label: i("maxSelected"),
         type: "number",
         field: "componentProps.max",
         componentProps: {
-          placeholder: r("pleaseEnter")
+          placeholder: i("pleaseEnter")
         }
       },
       {
-        label: r("minSelected"),
+        label: i("minSelected"),
         type: "number",
         field: "componentProps.min",
         componentProps: {
-          placeholder: r("pleaseEnter")
+          placeholder: i("pleaseEnter")
         }
       },
       {
-        label: r("buttonMode"),
+        label: i("buttonMode"),
         type: "switch",
         field: "componentProps.radioButton"
       },
       {
-        label: r("optionTextColor"),
+        label: i("optionTextColor"),
         type: "color-picker",
         layout: "horizontal",
         field: "componentProps.textColor",
         show: ({ values: e }) => e.componentProps.radioButton,
-        describe: r("effectiveInButtonMode")
+        describe: i("effectiveInButtonMode")
       },
       {
-        label: r("optionButtonColor"),
+        label: i("optionButtonColor"),
         type: "color-picker",
         layout: "horizontal",
         field: "componentProps.fill",
         show: ({ values: e }) => e.componentProps.radioButton,
-        describe: r("effectiveInButtonMode")
+        describe: i("effectiveInButtonMode")
       },
       // {
       //   label: "禁用",
@@ -1475,43 +1482,43 @@ const _ = {
       //   field: "componentProps.hidden",
       // },
       {
-        label: r("optionManagement"),
+        label: i("optionManagement"),
         type: "EOptionsEditor",
         layout: "vertical",
         field: "componentProps.options"
       },
       {
-        label: r("formValidation"),
+        label: i("formValidation"),
         type: "ERuleEditor",
         layout: "vertical",
         field: "rules",
-        describe: r("validationRuleRequiresForm"),
+        describe: i("validationRuleRequiresForm"),
         componentProps: {
           ruleType: "array"
         }
       },
       {
-        label: r("dataSource"),
+        label: i("dataSource"),
         type: "EDataSource",
         layout: "vertical",
         field: "componentProps.dataSource",
-        describe: r("dataSourceConfig")
+        describe: i("dataSourceConfig")
       }
     ],
     event: [
       {
         type: "change",
-        describe: r("onValueChange")
+        describe: i("onValueChange")
       }
     ]
   }
-}, { t: c } = a(), oe = {
+}, { t: r } = a(), ae = {
   component: async () => (await import("element-plus")).ElSlider,
-  groupName: c("form"),
+  groupName: r("form"),
   icon: "icon--epic--switches",
   sort: 930,
   defaultSchema: {
-    label: c("slider"),
+    label: r("slider"),
     type: "slider",
     field: "slider",
     input: !0,
@@ -1523,37 +1530,37 @@ const _ = {
   config: {
     attribute: [
       {
-        label: c("fieldName"),
+        label: r("fieldName"),
         type: "input",
         field: "field"
       },
       {
-        label: c("title"),
+        label: r("title"),
         type: "input",
         field: "label"
       },
       {
-        label: c("defaultValue"),
+        label: r("defaultValue"),
         type: "slider",
         field: "componentProps.defaultValue"
       },
       {
-        label: c("size"),
+        label: r("size"),
         type: "select",
         componentProps: {
-          placeholder: c("pleaseSelect"),
+          placeholder: r("pleaseSelect"),
           clearable: !0,
           options: [
             {
-              label: c("large"),
+              label: r("large"),
               value: "large"
             },
             {
-              label: c("medium"),
+              label: r("medium"),
               value: "default"
             },
             {
-              label: c("small"),
+              label: r("small"),
               value: "small"
             }
           ]
@@ -1561,83 +1568,83 @@ const _ = {
         field: "componentProps.size"
       },
       {
-        label: c("minValue"),
+        label: r("minValue"),
         type: "number",
         field: "componentProps.min",
         componentProps: {
-          placeholder: c("pleaseEnter")
+          placeholder: r("pleaseEnter")
         },
-        onChange: ({ value: e, values: n, componentAttributes: v }) => {
-          const x = v.value.findIndex((R) => R.field === "componentProps.max"), I = v.value[x];
-          I.componentProps = {
+        onChange: ({ value: e, values: s, componentAttributes: w }) => {
+          const I = w.value.findIndex((N) => N.field === "componentProps.max"), R = w.value[I];
+          R.componentProps = {
             min: e
-          }, (n.componentProps.max ?? 0) < e && (n.componentProps.max = e);
+          }, (s.componentProps.max ?? 0) < e && (s.componentProps.max = e);
         }
       },
       {
-        label: c("maxValue"),
+        label: r("maxValue"),
         type: "number",
         field: "componentProps.max",
         componentProps: {
-          placeholder: c("pleaseEnter")
+          placeholder: r("pleaseEnter")
         },
-        onChange: ({ value: e, values: n, componentAttributes: v }) => {
-          const x = v.value.findIndex((R) => R.field === "componentProps.min"), I = v.value[x];
-          I.componentProps = {
+        onChange: ({ value: e, values: s, componentAttributes: w }) => {
+          const I = w.value.findIndex((N) => N.field === "componentProps.min"), R = w.value[I];
+          R.componentProps = {
             max: e
-          }, (n.componentProps.min ?? 0) > e && (n.componentProps.min = e);
+          }, (s.componentProps.min ?? 0) > e && (s.componentProps.min = e);
         }
       },
       {
-        label: c("step"),
+        label: r("step"),
         type: "number",
         field: "componentProps.step",
         componentProps: {
-          placeholder: c("pleaseEnter")
+          placeholder: r("pleaseEnter")
         }
       },
       {
-        label: c("showStops"),
+        label: r("showStops"),
         type: "switch",
         field: "componentProps.showStops"
       },
       {
-        label: c("tooltip"),
+        label: r("tooltip"),
         type: "switch",
         field: "componentProps.showTooltip"
       },
       {
-        label: c("range"),
+        label: r("range"),
         type: "switch",
         field: "componentProps.range"
       },
       {
-        label: c("vertical"),
+        label: r("vertical"),
         type: "switch",
         field: "componentProps.vertical"
       },
       {
-        label: c("height"),
+        label: r("height"),
         type: "EInputSize",
         field: "componentProps.height",
         show: ({ values: e }) => e.componentProps.vertical
       },
       {
-        label: c("showInput"),
+        label: r("showInput"),
         type: "switch",
         field: "componentProps.showInput",
-        onChange: ({ value: e, values: n }) => {
-          e && (n.componentProps.showInputControls = !0);
+        onChange: ({ value: e, values: s }) => {
+          e && (s.componentProps.showInputControls = !0);
         }
       },
       {
-        label: c("controlButtons"),
+        label: r("controlButtons"),
         type: "switch",
         field: "componentProps.showInputControls",
         show: ({ values: e }) => e.componentProps.showInput
       },
       {
-        label: c("tooltipPosition"),
+        label: r("tooltipPosition"),
         type: "select",
         defaultValue: "bottom-start",
         componentProps: {
@@ -1705,11 +1712,11 @@ const _ = {
       //   field: "componentProps.hidden",
       // },
       {
-        label: c("formValidation"),
+        label: r("formValidation"),
         type: "ERuleEditor",
         layout: "vertical",
         field: "rules",
-        describe: c("validationRuleRequiresForm"),
+        describe: r("validationRuleRequiresForm"),
         componentProps: {
           ruleType: "number"
         }
@@ -1718,15 +1725,15 @@ const _ = {
     event: [
       {
         type: "input",
-        describe: c("realTimeTrigger")
+        describe: r("realTimeTrigger")
       },
       {
         type: "change",
-        describe: c("onChangeEnd")
+        describe: r("onChangeEnd")
       }
     ]
   }
-}, { t: f } = a(), ae = {
+}, { t: f } = a(), ne = {
   component: async () => (await import("element-plus")).ElColorPicker,
   groupName: f("form"),
   icon: "icon--epic--palette-outline",
@@ -1835,7 +1842,7 @@ const _ = {
     ],
     action: []
   }
-}, { t: m } = a(), ne = {
+}, { t: m } = a(), pe = {
   component: async () => (await import("element-plus")).ElSwitch,
   groupName: m("form"),
   icon: "icon--epic--toggle-off-outline",
@@ -1874,7 +1881,7 @@ const _ = {
           placeholder: m("pleaseEnter")
         },
         onChange(e) {
-          setTimeout(() => F(e));
+          setTimeout(() => k(e));
         }
       },
       {
@@ -1885,7 +1892,7 @@ const _ = {
           placeholder: m("pleaseEnter")
         },
         onChange(e) {
-          setTimeout(() => F(e));
+          setTimeout(() => k(e));
         }
       },
       {
@@ -1970,14 +1977,14 @@ const _ = {
     ]
   }
 };
-function F(e) {
-  var v;
-  let n = ((v = e.values.componentProps) == null ? void 0 : v.inactiveValue) || !1;
-  e.values.componentProps.unCheckedValue === "" && delete e.values.componentProps.unCheckedValue, e.values.componentProps.activeValue === "" && delete e.values.componentProps.activeValue, e.values.componentProps ? e.values.componentProps.defaultValue = n : e.values.componentProps = {
-    defaultValue: n
+function k(e) {
+  var w;
+  let s = ((w = e.values.componentProps) == null ? void 0 : w.inactiveValue) || !1;
+  e.values.componentProps.unCheckedValue === "" && delete e.values.componentProps.unCheckedValue, e.values.componentProps.activeValue === "" && delete e.values.componentProps.activeValue, e.values.componentProps ? e.values.componentProps.defaultValue = s : e.values.componentProps = {
+    defaultValue: s
   };
 }
-const { t: l } = a(), pe = {
+const { t: l } = a(), ie = {
   component: async () => (await import("element-plus")).ElCascader,
   groupName: l("form"),
   icon: "icon--epic--full-coverage-outline",
@@ -2085,8 +2092,8 @@ const { t: l } = a(), pe = {
         label: l("multiple"),
         type: "switch",
         field: "componentProps.props.multiple",
-        onChange: ({ value: e, values: n }) => {
-          e ? n.componentProps.defaultValue = [] : n.componentProps.defaultValue = null;
+        onChange: ({ value: e, values: s }) => {
+          e ? s.componentProps.defaultValue = [] : s.componentProps.defaultValue = null;
         }
       },
       {
@@ -2195,7 +2202,7 @@ const { t: l } = a(), pe = {
   }
 };
 a();
-const ie = {
+const re = {
   component: () => import("../../collapse-I4H1VTFf.js"),
   icon: "epic-icon-xiala",
   // groupName: "布局",
@@ -2237,7 +2244,7 @@ const ie = {
   }
 };
 a();
-const re = {
+const ce = {
   component: () => import("../../collapseItem-CW_HTWvE.js"),
   defaultSchema: {
     label: "折叠项",
@@ -2247,7 +2254,7 @@ const re = {
   config: {
     attribute: []
   }
-}, { t: o } = a(), ce = {
+}, { t: o } = a(), se = {
   component: async () => (await import("element-plus")).ElDatePicker,
   groupName: o("form"),
   icon: "icon--epic--calendar-month-outline-rounded",
@@ -2327,8 +2334,8 @@ const re = {
             }
           ]
         },
-        onChange({ values: e, value: n }) {
-          e.componentProps.defaultValue = null, ["date", "daterange", "dates"].includes(n) ? (e.componentProps.format = "YYYY-MM-DD", e.componentProps.valueFormat = "YYYY-MM-DD") : ["week"].includes(n) ? (e.componentProps.format = "ww [周]", e.componentProps.valueFormat = "YYYY-MM-DD") : ["month", "monthrange"].includes(n) ? (e.componentProps.format = "YYYY-MM", e.componentProps.valueFormat = "YYYY-MM") : ["datetime", "datetimerange"].includes(n) ? (e.componentProps.format = "YYYY-MM-DD HH:mm:ss", e.componentProps.valueFormat = "YYYY-MM-DD HH:mm:ss") : ["year"].includes(n) && (e.componentProps.format = "YYYY", e.componentProps.valueFormat = "YYYY");
+        onChange({ values: e, value: s }) {
+          e.componentProps.defaultValue = null, ["date", "daterange", "dates"].includes(s) ? (e.componentProps.format = "YYYY-MM-DD", e.componentProps.valueFormat = "YYYY-MM-DD") : ["week"].includes(s) ? (e.componentProps.format = "ww [周]", e.componentProps.valueFormat = "YYYY-MM-DD") : ["month", "monthrange"].includes(s) ? (e.componentProps.format = "YYYY-MM", e.componentProps.valueFormat = "YYYY-MM") : ["datetime", "datetimerange"].includes(s) ? (e.componentProps.format = "YYYY-MM-DD HH:mm:ss", e.componentProps.valueFormat = "YYYY-MM-DD HH:mm:ss") : ["year"].includes(s) && (e.componentProps.format = "YYYY", e.componentProps.valueFormat = "YYYY");
         }
       },
       {
@@ -2440,7 +2447,7 @@ const re = {
       }
     ]
   }
-}, { t: P } = a(), se = {
+}, { t: P } = a(), de = {
   component: () => import("../../uploadFile-qCbXuHfd.js"),
   groupName: P("form"),
   icon: "icon--epic--upload-rounded",
@@ -2525,7 +2532,7 @@ const re = {
     ]
   },
   bindModel: "modelValue"
-}, { t: g } = a(), de = {
+}, { t: g } = a(), ue = {
   component: () => import("../../uploadImage-DQmVV0jl.js"),
   groupName: g("form"),
   icon: "icon--epic--imagesmode-outline-rounded",
@@ -2610,7 +2617,7 @@ const re = {
     ]
   },
   bindModel: "modelValue"
-}, { t: ue } = a(), me = {
+}, { t: me } = a(), be = {
   component: () => import("../../modal-DZRBS-Mt.js"),
   defaultSchema: {
     label: "模态框",
@@ -2620,25 +2627,25 @@ const re = {
   config: {
     attribute: [
       {
-        label: ue("title"),
+        label: me("title"),
         type: "input",
         field: "title"
       }
     ]
   }
-}, { t: S } = a(), be = {
+}, { t: E } = a(), fe = {
   // component: async () => await import("../../../../packages/core/components/designer/src"),
   component: async () => await import("../../sign-l63EYvVo.js"),
   icon: "icon--epic--insert-text-outline-rounded",
-  groupName: S("form"),
+  groupName: E("form"),
   sort: 705,
   defaultSchema: {
-    label: S("signaturePad"),
+    label: E("signaturePad"),
     type: "sign",
     field: "sign",
     input: !0,
     componentProps: {
-      placeholder: S("pleaseEnter"),
+      placeholder: E("pleaseEnter"),
       lineWidth: 4,
       type: "sign",
       style: {}
@@ -2647,12 +2654,12 @@ const re = {
   config: {
     attribute: [
       {
-        label: S("fieldName"),
+        label: E("fieldName"),
         type: "input",
         field: "field"
       },
       {
-        label: S("title"),
+        label: E("title"),
         type: "input",
         field: "label"
       },
@@ -2662,10 +2669,10 @@ const re = {
       //   field: "componentProps.placeholder",
       // },
       {
-        label: S("lineWidth") + "(px)",
+        label: E("lineWidth") + "(px)",
         type: "input",
         componentProps: {
-          placeholder: S("pleaseSelect"),
+          placeholder: E("pleaseSelect"),
           clearable: !0
         },
         field: "componentProps.lineWidth"
@@ -2686,11 +2693,11 @@ const re = {
       //   field: "componentProps.hidden",
       // },
       {
-        label: S("formValidation"),
+        label: E("formValidation"),
         type: "ERuleEditor",
         layout: "vertical",
         field: "rules",
-        describe: S("validationRuleRequiresForm")
+        describe: E("validationRuleRequiresForm")
       }
     ]
     // event: [
@@ -2732,7 +2739,7 @@ const re = {
   }
 };
 a();
-const fe = {
+const ye = {
   component: () => import("../../table-75K2lqjD.js"),
   // groupName: "表单",
   icon: "icon--epic--table-dashed",
@@ -2834,7 +2841,7 @@ const fe = {
       }
     ]
   }
-}, { t: y } = a(), ye = {
+}, { t: y } = a(), he = {
   component: async () => await import("../../text-C-b94tBH.js"),
   groupName: y("form"),
   icon: "icon--epic--file-word-line",
@@ -2990,7 +2997,7 @@ const fe = {
   }
 };
 a();
-const he = {
+const Pe = {
   component: () => import("../../cell-B_q5hgzb.js"),
   groupName: "",
   defaultSchema: {
@@ -3004,7 +3011,7 @@ const he = {
   config: {
     attribute: []
   }
-}, { t: T } = a(), Pe = {
+}, { t: x } = a(), ge = {
   component: () => import("../../tabs-DCyifACM.js"),
   groupName: "布局",
   icon: "icon--epic--section",
@@ -3033,7 +3040,7 @@ const he = {
   config: {
     attribute: [
       {
-        label: T("fieldName"),
+        label: x("fieldName"),
         type: "input",
         field: "field"
       },
@@ -3041,7 +3048,7 @@ const he = {
         label: "风格类型",
         type: "select",
         componentProps: {
-          placeholder: T("pleaseSelect"),
+          placeholder: x("pleaseSelect"),
           clearable: !0,
           options: [
             {
@@ -3060,7 +3067,7 @@ const he = {
         label: "选项卡所在位置",
         type: "select",
         componentProps: {
-          placeholder: T("pleaseSelect"),
+          placeholder: x("pleaseSelect"),
           clearable: !0,
           options: [
             {
@@ -3084,17 +3091,17 @@ const he = {
         field: "componentProps.tab-position"
       },
       {
-        label: T("optionManagement"),
+        label: x("optionManagement"),
         type: "EOptionsEditor",
         layout: "vertical",
         field: "children",
-        describe: T("configureOptions")
+        describe: x("configureOptions")
       }
     ]
   }
 };
 a();
-const ge = {
+const ve = {
   component: () => import("../../tabPanel-DAw7ENrC.js"),
   defaultSchema: {
     label: "标签",
@@ -3107,7 +3114,7 @@ const ge = {
   config: {
     attribute: []
   }
-}, { t: V } = a(), ve = {
+}, { t: C } = a(), we = {
   component: () => import("../../ETable-ogvH56w7.js"),
   groupName: "布局",
   icon: "icon--epic--table-shortcut",
@@ -3175,7 +3182,7 @@ const ge = {
   config: {
     attribute: [
       {
-        label: V("verticalAlignment"),
+        label: C("verticalAlignment"),
         type: "select",
         componentProps: {
           style: { width: "100%" },
@@ -3193,12 +3200,12 @@ const ge = {
               value: "bottom"
             }
           ],
-          placeholder: V("pleaseSelect")
+          placeholder: C("pleaseSelect")
         },
         field: "componentProps.align"
       },
       {
-        label: V("horizontalArrangement"),
+        label: C("horizontalArrangement"),
         type: "select",
         componentProps: {
           style: { width: "100%" },
@@ -3224,16 +3231,16 @@ const ge = {
               value: "space-between"
             }
           ],
-          placeholder: V("pleaseSelect")
+          placeholder: C("pleaseSelect")
         },
         field: "componentProps.justify"
       },
       {
-        label: V("gridSpacing"),
+        label: C("gridSpacing"),
         type: "number",
         field: "componentProps.gutter",
         componentProps: {
-          placeholder: V("pleaseEnter")
+          placeholder: C("pleaseEnter")
         }
       }
       //   {
@@ -3248,7 +3255,7 @@ const ge = {
       // },
     ]
   }
-}, { t: C } = a(), we = {
+}, { t: T } = a(), Se = {
   component: () => import("../../ETr-nIjGkdzO.js"),
   // groupName: "布局",
   icon: "icon--epic--width-normal-outline",
@@ -3263,7 +3270,7 @@ const ge = {
   config: {
     attribute: [
       {
-        label: C("verticalAlignment"),
+        label: T("verticalAlignment"),
         type: "select",
         componentProps: {
           style: { width: "100%" },
@@ -3281,12 +3288,12 @@ const ge = {
               value: "bottom"
             }
           ],
-          placeholder: C("pleaseSelect")
+          placeholder: T("pleaseSelect")
         },
         field: "componentProps.align"
       },
       {
-        label: C("horizontalArrangement"),
+        label: T("horizontalArrangement"),
         type: "select",
         componentProps: {
           style: { width: "100%" },
@@ -3312,16 +3319,16 @@ const ge = {
               value: "space-between"
             }
           ],
-          placeholder: C("pleaseSelect")
+          placeholder: T("pleaseSelect")
         },
         field: "componentProps.justify"
       },
       {
-        label: C("gridSpacing"),
+        label: T("gridSpacing"),
         type: "number",
         field: "componentProps.gutter",
         componentProps: {
-          placeholder: C("pleaseEnter")
+          placeholder: T("pleaseEnter")
         }
       }
       // {
@@ -3338,7 +3345,7 @@ const ge = {
   }
 };
 a();
-const Se = {
+const Ee = {
   component: () => import("../../ETd-CRUvOVnZ.js"),
   // groupName: "布局",
   icon: "icon--epic--width-normal-outline",
@@ -3350,7 +3357,7 @@ const Se = {
   config: {
     attribute: []
   }
-}, { t: b } = a(), Ee = {
+}, { t: b } = a(), Ve = {
   component: async () => (await import("element-plus")).ElRate,
   groupName: b("form"),
   icon: "icon--epic--star-filled-half",
@@ -3487,7 +3494,7 @@ const Se = {
       }
     ]
   }
-}, { t: Ve } = a(), Ce = {
+}, { t: Ce } = a(), Te = {
   component: async () => await import("../../iframe-Fgbk3vqJ.js"),
   groupName: "布局",
   icon: "icon--epic--box-3-line",
@@ -3507,7 +3514,7 @@ const Se = {
   config: {
     attribute: [
       {
-        label: Ve("fieldName"),
+        label: Ce("fieldName"),
         type: "input",
         field: "field"
       },
@@ -3518,31 +3525,145 @@ const Se = {
       }
     ]
   }
+}, { t: v } = a(), xe = {
+  component: async () => await import("../../selectPage-OLtWHgz5.js"),
+  // component: async () => (await import("element-plus")).ElInput,
+  icon: "icon--epic--select",
+  groupName: "表单",
+  sort: 1888,
+  defaultSchema: {
+    label: "分页下拉框",
+    type: "selectpage",
+    field: "selectpage",
+    input: !0,
+    componentProps: {
+      placeholder: v("pleaseEnter"),
+      lineWidth: 4,
+      type: "selectPage",
+      style: {},
+      pageKey: "pageNum",
+      pageTotalKey: "total",
+      searchKey: "keywords"
+    }
+  },
+  config: {
+    attribute: [
+      {
+        label: v("fieldName"),
+        type: "input",
+        field: "field"
+      },
+      {
+        label: v("title"),
+        type: "input",
+        field: "label"
+      },
+      {
+        label: v("placeholder"),
+        type: "input",
+        field: "componentProps.placeholder"
+      },
+      {
+        label: v("size"),
+        type: "select",
+        componentProps: {
+          placeholder: v("pleaseSelect"),
+          clearable: !0,
+          options: [
+            {
+              label: v("large"),
+              value: "large"
+            },
+            {
+              label: v("medium"),
+              value: "default"
+            },
+            {
+              label: v("small"),
+              value: "small"
+            }
+          ]
+        },
+        field: "componentProps.size"
+      },
+      // {
+      //   label: t("multiple"),
+      //   type: "switch",
+      //   field: "componentProps.multiple",
+      //   onChange: ({ value, values }) => {
+      //     if (value) {
+      //       values.componentProps.defaultValue = [];
+      //     } else {
+      //       values.componentProps.defaultValue = null;
+      //     }
+      //   },
+      // },
+      {
+        label: "分页字段名",
+        type: "input",
+        field: "componentProps.pageKey"
+      },
+      {
+        label: "总数字段名",
+        type: "input",
+        field: "componentProps.pageTotalKey"
+      },
+      // {
+      //   label: "分页当前页数",
+      //   type: "input",
+      //   field: "componentProps.pageNum",
+      // },
+      {
+        label: "搜索字段名",
+        type: "input",
+        field: "componentProps.searchKey"
+      },
+      {
+        label: "选择数据源",
+        type: "ESourceDataSelect",
+        layout: "vertical",
+        field: "componentProps.options",
+        describe: v("configureOptions")
+      },
+      {
+        label: v("dataSource"),
+        type: "EDataSource",
+        layout: "vertical",
+        field: "componentProps.dataSource",
+        describe: v("dataSourceConfig")
+      }
+    ],
+    event: [
+      {
+        type: "change",
+        describe: v("onValueChange")
+      }
+    ]
+  }
 };
-function Re(e = N) {
-  e.component("FormItem", z), e.component("Form", Y), e.component("RadioGroup", D), e.component("RadioButton", B), e.component("Tabs", M), e.component("TabPane", L), e.component("Collapse", q), e.component("CollapseItem", A), e.component("Drawer", W), e.component("Dialog", $), e.component("ElTable", U), e.component("ElTableColumn", O), [
-    K,
+function Fe(e = z) {
+  e.component("FormItem", Y), e.component("Form", D), e.component("RadioGroup", B), e.component("RadioButton", M), e.component("Tabs", L), e.component("TabPane", q), e.component("Collapse", W), e.component("CollapseItem", A), e.component("Drawer", $), e.component("Dialog", O), e.component("ElTable", U), e.component("ElTableColumn", K), [
     _,
+    J,
     H,
     j,
     G,
-    le,
     te,
-    ce,
-    ee,
-    ne,
-    ae,
-    pe,
     oe,
     se,
+    le,
+    pe,
+    ne,
+    ie,
+    ae,
     de,
-    J,
+    ue,
     Q,
     X,
     Z,
-    ie,
+    ee,
     re,
-    me,
+    ce,
     be,
     fe,
     ye,
@@ -3553,17 +3674,19 @@ function Re(e = N) {
     we,
     Se,
     Ee,
-    Ce
-  ].forEach((v) => {
-    e.registerComponent(v), e.addBaseComponentTypes(v.defaultSchema.type);
+    Ve,
+    Te,
+    xe
+  ].forEach((w) => {
+    e.registerComponent(w), e.addBaseComponentTypes(w.defaultSchema.type);
   }), e.setInitialized(!0);
 }
 function ke(e) {
-  import("element-plus").then(({ provideGlobalConfig: n }) => {
-    n(e);
+  import("element-plus").then(({ provideGlobalConfig: s }) => {
+    s(e);
   });
 }
 export {
   ke as provideGlobalConfig,
-  Re as setupElementPlus
+  Fe as setupElementPlus
 };