starfish-editor-custom 1.0.0

package/dist/ConditionSelect.js

@@ -0,0 +1,483 @@
+import { ElOption, ElSelect, ElTableColumn, ElInput, ElFormItem, ElForm, ElSwitch, ElButton, ElTable, ElMain, ElFooter, 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/footer/style/css";
+import "element-plus/es/components/main/style/css";
+import "element-plus/es/components/table/style/css";
+import "element-plus/es/components/button/style/css";
+import "element-plus/es/components/switch/style/css";
+import "element-plus/es/components/form/style/css";
+import "element-plus/es/components/form-item/style/css";
+import "element-plus/es/components/input/style/css";
+import "element-plus/es/components/table-column/style/css";
+import "element-plus/es/components/select/style/css";
+import "element-plus/es/components/option/style/css";
+import { defineComponent, ref, reactive, toRefs, toRaw, resolveComponent, openBlock, createBlock, Teleport, createVNode, withCtx, createElementVNode, createElementBlock, Fragment, renderList, createCommentVNode, withModifiers, createTextVNode } from "vue";
+import { _ as _export_sfc, f as formStore } from "./main.js";
+import "element-plus/dist/index.css";
+import "jsoneditor/dist/jsoneditor.min.css";
+import "starfish-form";
+import "mitt";
+import "element-plus";
+import "nanoid";
+import "starfish-form/dist/style.css";
+import "clipboard";
+import "element-plus/es/components/message/style/css";
+import "element-plus/es/components/tabs/style/css";
+import "element-plus/es/components/tab-pane/style/css";
+import "element-plus/es/components/scrollbar/style/css";
+import "element-plus/es/components/empty/style/css";
+import "element-plus/es/components/loading/style/css";
+import "element-plus/es/components/notification/style/css";
+import "element-plus/es/components/upload/style/css";
+import "element-plus/es/components/drawer/style/css";
+import "element-plus/es/components/tree/style/css";
+import "element-plus/es/components/tooltip/style/css";
+import "gesto";
+import "keycon";
+const _sfc_main = defineComponent({
+  props: {
+    data: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    item: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  emits: ["change"],
+  setup(props, { emit }) {
+    const maxJsonDialog = ref();
+    const formList = ref();
+    const fieldList = ref();
+    function initFieldList() {
+      var _a, _b;
+      const allFormList = (_a = formStore) == null ? void 0 : _a.get("allFormList");
+      const fieldResult = [];
+      (_b = toRaw(allFormList)) == null ? void 0 : _b.forEach((item) => {
+        window.VueContext.$Flex.getFormDataList(item, fieldResult, props.data.fieldName);
+      });
+      fieldList.value = fieldResult;
+    }
+    const data = reactive({
+      andData: [[]],
+      logicList: [
+        { value: "=", label: "\u7B49\u4E8E" },
+        { value: "!=", label: "\u4E0D\u7B49\u4E8E" }
+      ],
+      typeList: [
+        {
+          value: "\u5E38\u91CF",
+          label: "\u5E38\u91CF"
+        }
+      ]
+    });
+    return {
+      ...toRefs(data),
+      fieldList,
+      maxJsonDialog,
+      formList,
+      handleType(index, tableIndex, type) {
+        if (type == "\u5E03\u5C14") {
+          data.andData[tableIndex][index].value = true;
+        }
+      },
+      getLogic(index, tableIndex) {
+        const item = fieldList.value.find((item2) => {
+          if (data.andData[tableIndex][index]) {
+            if (item2.value == data.andData[tableIndex][index].field) {
+              return item2;
+            }
+          }
+        });
+        if (item && item.options && item.multiple) {
+          return [
+            { value: "in", label: "\u5305\u542B" },
+            { value: "not in", label: "\u4E0D\u5305\u542B" }
+          ];
+        }
+        if (item && item.switch) {
+          return [
+            {
+              value: "=",
+              label: "\u7B49\u4E8E"
+            }
+          ];
+        }
+        return data.logicList;
+      },
+      getFiled(index, tableIndex) {
+        if (!data.andData[tableIndex][index] || !data.andData[tableIndex][index].field)
+          return [];
+        const item = fieldList.value.find((item2) => {
+          if (data.andData[tableIndex][index]) {
+            if (item2.value == data.andData[tableIndex][index].field) {
+              return item2;
+            }
+          }
+        });
+        return item.options || [];
+      },
+      show() {
+        maxJsonDialog.value.init("\u53EF\u7528\u6761\u4EF6", "icon-icon-bianji");
+        maxJsonDialog.value.show();
+        console.log(props.data);
+        if (typeof props.data.showRule != "string" && Array.isArray(props.data.showRule)) {
+          data.andData = props.data.showRule;
+        } else {
+          data.andData = [[]];
+        }
+        initFieldList();
+      },
+      getMultiple(index, tableIndex) {
+        const item = fieldList.value.find((item2) => {
+          if (data.andData[tableIndex][index]) {
+            if (item2.value == data.andData[tableIndex][index].field) {
+              return item2;
+            }
+          }
+        });
+        return !!item.multiple;
+      },
+      getNewTypeList(index, tableIndex) {
+        const item = fieldList.value.find((item2) => {
+          if (data.andData[tableIndex][index]) {
+            if (item2.value == data.andData[tableIndex][index].field) {
+              return item2;
+            }
+          }
+        });
+        if (item && item.options) {
+          return [
+            {
+              rule: [],
+              value: "\u9009\u9879",
+              label: "\u9009\u9879"
+            }
+          ];
+        }
+        if (item && item.switch) {
+          return [
+            {
+              value: "\u5E03\u5C14",
+              label: "\u5E03\u5C14"
+            }
+          ];
+        }
+        return data.typeList;
+      },
+      deleteRow(index, tableIndex) {
+        data.andData[tableIndex].splice(index, 1);
+      },
+      getTypeIsChange(index, tableIndex) {
+        const nowRow = data.andData[tableIndex][index];
+        return !!nowRow.type;
+      },
+      getRules(value) {
+        var _a;
+        return {
+          value: (_a = data.typeList.find((item) => {
+            return item.value == value;
+          })) == null ? void 0 : _a.rule
+        };
+      },
+      async onAddItem(index) {
+        data.andData[index].push({
+          field: "",
+          logic: "",
+          type: "",
+          value: ""
+        });
+      },
+      onOrItem() {
+        data.andData.push([]);
+      },
+      closeDialog() {
+        maxJsonDialog.value.close();
+      },
+      saveJson() {
+        const andData = toRaw(data.andData).filter((item) => {
+          if (item.length > 0) {
+            return item;
+          }
+        }).map((tabData) => {
+          const newTabData = tabData.filter((item) => {
+            if (item.field) {
+              return item;
+            }
+          });
+          if (newTabData.length > 0) {
+            return newTabData;
+          }
+        }).filter((item) => {
+          return !!item;
+        });
+        emit("change", andData);
+        maxJsonDialog.value.close();
+      }
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_option = ElOption;
+  const _component_el_select = ElSelect;
+  const _component_el_table_column = ElTableColumn;
+  const _component_el_input = ElInput;
+  const _component_el_form_item = ElFormItem;
+  const _component_el_form = ElForm;
+  const _component_el_switch = ElSwitch;
+  const _component_el_button = ElButton;
+  const _component_el_table = ElTable;
+  const _component_el_main = ElMain;
+  const _component_el_footer = ElFooter;
+  const _component_el_container = ElContainer;
+  const _component_CustomDialog = resolveComponent("CustomDialog");
+  return openBlock(), createBlock(Teleport, { to: "body" }, [
+    createVNode(_component_CustomDialog, {
+      ref: "maxJsonDialog",
+      dialogclass: "conditionSelectNormal"
+    }, {
+      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" }, {
+                  default: withCtx(() => [
+                    _cache[3] || (_cache[3] = createElementVNode("div", { class: "tipContent" }, "\u6EE1\u8DB3\u4EE5\u4E0B\u6240\u6709\u6761\u4EF6\u65F6,\u6B64\u7EC4\u4EF6\u53EF\u7528", -1)),
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.andData, (table, index) => {
+                      return openBlock(), createElementBlock("div", {
+                        class: "tableContainer",
+                        key: index
+                      }, [
+                        createVNode(_component_el_table, {
+                          data: table,
+                          style: { "width": "100%" },
+                          border: ""
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_table_column, {
+                              prop: "field",
+                              label: "\u5B57\u6BB5"
+                            }, {
+                              default: withCtx((scope) => [
+                                createVNode(_component_el_select, {
+                                  modelValue: scope.row.field,
+                                  "onUpdate:modelValue": ($event) => scope.row.field = $event,
+                                  placeholder: "\u8BF7\u9009\u62E9"
+                                }, {
+                                  default: withCtx(() => [
+                                    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.fieldList, (item) => {
+                                      return openBlock(), createBlock(_component_el_option, {
+                                        key: item.value,
+                                        label: item.label,
+                                        value: item.value
+                                      }, null, 8, ["label", "value"]);
+                                    }), 128))
+                                  ]),
+                                  _: 2
+                                }, 1032, ["modelValue", "onUpdate:modelValue"])
+                              ]),
+                              _: 1
+                            }),
+                            createVNode(_component_el_table_column, {
+                              prop: "logic",
+                              label: "\u903B\u8F91"
+                            }, {
+                              default: withCtx((scope) => [
+                                createVNode(_component_el_select, {
+                                  modelValue: scope.row.logic,
+                                  "onUpdate:modelValue": ($event) => scope.row.logic = $event,
+                                  placeholder: "\u8BF7\u9009\u62E9"
+                                }, {
+                                  default: withCtx(() => [
+                                    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.getLogic(scope.$index, index), (item) => {
+                                      return openBlock(), createBlock(_component_el_option, {
+                                        key: item.value,
+                                        label: item.label,
+                                        value: item.value
+                                      }, null, 8, ["label", "value"]);
+                                    }), 128))
+                                  ]),
+                                  _: 2
+                                }, 1032, ["modelValue", "onUpdate:modelValue"])
+                              ]),
+                              _: 2
+                            }, 1024),
+                            createVNode(_component_el_table_column, {
+                              prop: "type",
+                              label: "\u503C\u7C7B\u578B"
+                            }, {
+                              default: withCtx((scope) => [
+                                createVNode(_component_el_select, {
+                                  modelValue: scope.row.type,
+                                  "onUpdate:modelValue": ($event) => scope.row.type = $event,
+                                  placeholder: "\u8BF7\u9009\u62E9",
+                                  onChange: ($event) => _ctx.handleType(scope.$index, index, scope.row.type)
+                                }, {
+                                  default: withCtx(() => [
+                                    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.getNewTypeList(scope.$index, index), (item) => {
+                                      return openBlock(), createBlock(_component_el_option, {
+                                        key: item.value,
+                                        label: item.label,
+                                        value: item.value
+                                      }, null, 8, ["label", "value"]);
+                                    }), 128))
+                                  ]),
+                                  _: 2
+                                }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])
+                              ]),
+                              _: 2
+                            }, 1024),
+                            createVNode(_component_el_table_column, {
+                              prop: "value",
+                              label: "\u503C"
+                            }, {
+                              default: withCtx((scope) => [
+                                _ctx.getTypeIsChange(scope.$index, index) && scope.row.type == "\u5E38\u91CF" ? (openBlock(), createBlock(_component_el_form, {
+                                  key: 0,
+                                  model: scope.row,
+                                  rules: _ctx.getRules(scope.row.type),
+                                  ref_for: true,
+                                  ref: "formList"
+                                }, {
+                                  default: withCtx(() => [
+                                    createVNode(_component_el_form_item, { prop: "value" }, {
+                                      default: withCtx(() => [
+                                        createVNode(_component_el_input, {
+                                          text: "",
+                                          modelValue: scope.row.value,
+                                          "onUpdate:modelValue": ($event) => scope.row.value = $event
+                                        }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                                      ]),
+                                      _: 2
+                                    }, 1024)
+                                  ]),
+                                  _: 2
+                                }, 1032, ["model", "rules"])) : createCommentVNode("", true),
+                                scope.row.type == "\u9009\u9879" ? (openBlock(), createBlock(_component_el_select, {
+                                  key: 1,
+                                  modelValue: scope.row.value,
+                                  "onUpdate:modelValue": ($event) => scope.row.value = $event,
+                                  filterable: "",
+                                  placeholder: "\u8BF7\u9009\u62E9",
+                                  multiple: _ctx.getMultiple(scope.$index, index)
+                                }, {
+                                  default: withCtx(() => [
+                                    createVNode(_component_el_option, {
+                                      label: "\u672A\u9009\u62E9",
+                                      value: ""
+                                    }),
+                                    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.getFiled(scope.$index, index), (item, rightIndex) => {
+                                      return openBlock(), createBlock(_component_el_option, {
+                                        key: rightIndex,
+                                        label: item.label,
+                                        value: item.value
+                                      }, null, 8, ["label", "value"]);
+                                    }), 128))
+                                  ]),
+                                  _: 2
+                                }, 1032, ["modelValue", "onUpdate:modelValue", "multiple"])) : createCommentVNode("", true),
+                                scope.row.type == "\u5E03\u5C14" ? (openBlock(), createBlock(_component_el_switch, {
+                                  key: 2,
+                                  modelValue: scope.row.value,
+                                  "onUpdate:modelValue": ($event) => scope.row.value = $event
+                                }, null, 8, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("", true)
+                              ]),
+                              _: 2
+                            }, 1024),
+                            createVNode(_component_el_table_column, {
+                              fixed: "right",
+                              label: "\u64CD\u4F5C",
+                              width: "100"
+                            }, {
+                              default: withCtx((scope) => [
+                                createVNode(_component_el_button, {
+                                  size: "small",
+                                  type: "danger",
+                                  onClick: withModifiers(($event) => _ctx.deleteRow(scope.$index, index), ["prevent"])
+                                }, {
+                                  default: withCtx(() => _cache[0] || (_cache[0] = [
+                                    createTextVNode(" \u5220\u9664 ", -1)
+                                  ])),
+                                  _: 2,
+                                  __: [0]
+                                }, 1032, ["onClick"])
+                              ]),
+                              _: 2
+                            }, 1024)
+                          ]),
+                          _: 2
+                        }, 1032, ["data"]),
+                        createVNode(_component_el_button, {
+                          class: "mt-4",
+                          style: { "width": "100%" },
+                          text: "",
+                          onClick: ($event) => _ctx.onAddItem(index)
+                        }, {
+                          default: withCtx(() => _cache[1] || (_cache[1] = [
+                            createTextVNode("+\u5E76\u6761\u4EF6", -1)
+                          ])),
+                          _: 2,
+                          __: [1]
+                        }, 1032, ["onClick"])
+                      ]);
+                    }), 128)),
+                    createVNode(_component_el_button, {
+                      class: "mt-4",
+                      text: "",
+                      onClick: _ctx.onOrItem
+                    }, {
+                      default: withCtx(() => _cache[2] || (_cache[2] = [
+                        createTextVNode("+\u6216\u6761\u4EF6", -1)
+                      ])),
+                      _: 1,
+                      __: [2]
+                    }, 8, ["onClick"])
+                  ]),
+                  _: 1,
+                  __: [3]
+                }),
+                createVNode(_component_el_footer, {
+                  class: "my-Footer",
+                  style: { "height": "60px", "padding-top": "10px", "text-align": "right" }
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_button, {
+                      type: "primary",
+                      onClick: _ctx.saveJson
+                    }, {
+                      default: withCtx(() => _cache[4] || (_cache[4] = [
+                        createTextVNode("\u4FDD\u5B58", -1)
+                      ])),
+                      _: 1,
+                      __: [4]
+                    }, 8, ["onClick"]),
+                    createVNode(_component_el_button, { onClick: _ctx.closeDialog }, {
+                      default: withCtx(() => _cache[5] || (_cache[5] = [
+                        createTextVNode("\u5173\u95ED", -1)
+                      ])),
+                      _: 1,
+                      __: [5]
+                    }, 8, ["onClick"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 512)
+  ]);
+}
+var ConditionSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { ConditionSelect as default };

package/dist/CustomDialog.js

@@ -0,0 +1,105 @@
+import { ElDialog } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/dialog/style/css";
+import { defineComponent, ref, computed, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, toDisplayString, renderSlot } from "vue";
+import { _ as _export_sfc } from "./main.js";
+import "element-plus/dist/index.css";
+import "jsoneditor/dist/jsoneditor.min.css";
+import "starfish-form";
+import "mitt";
+import "element-plus";
+import "nanoid";
+import "starfish-form/dist/style.css";
+import "element-plus/es/components/footer/style/css";
+import "element-plus/es/components/button/style/css";
+import "clipboard";
+import "element-plus/es/components/message/style/css";
+import "element-plus/es/components/tabs/style/css";
+import "element-plus/es/components/tab-pane/style/css";
+import "element-plus/es/components/scrollbar/style/css";
+import "element-plus/es/components/empty/style/css";
+import "element-plus/es/components/form/style/css";
+import "element-plus/es/components/form-item/style/css";
+import "element-plus/es/components/loading/style/css";
+import "element-plus/es/components/notification/style/css";
+import "element-plus/es/components/input/style/css";
+import "element-plus/es/components/upload/style/css";
+import "element-plus/es/components/drawer/style/css";
+import "element-plus/es/components/tree/style/css";
+import "element-plus/es/components/tooltip/style/css";
+import "gesto";
+import "keycon";
+var CustomDialog_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _sfc_main = defineComponent({
+  props: {
+    dialogclass: String,
+    showDialog: Boolean,
+    width: Number
+  },
+  emits: ["open", "close"],
+  setup(props, { emit }) {
+    const isshow = ref(false);
+    const title = ref("");
+    const icon = ref("");
+    const isFullScreen = ref(false);
+    const newWidth = computed(() => {
+      if (typeof props.width == "number") {
+        return props.width + "px";
+      } else {
+        return props.width || "50%";
+      }
+    });
+    return {
+      isshow,
+      title,
+      icon,
+      isFullScreen,
+      newWidth,
+      init(titles, icons) {
+        title.value = titles;
+        icon.value = icons;
+      },
+      show() {
+        isshow.value = true;
+        emit("open");
+      },
+      close() {
+        isshow.value = false;
+        emit("close");
+      }
+    };
+  }
+});
+const _hoisted_1 = { class: "my-pageHeader" };
+const _hoisted_2 = { class: "my-icon" };
+const _hoisted_3 = { class: "my-title" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_dialog = ElDialog;
+  return openBlock(), createBlock(_component_el_dialog, {
+    modelValue: _ctx.isshow,
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.isshow = $event),
+    "custom-class": ["MyDialogBody", _ctx.dialogclass, { fullscreen: _ctx.isFullScreen }],
+    width: _ctx.newWidth,
+    "append-to-body": true,
+    "close-on-click-modal": false,
+    "destroy-on-close": true,
+    onClose: _ctx.close
+  }, {
+    title: withCtx(() => [
+      createElementVNode("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("em", {
+            class: normalizeClass(["iconfontui", _ctx.icon])
+          }, null, 2)
+        ]),
+        createElementVNode("div", _hoisted_3, toDisplayString(_ctx.title), 1)
+      ])
+    ]),
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default", {}, void 0, true)
+    ]),
+    _: 3
+  }, 8, ["modelValue", "custom-class", "width", "onClose"]);
+}
+var CustomDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-81022734"]]);
+export { CustomDialog as default };