starfish-editor-custom 1.0.0

package/dist/formStyle.js

@@ -0,0 +1,245 @@
+import { ElTooltip, ElButton, ElFooter } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/footer/style/css";
+import "element-plus/es/components/button/style/css";
+import "element-plus/es/components/tooltip/style/css";
+import { defineComponent, ref, getCurrentInstance, resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, createCommentVNode, createBlock, withCtx, createVNode, createTextVNode } from "vue";
+import { css } from "@codemirror/lang-css";
+import { Codemirror } from "vue-codemirror";
+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 "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 "gesto";
+import "keycon";
+const _sfc_main = defineComponent({
+  ControlType: "FormStyle",
+  isHide: true,
+  props: {
+    item: {
+      type: Object,
+      default: () => ({})
+    },
+    data: {
+      type: Object,
+      default: () => ({})
+    },
+    controlItems: {
+      type: Array,
+      default: () => []
+    }
+  },
+  components: {
+    Codemirror
+  },
+  setup(props) {
+    const extensions = [css()];
+    const codeDialog = ref();
+    const code = ref();
+    const { proxy } = getCurrentInstance();
+    return {
+      code,
+      extensions,
+      codeDialog,
+      onStyleSet() {
+        codeDialog.value.init("\u8868\u5355\u6837\u5F0F\u8868", "icon-biaodan");
+        codeDialog.value.show();
+      },
+      saveCssStyle() {
+        props.data[props.item.data.fieldName] = code.value;
+        proxy.extractCssClass();
+        proxy.insertCustomCssToHead(code.value);
+        codeDialog.value.close();
+      },
+      closeCodeDialog() {
+        codeDialog.value.close();
+      },
+      extractCssClass() {
+        const regExp = /\..*{/g;
+        const result = code.value.match(regExp);
+        const cssNameArray = [];
+        if (!!result && result.length > 0) {
+          result.forEach((rItem) => {
+            const classArray = rItem.split(",");
+            if (classArray.length > 0) {
+              classArray.forEach((cItem) => {
+                const caItem = cItem.trim();
+                if (caItem.indexOf(".", 1) !== -1) {
+                  const newClass = caItem.substring(
+                    caItem.indexOf(".") + 1,
+                    caItem.indexOf(".", 1)
+                  );
+                  if (newClass) {
+                    cssNameArray.push(newClass.trim());
+                  }
+                } else if (caItem.indexOf(" ") !== -1) {
+                  const newClass = caItem.substring(
+                    caItem.indexOf(".") + 1,
+                    caItem.indexOf(" ")
+                  );
+                  if (newClass) {
+                    cssNameArray.push(newClass.trim());
+                  }
+                } else {
+                  if (caItem.indexOf("{") !== -1) {
+                    const newClass = caItem.substring(
+                      caItem.indexOf(".") + 1,
+                      caItem.indexOf("{")
+                    );
+                    cssNameArray.push(newClass.trim());
+                  } else {
+                    const newClass = caItem.substring(caItem.indexOf(".") + 1);
+                    cssNameArray.push(newClass.trim());
+                  }
+                }
+              });
+            }
+          });
+        }
+        props.controlItems.find((item) => {
+          if (item.data.fieldName == "csslist") {
+            item.data.itemConfig.items = [];
+            cssNameArray.forEach((cssName, index) => {
+              item.data.itemConfig.items.push({
+                label: cssName,
+                value: cssName,
+                select: false,
+                id: index + 1
+              });
+            });
+            return item;
+          }
+        });
+      },
+      insertCustomCssToHead(cssCode) {
+        const head = document.getElementsByTagName("head")[0];
+        const oldStyle = document.getElementById("starfish-custom-css");
+        if (oldStyle) {
+          head.removeChild(oldStyle);
+        }
+        const newStyle = document.createElement("style");
+        newStyle.type = "text/css";
+        newStyle.rel = "stylesheet";
+        newStyle.id = "starfish-custom-css";
+        try {
+          newStyle.appendChild(document.createTextNode(cssCode));
+        } catch (ex) {
+          newStyle.styleSheet.cssText = cssCode;
+        }
+        head.appendChild(newStyle);
+      }
+    };
+  }
+});
+const _hoisted_1 = { class: "starfish-formitem" };
+const _hoisted_2 = { class: "label" };
+const _hoisted_3 = {
+  key: 0,
+  class: "item_require"
+};
+const _hoisted_4 = { class: "control" };
+const _hoisted_5 = { class: "custom_code" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_tooltip = ElTooltip;
+  const _component_el_button = ElButton;
+  const _component_codemirror = resolveComponent("codemirror");
+  const _component_el_footer = ElFooter;
+  const _component_custom_dialog = resolveComponent("custom-dialog");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("div", _hoisted_2, [
+      createElementVNode("label", null, toDisplayString(_ctx.item.data.label), 1),
+      _ctx.item.data.required ? (openBlock(), createElementBlock("span", _hoisted_3, "*")) : createCommentVNode("", true),
+      _ctx.item.data.tip ? (openBlock(), createBlock(_component_el_tooltip, {
+        key: 1,
+        class: "item",
+        effect: "dark",
+        content: _ctx.item.data.tip,
+        placement: "top"
+      }, {
+        default: withCtx(() => _cache[1] || (_cache[1] = [
+          createElementVNode("span", { class: "tip iconfontui icon-tishi" }, null, -1)
+        ])),
+        _: 1,
+        __: [1]
+      }, 8, ["content"])) : createCommentVNode("", true)
+    ]),
+    createElementVNode("div", _hoisted_4, [
+      createVNode(_component_el_button, {
+        style: { "width": "100%" },
+        onClick: _ctx.onStyleSet,
+        type: _ctx.code ? "primary" : ""
+      }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(_ctx.code ? "\u5DF2\u8BBE\u7F6E" : "\u8BBE\u7F6E"), 1)
+        ]),
+        _: 1
+      }, 8, ["onClick", "type"]),
+      createVNode(_component_custom_dialog, {
+        ref: "codeDialog",
+        dialogclass: "codeDialog",
+        width: "1000"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_5, [
+            createVNode(_component_codemirror, {
+              modelValue: _ctx.code,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.code = $event),
+              placeholder: ".starfish-form-css{}",
+              style: { height: "400px" },
+              autofocus: true,
+              extensions: _ctx.extensions,
+              "indent-with-tab": true,
+              "tab-size": 2
+            }, null, 8, ["modelValue", "extensions"])
+          ]),
+          createVNode(_component_el_footer, {
+            class: "my-Footer",
+            style: { "text-align": "center" }
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_el_button, {
+                type: "primary",
+                onClick: _ctx.saveCssStyle
+              }, {
+                default: withCtx(() => _cache[2] || (_cache[2] = [
+                  createTextVNode("\u786E\u5B9A", -1)
+                ])),
+                _: 1,
+                __: [2]
+              }, 8, ["onClick"]),
+              createVNode(_component_el_button, { onClick: _ctx.closeCodeDialog }, {
+                default: withCtx(() => _cache[3] || (_cache[3] = [
+                  createTextVNode("\u5173\u95ED", -1)
+                ])),
+                _: 1,
+                __: [3]
+              }, 8, ["onClick"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 512)
+    ])
+  ]);
+}
+var formStyle = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { formStyle as default };

package/dist/globalFormList.js

@@ -0,0 +1,59 @@
+import { defineComponent, inject, computed, openBlock, createElementBlock, Fragment, renderList, createBlock, resolveDynamicComponent } 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";
+import "element-plus/es/components/base/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";
+const _sfc_main = defineComponent({
+  setup() {
+    const { formStore } = inject("control") || {};
+    const globalFormLists = computed(() => formStore == null ? void 0 : formStore.get("globalFormList"));
+    const globalDatas = computed(() => formStore == null ? void 0 : formStore.get("globalDatas"));
+    return {
+      globalFormLists,
+      globalDatas
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", null, [
+    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.globalFormLists, (item, index) => {
+      return openBlock(), createElementBlock("div", {
+        key: index,
+        class: "form_tab3_list"
+      }, [
+        (openBlock(), createBlock(resolveDynamicComponent(item.ControlType), {
+          item,
+          data: _ctx.globalDatas,
+          controlItems: _ctx.globalFormLists
+        }, null, 8, ["item", "data", "controlItems"]))
+      ]);
+    }), 128))
+  ]);
+}
+var globalFormList = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { globalFormList as default };

package/dist/jsonCode.js

@@ -0,0 +1,74 @@
+import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, createVNode } from "vue";
+import { json } from "@codemirror/lang-json";
+import { Codemirror } from "vue-codemirror";
+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";
+import "element-plus/es/components/base/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";
+const _sfc_main = defineComponent({
+  components: {
+    Codemirror
+  },
+  props: {
+    value: String
+  },
+  emits: ["update:value"],
+  setup(props, context) {
+    const extensions = [json()];
+    const internalValue = ref(props.value);
+    function updateInternalValue(newVal) {
+      internalValue.value = newVal;
+      if (context.attrs["onUpdate"]) {
+        context.attrs["onUpdate"](newVal);
+      } else {
+        context.emit("update:value", newVal);
+      }
+    }
+    return {
+      extensions,
+      internalValue,
+      onUpdateValue: updateInternalValue
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_codemirror = resolveComponent("codemirror");
+  return openBlock(), createElementBlock("div", null, [
+    createVNode(_component_codemirror, {
+      modelValue: _ctx.internalValue,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.internalValue = $event),
+      onInput: _cache[1] || (_cache[1] = ($event) => _ctx.onUpdateValue($event.target.innerText)),
+      placeholder: "json\u5BFC\u5165",
+      mode: "text/json",
+      style: { height: "400px" },
+      extensions: _ctx.extensions
+    }, null, 8, ["modelValue", "extensions"])
+  ]);
+}
+var jsonCode = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { jsonCode as default };

package/dist/jsonEditor.js

@@ -0,0 +1,71 @@
+import { defineComponent, ref, inject, computed, onMounted, openBlock, createElementBlock, toRaw } from "vue";
+import JSONEditor from "jsoneditor";
+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";
+import "element-plus/es/components/base/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";
+const _sfc_main = defineComponent({
+  setup(props, context) {
+    const jsonCenter = ref();
+    let jsonEditor2 = void 0;
+    const { formStore } = inject("control") || {};
+    const allmainList = computed(() => formStore == null ? void 0 : formStore.get("allFormList"));
+    const initFormToJson = (formlist) => {
+      return window.VueContext.$Flex.initFormToJson(toRaw(formlist));
+    };
+    onMounted(() => {
+      const result = initJsonCenter();
+      context.emit("editor", result);
+    });
+    function initJsonCenter() {
+      const jsonDom = jsonCenter.value;
+      if (jsonEditor2) {
+        jsonEditor2 == null ? void 0 : jsonEditor2.set(initFormToJson(allmainList.value));
+      } else {
+        const options = {
+          modes: ["text", "code", "view"],
+          mode: "code",
+          search: false
+        };
+        jsonEditor2 = new JSONEditor(jsonDom, options);
+        jsonEditor2 == null ? void 0 : jsonEditor2.set(initFormToJson(allmainList.value));
+      }
+      return jsonEditor2;
+    }
+    return {
+      initJsonCenter,
+      jsonCenter
+    };
+  }
+});
+const _hoisted_1 = { ref: "jsonCenter" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1, null, 512);
+}
+var jsonEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { jsonEditor as default };