starfish-form-custom 1.0.0

package/dist/index-eab8ef70.mjs

@@ -0,0 +1,519 @@
+import { ElTooltip, ElOption, ElSelect, ElButton, ElIcon, ElCollapseItem, ElCollapse, ElDropdownItem, ElDropdownMenu, ElDropdown, ElAlert, ElFooter, ElMain, ElContainer } from 'element-plus/es';
+import 'element-plus/es/components/base/style/css';
+import 'element-plus/es/components/container/style/css';
+import 'element-plus/es/components/main/style/css';
+import 'element-plus/es/components/footer/style/css';
+import 'element-plus/es/components/alert/style/css';
+import 'element-plus/es/components/dropdown/style/css';
+import 'element-plus/es/components/dropdown-menu/style/css';
+import 'element-plus/es/components/dropdown-item/style/css';
+import 'element-plus/es/components/collapse/style/css';
+import 'element-plus/es/components/collapse-item/style/css';
+import 'element-plus/es/components/icon/style/css';
+import 'element-plus/es/components/button/style/css';
+import 'element-plus/es/components/select/style/css';
+import 'element-plus/es/components/option/style/css';
+import 'element-plus/es/components/tooltip/style/css';
+import { defineComponent, getCurrentInstance, inject, computed, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString, createCommentVNode, createBlock, withCtx, Fragment, renderList, createVNode, createTextVNode } from 'vue';
+import { _ as _export_sfc, a as _, f as fieldProps, r as ruleList, b as ruleJsonData } from './main-96327b2e.mjs';
+import { Delete } from '@element-plus/icons-vue';
+import Dynamicform from './starfish-form-a18a5409.mjs';
+import { Codemirror } from 'vue-codemirror';
+import 'element-plus/es/components/input/style/css';
+import 'element-plus/es/components/checkbox/style/css';
+import 'element-plus/es/components/loading/style/css';
+import 'element-plus/es/components/row/style/css';
+import 'element-plus/es/components/col/style/css';
+import 'element-plus/es/components/input-number/style/css';
+import 'element-plus/es/components/radio-group/style/css';
+import 'element-plus/es/components/radio-button/style/css';
+import 'element-plus/es/components/checkbox-group/style/css';
+import 'element-plus/es/components/color-picker/style/css';
+import 'element-plus/es/components/date-picker/style/css';
+import 'element-plus/es/components/radio/style/css';
+import 'element-plus/es/components/slider/style/css';
+import 'element-plus/es/components/switch/style/css';
+import 'element-plus/es/components/time-select/style/css';
+import 'element-plus/es/components/divider/style/css';
+import 'element-plus/es/components/tabs/style/css';
+import 'element-plus/es/components/tab-pane/style/css';
+import 'element-plus/es/components/form-item/style/css';
+import 'element-plus';
+import 'element-plus/es/components/form/style/css';
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
+
+const _sfc_main = defineComponent({
+  ControlType: "Rule",
+  // 必须与文件名匹配
+  rule: _.getJsonValidate(),
+  props: {
+    ...fieldProps
+  },
+  components: {
+    Delete,
+    Dynamicform,
+    Codemirror
+  },
+  setup(props) {
+    const { proxy } = getCurrentInstance();
+    const { formStore } = inject("control") || {};
+    const globalDatas = computed(() => formStore?.get("globalDatas"));
+    const rules = ref([]);
+    const ruleList$1 = ref(ruleList);
+    const funcItem = ref({});
+    const funcValue = ref({});
+    const highItem = ref({});
+    const formValue = ref({});
+    const ruleJson = ref(ruleJsonData.ruleJson);
+    const IsShow = ref(true);
+    const codeMyDialog = ref();
+    const formRuleDialog = ref();
+    const formdragger = ref();
+    return {
+      IsShow,
+      rules,
+      ruleList: ruleList$1,
+      globalDatas,
+      funcItem,
+      funcValue,
+      highItem,
+      formValue,
+      ruleJson,
+      codeMyDialog,
+      formRuleDialog,
+      formdragger,
+      handleDropdown(type) {
+        let title = "";
+        if (type == "enum") {
+          title = "\u81EA\u5B9A\u4E49\u679A\u4E3E";
+        } else if (type == "func") {
+          title = "\u81EA\u5B9A\u4E49\u51FD\u6570\u89C4\u5219";
+        } else if (type == "high") {
+          title = "\u9AD8\u7EA7\u6A21\u5F0F";
+        }
+        if (Array.isArray(props.data[props.item.data.fieldName])) {
+          props.data[props.item.data.fieldName].push({
+            type,
+            title,
+            value: ""
+          });
+        } else {
+          props.data[props.item.data.fieldName] = [];
+          props.data[props.item.data.fieldName].push({
+            type,
+            title,
+            value: ""
+          });
+        }
+      },
+      handleFuncEdit(item) {
+        funcItem.value = item;
+        funcValue.value = item.value ? JSON.parse(JSON.stringify(item.value)) : {
+          trigger: "blur",
+          func: `/** if (value === "" || value == null) {
+*  callback(new Error("\u8BF7\u8F93\u5165"));
+*} else if (!/^[0-9]*$/.test(value)) {
+*  callback(new Error("\u5FC5\u987B\u4E3A\u6570\u5B57"));
+*}
+*callback(); 
+*/`
+        };
+        codeMyDialog.value.init("\u51FD\u6570\u7F16\u8F91", "icon-icon-bianji");
+        codeMyDialog.value.show();
+      },
+      saveFunc() {
+        funcItem.value.value = funcValue.value;
+        proxy.closeDialog();
+      },
+      closeDialog() {
+        codeMyDialog.value.close();
+        formRuleDialog.value.close();
+      },
+      deleteRule(index) {
+        props.data[props.item.data.fieldName].splice(index, 1);
+      },
+      async handleFormEdit(item) {
+        highItem.value = item;
+        formValue.value = item.value || proxy.getDefaultData(ruleJson.value);
+        debugger;
+        formRuleDialog.value.init("\u89C4\u5219\u8868\u5355\u7F16\u8F91", "icon-icon-bianji");
+        formRuleDialog.value.show();
+      },
+      getDefaultData(items) {
+        const maindata = {};
+        items.forEach((item) => {
+          maindata[item.data.fieldName] = item.data.default;
+          if (item.data.getDefault) {
+            maindata[item.data.fieldName] = item.data.getDefault();
+          }
+          if (item.data.itemConfig) {
+            maindata[item.data.fieldName] = item.data.itemConfig.value;
+          }
+          maindata[item.data.fieldName] = maindata[item.data.fieldName] != void 0 ? JSON.parse(JSON.stringify(maindata[item.data.fieldName])) : void 0;
+        });
+        return maindata;
+      },
+      saveField() {
+        const newFormValue = {};
+        const map = {
+          1: {
+            fields: ["required", "trigger", "message"]
+          },
+          2: {
+            fields: ["trigger", "min", "max", "message"]
+          },
+          3: {
+            fields: ["required", "trigger", "type", "message"]
+          },
+          4: {
+            fields: ["required", "trigger", "patternTemp", "message"]
+          },
+          5: {
+            fields: ["trigger", "minValue", "maxValue", "message"]
+          }
+        };
+        for (const key in formValue.value) {
+          if (map[formValue.value.ruleType || "1"].fields.includes(key)) {
+            newFormValue[key] = formValue.value[key];
+          }
+        }
+        if (formValue.value.ruleType == 2) {
+          newFormValue.min = parseInt(newFormValue.min);
+          newFormValue.max = parseInt(newFormValue.max);
+        } else if (formValue.value.ruleType == 4) {
+          newFormValue.pattern = new RegExp(newFormValue.patternTemp);
+        } else if (formValue.value.ruleType == 5) {
+          newFormValue.validor = `(rule, value, callback) => {
+            if (!/(^[1-9]*$)/.test(value)) {
+              callback(new Error("\u8BF7\u8F93\u5165\u6570\u5B57\u503C"))
+            } else {
+              if (value > ${newFormValue.maxValue}) {
+                callback(new Error("${newFormValue.message}"))
+              } else if(value < ${newFormValue.minValue}){
+                callback(new Error("${newFormValue.message}"))
+              }else {
+                callback()
+              }
+            }
+          }`;
+        }
+        newFormValue["ruleType"] = formValue.value["ruleType"];
+        highItem.value.value = newFormValue;
+        formRuleDialog.value.close();
+      }
+    };
+  }
+});
+const _hoisted_1 = {
+  key: 0,
+  class: "weight"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "collapse_enums"
+};
+const _hoisted_3 = { key: 1 };
+const _hoisted_4 = { key: 2 };
+const _hoisted_5 = {
+  key: 0,
+  class: "sqlDialog",
+  style: { "padding": "20px", "height": "100%" }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_tooltip = ElTooltip;
+  const _component_el_option = ElOption;
+  const _component_el_select = ElSelect;
+  const _component_el_button = ElButton;
+  const _component_Delete = resolveComponent("Delete");
+  const _component_el_icon = ElIcon;
+  const _component_el_collapse_item = ElCollapseItem;
+  const _component_el_collapse = ElCollapse;
+  const _component_el_dropdown_item = ElDropdownItem;
+  const _component_el_dropdown_menu = ElDropdownMenu;
+  const _component_el_dropdown = ElDropdown;
+  const _component_el_alert = ElAlert;
+  const _component_codemirror = resolveComponent("codemirror");
+  const _component_el_footer = ElFooter;
+  const _component_CustomDialog = resolveComponent("CustomDialog");
+  const _component_Dynamicform = resolveComponent("Dynamicform");
+  const _component_el_main = ElMain;
+  const _component_el_container = ElContainer;
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["starfish-formitem starfish-formitem-rule", { formCover: _ctx.drag, "starfish-vertical": _ctx.labelalign != "top" }])
+  }, [
+    createElementVNode("div", {
+      class: normalizeClass(["label", "label_" + _ctx.labelalign]),
+      style: normalizeStyle({ width: _ctx.labelWidth + "px" })
+    }, [
+      createElementVNode("label", null, toDisplayString(_ctx.item.data.label), 1),
+      _ctx.item.data.required ? (openBlock(), createElementBlock("span", _hoisted_1, "*")) : createCommentVNode("", true),
+      _ctx.item.data.tip ? (openBlock(), createBlock(_component_el_tooltip, {
+        key: 1,
+        class: "item",
+        effect: "dark",
+        content: _ctx.item.data.tip,
+        placement: "bottom-start"
+      }, {
+        default: withCtx(() => _cache[2] || (_cache[2] = [
+          createElementVNode("span", { class: "tip iconfontui icon-tishi" }, null, -1)
+        ])),
+        _: 1,
+        __: [2]
+      }, 8, ["content"])) : createCommentVNode("", true)
+    ], 6),
+    createElementVNode("div", {
+      class: "control",
+      style: normalizeStyle({ marginLeft: _ctx.labelalign != "top" ? _ctx.labelWidth + "px" : "" })
+    }, [
+      Array.isArray(_ctx.data[_ctx.item.data.fieldName]) && _ctx.data[_ctx.item.data.fieldName].length > 0 ? (openBlock(), createBlock(_component_el_collapse, { key: 0 }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data[_ctx.item.data.fieldName], (itemList, index) => {
+            return openBlock(), createBlock(_component_el_collapse_item, {
+              title: itemList.title,
+              name: itemList.title,
+              key: index
+            }, {
+              default: withCtx(() => [
+                itemList.type == "enum" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                  createVNode(_component_el_select, {
+                    modelValue: itemList.value,
+                    "onUpdate:modelValue": ($event) => itemList.value = $event,
+                    placeholder: "\u8BF7\u9009\u62E9",
+                    style: { "width": "100%" },
+                    size: "mini"
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.ruleList, (items) => {
+                        return openBlock(), createBlock(_component_el_option, {
+                          key: items.value,
+                          label: items.label,
+                          value: items.validator
+                        }, null, 8, ["label", "value"]);
+                      }), 128))
+                    ]),
+                    _: 2
+                  }, 1032, ["modelValue", "onUpdate:modelValue"])
+                ])) : createCommentVNode("", true),
+                itemList.type == "func" ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                  createVNode(_component_el_button, {
+                    type: "primary",
+                    onClick: ($event) => _ctx.handleFuncEdit(itemList),
+                    size: "mini"
+                  }, {
+                    default: withCtx(() => _cache[3] || (_cache[3] = [
+                      createTextVNode("\u51FD\u6570\u7F16\u8F91", -1)
+                    ])),
+                    _: 2,
+                    __: [3]
+                  }, 1032, ["onClick"])
+                ])) : createCommentVNode("", true),
+                itemList.type == "high" ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                  createVNode(_component_el_button, {
+                    type: "primary",
+                    onClick: ($event) => _ctx.handleFormEdit(itemList),
+                    size: "mini"
+                  }, {
+                    default: withCtx(() => _cache[4] || (_cache[4] = [
+                      createTextVNode("\u89C4\u5219\u8868\u5355\u7F16\u8F91", -1)
+                    ])),
+                    _: 2,
+                    __: [4]
+                  }, 1032, ["onClick"])
+                ])) : createCommentVNode("", true),
+                createVNode(_component_el_button, {
+                  type: "danger",
+                  circle: "",
+                  onClick: ($event) => _ctx.deleteRule(index),
+                  style: { "margin-left": "10px" }
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_icon, null, {
+                      default: withCtx(() => [
+                        createVNode(_component_Delete)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"])
+              ]),
+              _: 2
+            }, 1032, ["title", "name"]);
+          }), 128))
+        ]),
+        _: 1
+      })) : createCommentVNode("", true),
+      createVNode(_component_el_dropdown, {
+        onCommand: _ctx.handleDropdown,
+        style: { "margin-top": "10px" }
+      }, {
+        dropdown: withCtx(() => [
+          createVNode(_component_el_dropdown_menu, null, {
+            default: withCtx(() => [
+              createVNode(_component_el_dropdown_item, { command: "enum" }, {
+                default: withCtx(() => _cache[6] || (_cache[6] = [
+                  createTextVNode("\u9ED8\u8BA4\u679A\u4E3E", -1)
+                ])),
+                _: 1,
+                __: [6]
+              }),
+              createVNode(_component_el_dropdown_item, { command: "func" }, {
+                default: withCtx(() => _cache[7] || (_cache[7] = [
+                  createTextVNode("\u81EA\u5B9A\u4E49\u51FD\u6570\u89C4\u5219", -1)
+                ])),
+                _: 1,
+                __: [7]
+              }),
+              createVNode(_component_el_dropdown_item, { command: "high" }, {
+                default: withCtx(() => _cache[8] || (_cache[8] = [
+                  createTextVNode("\u9AD8\u7EA7\u6A21\u5F0F", -1)
+                ])),
+                _: 1,
+                __: [8]
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        default: withCtx(() => [
+          createVNode(_component_el_button, { type: "success" }, {
+            default: withCtx(() => _cache[5] || (_cache[5] = [
+              createTextVNode(" \u65B0\u589E\u89C4\u5219", -1),
+              createElementVNode("i", { class: "el-icon-arrow-down el-icon--right" }, null, -1)
+            ])),
+            _: 1,
+            __: [5]
+          })
+        ]),
+        _: 1
+      }, 8, ["onCommand"])
+    ], 4),
+    createVNode(_component_CustomDialog, { ref: "codeMyDialog" }, {
+      default: withCtx(() => [
+        _ctx.funcItem ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          createVNode(_component_el_select, {
+            modelValue: _ctx.funcValue.trigger,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.funcValue.trigger = $event),
+            placeholder: "\u8BF7\u9009\u62E9",
+            size: "mini",
+            style: { "margin-bottom": "20px" }
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_el_option, {
+                label: "blur",
+                value: "blur"
+              }),
+              createVNode(_component_el_option, {
+                label: "change",
+                value: "change"
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue"]),
+          createVNode(_component_el_alert, {
+            title: "rule\u662F\u5B58\u653E\u63A5\u6536\u53C2\u6570\u7684\u5BF9\u8C61;value\u662F\u5F85\u6821\u9A8C\u7684\u503C;callback\u662F\u56DE\u8C03\u51FD\u6570(\u6821\u9A8C\u5B8C\u540E\uFF0C\u8981\u6267\u884C\u7684\u64CD\u4F5C\uFF0C\u5982\u629B\u9519),mainData\u4E3A\u8868\u5355\u6570\u636E",
+            type: "success",
+            style: { "margin-bottom": "15px" }
+          }),
+          _cache[9] || (_cache[9] = createElementVNode("div", null, "(rule, value, callback, mainData) => {", -1)),
+          createVNode(_component_codemirror, {
+            modelValue: _ctx.funcValue.func,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.funcValue.func = $event),
+            ref: "cm",
+            placeholder: "",
+            mode: "text/javascript",
+            style: { height: "320px" },
+            autofocus: true,
+            "indent-with-tab": true,
+            "tab-size": 2
+          }, null, 8, ["modelValue"]),
+          _cache[10] || (_cache[10] = createElementVNode("div", null, "}", -1))
+        ])) : createCommentVNode("", true),
+        createVNode(_component_el_footer, {
+          class: "my-Footer",
+          style: { "height": "60px", "text-align": "right" }
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_el_button, {
+              onClick: _ctx.saveFunc,
+              type: "primary"
+            }, {
+              default: withCtx(() => _cache[11] || (_cache[11] = [
+                createTextVNode("\u4FDD\u5B58", -1)
+              ])),
+              _: 1,
+              __: [11]
+            }, 8, ["onClick"]),
+            createVNode(_component_el_button, { onClick: _ctx.closeDialog }, {
+              default: withCtx(() => _cache[12] || (_cache[12] = [
+                createTextVNode("\u5173\u95ED", -1)
+              ])),
+              _: 1,
+              __: [12]
+            }, 8, ["onClick"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 512),
+    createVNode(_component_CustomDialog, { ref: "formRuleDialog" }, {
+      default: withCtx(() => [
+        createVNode(_component_el_main, { style: { "padding": "0" } }, {
+          default: withCtx(() => [
+            createVNode(_component_el_container, { style: { "height": "100%" } }, {
+              default: withCtx(() => [
+                createVNode(_component_el_main, {
+                  class: "my-pageMain",
+                  style: { "overflow": "hidden" }
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_Dynamicform, {
+                      ref: "formdragger",
+                      formResult: _ctx.formValue,
+                      allFormList: _ctx.ruleJson,
+                      globalConfig: Object.assign({}, _ctx.globalDatas, { size: "large" })
+                    }, null, 8, ["formResult", "allFormList", "globalConfig"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_footer, {
+                  class: "my-Footer",
+                  style: { "height": "60px", "text-align": "right" }
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_button, {
+                      type: "primary",
+                      onClick: _ctx.saveField
+                    }, {
+                      default: withCtx(() => _cache[13] || (_cache[13] = [
+                        createTextVNode("\u4FDD\u5B58", -1)
+                      ])),
+                      _: 1,
+                      __: [13]
+                    }, 8, ["onClick"]),
+                    createVNode(_component_el_button, { onClick: _ctx.closeDialog }, {
+                      default: withCtx(() => _cache[14] || (_cache[14] = [
+                        createTextVNode("\u5173\u95ED", -1)
+                      ])),
+                      _: 1,
+                      __: [14]
+                    }, 8, ["onClick"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 512)
+  ], 2);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { index as default };