starfish-form-custom 1.0.0

package/README.md

@@ -0,0 +1,2 @@
+## 更新
+ - 新增栅格布局

package/auto-imports.d.ts

@@ -0,0 +1,9 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+export {}
+declare global {
+
+}

package/components.d.ts

@@ -0,0 +1,68 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    CheckBox: typeof import('./src/components/CheckBox/index.vue')['default']
+    ColorSelect: typeof import('./src/components/ColorSelect/index.vue')['default']
+    Date: typeof import('./src/components/Date/index.vue')['default']
+    DateTime: typeof import('./src/components/DateTime/index.vue')['default']
+    ElAlert: typeof import('element-plus/es')['ElAlert']
+    ElAside: typeof import('element-plus/es')['ElAside']
+    ElButton: typeof import('element-plus/es')['ElButton']
+    ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
+    ElCheckboxGroup: typeof import('element-plus/es')['ElCheckboxGroup']
+    ElCol: typeof import('element-plus/es')['ElCol']
+    ElCollapse: typeof import('element-plus/es')['ElCollapse']
+    ElCollapseItem: typeof import('element-plus/es')['ElCollapseItem']
+    ElColorPicker: typeof import('element-plus/es')['ElColorPicker']
+    ElContainer: typeof import('element-plus/es')['ElContainer']
+    ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
+    ElDivider: typeof import('element-plus/es')['ElDivider']
+    ElDropdown: typeof import('element-plus/es')['ElDropdown']
+    ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
+    ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
+    ElFooter: typeof import('element-plus/es')['ElFooter']
+    ElForm: typeof import('element-plus/es')['ElForm']
+    ElFormItem: typeof import('element-plus/es')['ElFormItem']
+    ElIcon: typeof import('element-plus/es')['ElIcon']
+    ElInput: typeof import('element-plus/es')['ElInput']
+    ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
+    ElMain: typeof import('element-plus/es')['ElMain']
+    ElOption: typeof import('element-plus/es')['ElOption']
+    ElRadio: typeof import('element-plus/es')['ElRadio']
+    ElRadioButton: typeof import('element-plus/es')['ElRadioButton']
+    ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
+    ElRow: typeof import('element-plus/es')['ElRow']
+    ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
+    ElSelect: typeof import('element-plus/es')['ElSelect']
+    ElSlider: typeof import('element-plus/es')['ElSlider']
+    ElSwitch: typeof import('element-plus/es')['ElSwitch']
+    ElTabPane: typeof import('element-plus/es')['ElTabPane']
+    ElTabs: typeof import('element-plus/es')['ElTabs']
+    ElTimeSelect: typeof import('element-plus/es')['ElTimeSelect']
+    ElTooltip: typeof import('element-plus/es')['ElTooltip']
+    InputNumber: typeof import('./src/components/InputNumber/index.vue')['default']
+    JsonEditor: typeof import('./src/components/JsonEditor/index.vue')['default']
+    Radio: typeof import('./src/components/Radio/index.vue')['default']
+    RichText: typeof import('./src/components/RichText/index.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    Rule: typeof import('./src/components/Rule/index.vue')['default']
+    Selected: typeof import('./src/components/Selected/index.vue')['default']
+    Selecteds: typeof import('./src/components/Selecteds/index.vue')['default']
+    ShowRule: typeof import('./src/components/ShowRule/index.vue')['default']
+    Slider: typeof import('./src/components/Slider/index.vue')['default']
+    Switch: typeof import('./src/components/Switch/index.vue')['default']
+    Text: typeof import('./src/components/Text/index.vue')['default']
+    TextArea: typeof import('./src/components/TextArea/index.vue')['default']
+    Time: typeof import('./src/components/Time/index.vue')['default']
+  }
+  export interface ComponentCustomProperties {
+    vLoading: typeof import('element-plus/es')['ElLoadingDirective']
+  }
+}

package/dist/formAction-28d86b6a.mjs

@@ -0,0 +1,446 @@
+import { ElTooltip, ElButton, ElScrollbar, ElMain, ElContainer, ElAside, ElInput, ElFormItem, ElForm } from 'element-plus/es';
+import 'element-plus/es/components/base/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/aside/style/css';
+import 'element-plus/es/components/container/style/css';
+import 'element-plus/es/components/main/style/css';
+import 'element-plus/es/components/scrollbar/style/css';
+import 'element-plus/es/components/button/style/css';
+import 'element-plus/es/components/tooltip/style/css';
+import { defineComponent, inject, ref, getCurrentInstance, reactive, onMounted, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, toDisplayString, createCommentVNode, createBlock, withCtx, createTextVNode, createVNode, Fragment, renderList, withModifiers } from 'vue';
+import { Codemirror } from 'vue-codemirror';
+import { _ as _export_sfc } from './main-96327b2e.mjs';
+import 'element-plus/es/components/checkbox/style/css';
+import 'element-plus/es/components/loading/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/row/style/css';
+import 'element-plus/es/components/icon/style/css';
+import 'element-plus/es/components/col/style/css';
+import 'element-plus/es/components/select/style/css';
+import 'element-plus/es/components/option/style/css';
+import '@element-plus/icons-vue';
+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/alert/style/css';
+import 'element-plus/es/components/tabs/style/css';
+import 'element-plus/es/components/tab-pane/style/css';
+import 'element-plus';
+
+const _sfc_main = defineComponent({
+  ControlType: "FormAction",
+  isHide: true,
+  components: {
+    Codemirror
+  },
+  props: {
+    item: {
+      type: Object,
+      default: () => ({})
+    },
+    data: {
+      type: Object,
+      default: () => ({})
+    },
+    drag: {
+      type: Boolean,
+      default: false
+    },
+    labelalign: {
+      type: String,
+      default: "top"
+    },
+    labelWidth: {
+      type: Number
+    },
+    size: {
+      type: String
+    },
+    isForm: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props) {
+    const { actionContrl: actionStore } = inject("control") || {};
+    const actionRef = ref();
+    const { proxy } = getCurrentInstance();
+    const action = ref(window.VApp.$Flex.deepClone(actionStore?.get("action")));
+    const currentAction = ref(
+      window.VApp.$Flex.deepClone(actionStore?.get("currentAction"))
+    );
+    let actionType = "";
+    const rules = reactive({
+      funcName: [
+        {
+          required: true,
+          message: "\u51FD\u6570\u540D\u79F0\u5FC5\u586B",
+          trigger: "change"
+        }
+      ]
+    });
+    console.log(props);
+    onMounted(() => {
+    });
+    return {
+      rules,
+      actionRef,
+      action,
+      currentAction,
+      getField(methods) {
+        return window.VApp.$Flex.getField(methods);
+      },
+      // extensions,
+      onAction(type) {
+        action.value = window.VApp.$Flex.deepClone(actionStore?.get("action"));
+        actionRef.value.init("\u52A8\u4F5C\u8BBE\u7F6E", "icon-icon-bianji");
+        actionRef.value.show();
+        if (type) {
+          actionType = type;
+          const item = action.value.find((item2) => {
+            if (item2.type == type) {
+              return item2;
+            }
+          });
+          if (item) {
+            currentAction.value = item;
+          } else {
+            proxy.addAction(type);
+          }
+        }
+      },
+      onEditAction(key, type) {
+        actionType = key;
+        action.value = window.VApp.$Flex.deepClone(actionStore?.get("action"));
+        actionRef.value.init("\u52A8\u4F5C\u8BBE\u7F6E", "icon-icon-bianji");
+        actionRef.value.show();
+        const item = action.value.find((item2) => {
+          if (item2.type == type) {
+            return item2;
+          }
+        });
+        if (item) {
+          currentAction.value = item;
+        }
+      },
+      handleAction(item) {
+        currentAction.value = item;
+      },
+      onSave() {
+        actionStore?.set("action", action.value);
+        actionRef.value.close();
+      },
+      onCancel() {
+        actionRef.value.close();
+      },
+      copyAction(item) {
+        const newAction = window.VApp.$Flex.deepClone(item);
+        newAction.funcName = newAction.funcName + "_copy";
+        newAction.type = window.VApp.$Flex.generateMixed(5);
+        action.value.push(newAction);
+        currentAction.value = newAction;
+      },
+      deleteAction(item) {
+        action.value = action.value.filter((actionItem) => {
+          if (actionItem.type !== item.type) {
+            return actionItem;
+          }
+        });
+        if (currentAction.value && item.type == currentAction.value.type) {
+          currentAction.value = null;
+        }
+      },
+      addAction(type) {
+        const addAction = {
+          funcName: (type || "func") + "_" + window.VApp.$Flex.generateMixed(5),
+          type: window.VApp.$Flex.generateMixed(5),
+          funcStr: "",
+          methods: type
+        };
+        action.value.push(addAction);
+        if (type) {
+          currentAction.value = addAction;
+        }
+      },
+      onConfirm() {
+        if (!props.data[props.item.data.fieldName]) {
+          props.data[props.item.data.fieldName] = {};
+        }
+        props.data[props.item.data.fieldName][actionType] = JSON.stringify(
+          currentAction.value
+        );
+        proxy.onSave();
+      }
+    };
+  }
+});
+const _hoisted_1 = {
+  key: 0,
+  class: "item_require"
+};
+const _hoisted_2 = { class: "common-layout" };
+const _hoisted_3 = { class: "action-header" };
+const _hoisted_4 = { class: "action-list" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = { class: "event-script-menu-label" };
+const _hoisted_7 = {
+  key: 0,
+  class: "event-script-menu-action"
+};
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = { class: "action-header event-script-main-header" };
+const _hoisted_11 = { class: "coding" };
+const _hoisted_12 = { class: "header" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_tooltip = ElTooltip;
+  const _component_el_button = ElButton;
+  const _component_el_scrollbar = ElScrollbar;
+  const _component_el_main = ElMain;
+  const _component_el_container = ElContainer;
+  const _component_el_aside = ElAside;
+  const _component_el_input = ElInput;
+  const _component_el_form_item = ElFormItem;
+  const _component_codemirror = resolveComponent("codemirror");
+  const _component_el_form = ElForm;
+  const _component_CustomDialog = resolveComponent("CustomDialog");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["starfish-formitem", {
+      formCover: _ctx.drag,
+      "starfish-vertical": _ctx.labelalign != "top",
+      [_ctx.item.data.csslist?.join(" ")]: !!_ctx.item.data.csslist
+    }])
+  }, [
+    !_ctx.isForm ? (openBlock(), createElementBlock("div", {
+      key: 0,
+      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: "top"
+      }, {
+        default: withCtx(() => _cache[2] || (_cache[2] = [
+          createElementVNode("span", { class: "tip iconfontui icon-tishi" }, null, -1)
+        ])),
+        _: 1,
+        __: [2]
+      }, 8, ["content"])) : createCommentVNode("", true)
+    ], 6)) : createCommentVNode("", true),
+    createElementVNode("div", {
+      class: "control",
+      style: normalizeStyle({ marginLeft: _ctx.labelalign != "top" ? _ctx.labelWidth + "px" : "" })
+    }, [
+      !_ctx.isForm ? (openBlock(), createBlock(_component_el_button, {
+        key: 0,
+        style: { "width": "100%" },
+        onClick: _ctx.onAction
+      }, {
+        default: withCtx(() => _cache[3] || (_cache[3] = [
+          createTextVNode(" \u8BBE\u7F6E ", -1)
+        ])),
+        _: 1,
+        __: [3]
+      }, 8, ["onClick"])) : createCommentVNode("", true),
+      createVNode(_component_CustomDialog, { ref: "actionRef" }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_2, [
+            createVNode(_component_el_container, { style: { "height": "100%", "border": "1px solid rgb(238, 238, 238)" } }, {
+              default: withCtx(() => [
+                createVNode(_component_el_container, null, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_aside, {
+                      width: "300px",
+                      class: "event-script-aside"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_container, { class: "is-vertical" }, {
+                          default: withCtx(() => [
+                            createElementVNode("header", _hoisted_3, [
+                              createVNode(_component_el_button, {
+                                type: "text",
+                                size: _ctx.size,
+                                onClick: _ctx.addAction
+                              }, {
+                                default: withCtx(() => _cache[4] || (_cache[4] = [
+                                  createTextVNode(" +\u6DFB\u52A0\u52A8\u4F5C", -1)
+                                ])),
+                                _: 1,
+                                __: [4]
+                              }, 8, ["size", "onClick"])
+                            ]),
+                            createVNode(_component_el_main, null, {
+                              default: withCtx(() => [
+                                createVNode(_component_el_scrollbar, null, {
+                                  default: withCtx(() => [
+                                    createElementVNode("div", _hoisted_4, [
+                                      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.action, (item, index) => {
+                                        return openBlock(), createElementBlock("div", {
+                                          class: normalizeClass([
+                                            "action",
+                                            _ctx.currentAction && item.type == _ctx.currentAction.type ? "selectAction" : ""
+                                          ]),
+                                          key: index,
+                                          onClick: ($event) => _ctx.handleAction(item)
+                                        }, [
+                                          _cache[5] || (_cache[5] = createElementVNode("span", { class: "event-script-menu-i" }, "Function", -1)),
+                                          createElementVNode("div", _hoisted_6, toDisplayString(item.funcName), 1),
+                                          !item.disabled ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                                            createElementVNode("i", {
+                                              title: "\u590D\u5236",
+                                              class: "iconfontui icon-fuzhi",
+                                              onClick: withModifiers(($event) => _ctx.copyAction(item), ["stop"])
+                                            }, null, 8, _hoisted_8),
+                                            createElementVNode("i", {
+                                              title: "\u5220\u9664",
+                                              class: "iconfontui icon-shanchu1",
+                                              onClick: withModifiers(($event) => _ctx.deleteAction(item), ["stop"])
+                                            }, null, 8, _hoisted_9)
+                                          ])) : createCommentVNode("", true)
+                                        ], 10, _hoisted_5);
+                                      }), 128))
+                                    ])
+                                  ]),
+                                  _: 1
+                                })
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_main, { class: "event-script-main" }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_container, { class: "is-vertical" }, {
+                          default: withCtx(() => [
+                            createElementVNode("header", _hoisted_10, [
+                              createVNode(_component_el_button, {
+                                type: "primary",
+                                onClick: _ctx.onConfirm,
+                                size: "small"
+                              }, {
+                                default: withCtx(() => _cache[6] || (_cache[6] = [
+                                  createTextVNode("\u786E\u5B9A", -1)
+                                ])),
+                                _: 1,
+                                __: [6]
+                              }, 8, ["onClick"]),
+                              createVNode(_component_el_button, {
+                                type: "primary",
+                                onClick: _ctx.onSave,
+                                size: "small"
+                              }, {
+                                default: withCtx(() => _cache[7] || (_cache[7] = [
+                                  createTextVNode("\u4FDD\u5B58", -1)
+                                ])),
+                                _: 1,
+                                __: [7]
+                              }, 8, ["onClick"]),
+                              createVNode(_component_el_button, {
+                                onClick: _ctx.onCancel,
+                                size: "small"
+                              }, {
+                                default: withCtx(() => _cache[8] || (_cache[8] = [
+                                  createTextVNode("\u53D6\u6D88", -1)
+                                ])),
+                                _: 1,
+                                __: [8]
+                              }, 8, ["onClick"])
+                            ]),
+                            _ctx.currentAction ? (openBlock(), createBlock(_component_el_main, {
+                              key: 0,
+                              class: "func_main"
+                            }, {
+                              default: withCtx(() => [
+                                createVNode(_component_el_scrollbar, null, {
+                                  default: withCtx(() => [
+                                    createVNode(_component_el_form, {
+                                      model: _ctx.currentAction,
+                                      rules: _ctx.rules
+                                    }, {
+                                      default: withCtx(() => [
+                                        createVNode(_component_el_form_item, {
+                                          label: "Function Name",
+                                          prop: "funcName"
+                                        }, {
+                                          default: withCtx(() => [
+                                            createVNode(_component_el_input, {
+                                              modelValue: _ctx.currentAction.funcName,
+                                              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.currentAction.funcName = $event),
+                                              disabled: _ctx.currentAction.disabled
+                                            }, null, 8, ["modelValue", "disabled"])
+                                          ]),
+                                          _: 1
+                                        }),
+                                        createVNode(_component_el_form_item, { prop: "funcStr" }, {
+                                          default: withCtx(() => [
+                                            createElementVNode("div", _hoisted_11, [
+                                              createElementVNode("div", _hoisted_12, " function " + toDisplayString(_ctx.currentAction.funcName) + "(" + toDisplayString(_ctx.getField(_ctx.currentAction.methods)) + "){ ", 1),
+                                              createVNode(_component_codemirror, {
+                                                modelValue: _ctx.currentAction.funcStr,
+                                                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.currentAction.funcStr = $event),
+                                                placeholder: "",
+                                                style: { height: "400px" },
+                                                mode: "text/javascript",
+                                                autofocus: true,
+                                                "indent-with-tab": true,
+                                                "tab-size": 2
+                                              }, null, 8, ["modelValue"]),
+                                              _cache[9] || (_cache[9] = createElementVNode("div", { class: "footer" }, "}", -1))
+                                            ])
+                                          ]),
+                                          _: 1
+                                        })
+                                      ]),
+                                      _: 1
+                                    }, 8, ["model", "rules"])
+                                  ]),
+                                  _: 1
+                                })
+                              ]),
+                              _: 1
+                            })) : createCommentVNode("", true)
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      }, 512)
+    ], 4)
+  ], 2);
+}
+const formAction = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { formAction as default };

package/dist/index-04830c0b.mjs

@@ -0,0 +1,126 @@
+import { ElTooltip } from 'element-plus/es';
+import 'element-plus/es/components/base/style/css';
+import 'element-plus/es/components/tooltip/style/css';
+import { defineComponent, ref, onMounted, onUnmounted, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString, createCommentVNode, createBlock, withCtx } from 'vue';
+import E from 'wangeditor';
+import { _ as _export_sfc, g as getFormConfig, f as fieldProps, u as useWatch } from './main-96327b2e.mjs';
+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/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/row/style/css';
+import 'element-plus/es/components/button/style/css';
+import 'element-plus/es/components/icon/style/css';
+import 'element-plus/es/components/col/style/css';
+import 'element-plus/es/components/select/style/css';
+import 'element-plus/es/components/option/style/css';
+import '@element-plus/icons-vue';
+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/alert/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';
+
+const _sfc_main = defineComponent({
+  ControlType: "RichText",
+  // 必须与文件名匹配
+  nameCn: "\u5BCC\u6587\u672C",
+  icon: "icon-textEdit",
+  formConfig: getFormConfig("RichText", [{ fieldName: "state", component: "Radio" }]),
+  props: {
+    ...fieldProps
+  },
+  setup(props) {
+    const richText = ref();
+    let editor = null;
+    useWatch(props);
+    onMounted(() => {
+      if (props.drag) {
+        editor = new E(richText.value);
+        editor.config.focus = false;
+        editor.create();
+      } else {
+        editor = new E(richText.value);
+        editor.config.focus = false;
+        editor.create();
+        const data = props.data;
+        const item = props.item;
+        editor.config.onchange = function(newHtml) {
+          console.log("onblur", newHtml);
+          data[item.data.fieldName] = newHtml;
+        };
+      }
+    });
+    onUnmounted(() => {
+      editor.destroy();
+      editor = null;
+    });
+    return {
+      richText
+    };
+  }
+});
+const _hoisted_1 = {
+  key: 0,
+  class: "item_require"
+};
+const _hoisted_2 = {
+  key: 0,
+  ref: "richText"
+};
+const _hoisted_3 = {
+  key: 1,
+  ref: "richText"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_tooltip = ElTooltip;
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["starfish-formitem", { formCover: _ctx.drag, "starfish-vertical": _ctx.labelalign != "top", [_ctx.item.data.csslist?.join(" ")]: !!_ctx.item.data.csslist }])
+  }, [
+    createElementVNode("div", {
+      class: normalizeClass(["label", "label_" + _ctx.labelalign]),
+      style: normalizeStyle({ width: _ctx.labelWidth + "px" })
+    }, [
+      createElementVNode("label", null, toDisplayString(_ctx.item.data.label) + toDisplayString(_ctx.suffix), 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: "top"
+      }, {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("span", { class: "tip iconfontui icon-tishi" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 8, ["content"])) : createCommentVNode("", true)
+    ], 6),
+    createElementVNode("div", {
+      class: "control",
+      style: normalizeStyle({ marginLeft: _ctx.labelalign != "top" ? _ctx.labelWidth + "px" : "" })
+    }, [
+      _ctx.drag ? (openBlock(), createElementBlock("div", _hoisted_2, null, 512)) : createCommentVNode("", true),
+      !_ctx.drag ? (openBlock(), createElementBlock("div", _hoisted_3, null, 512)) : createCommentVNode("", true)
+    ], 4)
+  ], 2);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { index as default };