@epxing/designer 0.0.0-stage → 5.3.0-beta.2

package/dist/src/visual/config/Scope.js

@@ -0,0 +1,350 @@
+import '../../../style.css';
+import { mapGetters, mapState } from "vuex";
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, Fragment, renderList, toDisplayString, createCommentVNode, createBlock, withCtx, createTextVNode, createVNode } from "vue";
+/* empty css          */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-visual-config-scope",
+  props: {
+    value: {
+      type: [Object, Array],
+      default() {
+        return [];
+      }
+    },
+    state: String,
+    treeFieldStore: {
+      type: Array
+    },
+    extendFields: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    pageParams: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    scopeConfigs: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    componentMetaId: String,
+    showOperate: Boolean,
+    operateName: String,
+    // 开启后，值类型用前端可解析的「系统变量」($[xxx])，替代后端系统变量(#{})
+    frontendSysVar: Boolean
+  },
+  inject: {
+    pageMetaId: {
+      type: String
+    }
+  },
+  data() {
+    return {
+      scopeTexts: {},
+      showScopeDialog: false,
+      labels: {}
+    };
+  },
+  computed: {
+    ...mapState({
+      systemVariableList: (state) => state.config.systemVariableList
+    }),
+    ...mapGetters([
+      "getCodeById",
+      "getMetaViewFields"
+    ]),
+    // 值类型列表：开启前端系统变量时去掉后端「系统变量」(#{})，改用前端 $[] 变量，避免重复
+    scopeModeType() {
+      return this.frontendSysVar ? ["FIXED_VALUE", "DYNAMIC_VALUE", "DEFINED"] : ["FIXED_VALUE", "SYSTEM_VARIABLE", "DYNAMIC_VALUE", "DEFINED"];
+    },
+    // 前端系统变量分组：复用后端系统变量列表，把 #{xxx} 转成前端可解析的 $[xxx]，作为值选项
+    frontendSysVarMode() {
+      if (!this.frontendSysVar) return [];
+      const toFrontendVar = (item) => {
+        const code = typeof item.code === "string" ? item.code.replace(/^#\{(.+)\}$/, (match, key) => `$[${key}]`) : item.code;
+        const node = { id: code, code, name: item.name || item.text, text: item.name || item.text };
+        if (item.children && item.children.length) node.children = item.children.map(toFrontendVar);
+        return node;
+      };
+      return [{ code: "FRONTEND_SYS_VAR", text: "系统变量", children: this.systemVariableList.map(toFrontendVar) }];
+    },
+    treeField() {
+      const metaId = this.componentMetaId || this.pageMetaId;
+      if (this.treeFieldStore && this.treeFieldStore.length > 0 && (!metaId || this.treeFieldStore[0].id === metaId)) {
+        const fields = this.treeFieldStore;
+        return [...fields];
+      } else {
+        const fields = this.getMetaViewFields(metaId) || [];
+        return [...fields];
+      }
+    },
+    isLoadScopeTexts() {
+      return !this.$_.isEmpty(this.treeField) && !this.$_.isEmpty(this.scopeConfigs);
+    },
+    formatArray() {
+      return (value) => {
+        if (typeof value === "object" && value !== null) {
+          if (Array.isArray(value)) {
+            return value;
+          } else {
+            return Object.entries(value).map(([key, item]) => ({ field: key, ...item }));
+          }
+        }
+        return [];
+      };
+    },
+    scopeKeys() {
+      return Object.keys(this.value);
+    },
+    showLinkLabel() {
+      return (key) => {
+        const link = this.scopeTexts[key] ? this.scopeTexts[key].link : "";
+        const index = this.scopeKeys.findIndex((item) => item === key);
+        if (link && index === this.scopeKeys.length - 1) return "";
+        return link === "or" ? "或者" : "并且";
+      };
+    },
+    label() {
+      return (field) => {
+        const fieldInfo = this.getFieldInfo(field);
+        return fieldInfo.text || fieldInfo.code;
+      };
+    },
+    mode() {
+      return (field, mode) => {
+        const { options = [] } = this.getScopeItemConfigs(field) || {};
+        const option = options.find((item) => item.value === mode) || {};
+        return option.name || mode;
+      };
+    },
+    values() {
+      return (field, values) => {
+        const fieldInfo = this.getFieldInfo(field);
+        const label = this.labels[field + values];
+        if (!label && values && !/\$\[(.+)\]/.test(values)) {
+          if (["list", "treeList", "radio", "multibox"].includes(fieldInfo.dataType)) {
+            let codes = this.getCodeById(fieldInfo.codeKey);
+            if (!codes) {
+              this.$store.dispatch("ADD_LIST", {
+                dataType: "list",
+                key: fieldInfo.codeKey
+              }).then((data) => {
+                codes = data.entitys;
+                const labels = this.getCodeLabel(codes, values.split(","));
+                this.labels[field + values] = labels.join(",");
+              });
+            } else {
+              const labels = this.getCodeLabel(codes, values.split(","));
+              this.labels[field + values] = labels.join(",");
+            }
+          } else if (["object", "multiobject"].includes(fieldInfo.dataType)) {
+            this.$http.$request({
+              action: "getLabel",
+              entityId: fieldInfo.relatedEntity,
+              id: values
+            }).then(({ label: label2 }) => {
+              this.labels[field + values] = label2;
+            });
+          }
+        }
+        return label || values;
+      };
+    },
+    link() {
+      return (field, link = "and") => {
+        const { stOptions = [] } = this.getScopeItemConfigs(field) || {};
+        const option = stOptions.find((item) => item.value === link) || {};
+        return option.name || link;
+      };
+    }
+  },
+  watch: {
+    componentMetaId() {
+      this.getTreeFields();
+    }
+  },
+  methods: {
+    getTreeFields() {
+      const metaId = this.componentMetaId || this.pageMetaId;
+      if (!metaId) return;
+      if (!(this.treeField && this.treeField.length > 0)) {
+        this.$store.dispatch({
+          type: "ADD_META_VIEW_FIELDS",
+          metaId
+        });
+      }
+    },
+    getField(treeField, field) {
+      for (let i = 0; i < treeField.length; i++) {
+        const item = treeField[i];
+        if (item.field === (field.attriName || field)) {
+          return item;
+        } else if (item.children) {
+          const child = this.getField(item.children, field);
+          if (child) return child;
+        }
+      }
+    },
+    getFieldInfo(field) {
+      if (!field) return {};
+      const fieldInfo = this.getField(this.treeField, field);
+      return fieldInfo || { code: field };
+    },
+    getScopeItemConfigs(field) {
+      if (!field) return {};
+      const fieldItem = this.getField(this.treeField, field) || {};
+      const scopeItemConfig = this.scopeConfigs[fieldItem.dataType] || {};
+      return scopeItemConfig;
+    },
+    async getLabel(codeKey, values = "", cb) {
+      let codes = this.getCodeById(codeKey);
+      if (!codes) {
+        const data = await this.$store.dispatch("ADD_LIST", {
+          dataType: "list",
+          key: codeKey
+        });
+        codes = data.entitys;
+      }
+      if (codes) {
+        const filterCodes = codes.filter((item) => values.includes(item.id));
+        const filterLabels = filterCodes.map((item) => item.name);
+        cb && cb(filterLabels.join(","));
+      }
+    },
+    getCodeLabel(codes, values, labels = []) {
+      for (const item of codes) {
+        const index = values.indexOf(item.code);
+        if (index !== -1) {
+          labels.push(item.name);
+          values.splice(index, 1);
+          if (!values) return labels;
+        } else if (item.children) {
+          this.getCodeLabel(item.children, values, labels);
+          if (!values) return labels;
+        }
+      }
+      return labels;
+    },
+    async toText(params) {
+      for (const key in params) {
+        const { mode, link, values } = params[key];
+        const fieldInfo = this.getFieldInfo(key);
+        const scopeItemConfig = this.scopeConfigs[fieldInfo.dataType] || {};
+        const { options = [], stOptions = [] } = scopeItemConfig;
+        const option = options.find((item) => item.value === mode) || {};
+        const stOption = stOptions.find((item) => item.value === link) || {};
+        let value = values;
+        if (/#\{(.+)\}/.test(values)) {
+          value = values.replace(/#\{(.+)\}/, (match, key2) => {
+            const { valueType = [] } = option;
+            const item = valueType.find((item2) => item2.value === key2) || {};
+            return item.name || values;
+          });
+        }
+        const text = {
+          field: fieldInfo.text || key,
+          mode: option.name || mode,
+          link: stOption.name || link,
+          values: value
+        };
+        if (!/\$\[(.+)\]/.test(values)) {
+          if (["treeList", "object", "multiobject"].includes(fieldInfo.dataType)) {
+            await this.$http.$request({
+              action: "getLabel",
+              entityId: fieldInfo.relatedEntity,
+              id: values
+            }).then((data) => {
+              if (data.label) text.values = data.label;
+            });
+          } else if (["list", "radio", "multibox"].includes(fieldInfo.dataType)) {
+            await this.getLabel(fieldInfo.codeKey, values, (label) => {
+              if (label) text.values = label;
+            });
+          }
+        }
+        this.scopeTexts[key] = text;
+      }
+    },
+    changeValue(v) {
+      this.$emit("change-configs", v);
+    },
+    deleteItem(index) {
+      this.value.splice(index, 1);
+      this.changeValue(this.value);
+    }
+  },
+  created() {
+    this.getTreeFields();
+    if (this.frontendSysVar && this.systemVariableList.length === 0) {
+      this.$store.dispatch("GET_SYSTEM_VARIABLE");
+    }
+  }
+};
+const _hoisted_1 = { class: "scope-params" };
+const _hoisted_2 = {
+  key: 0,
+  class: "scope-text"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "scope-text"
+};
+const _hoisted_4 = { class: "scope-link" };
+const _hoisted_5 = ["onClick"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_button = resolveComponent("el-button");
+  const _component_epx_scope_drawer = resolveComponent("epx-scope-drawer");
+  return openBlock(), createElementBlock("div", null, [
+    createElementVNode("span", _hoisted_1, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList($options.formatArray($props.value), (item, index) => {
+        return openBlock(), createElementBlock("p", {
+          class: "scope-params-item",
+          key: item.field
+        }, [
+          item.text ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(item.text), 1)) : (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(item.lb || "") + " " + toDisplayString($options.label(item.field)) + " " + toDisplayString($options.mode(item.field, item.mode)) + " " + toDisplayString($options.values(item.field, item.values)) + " " + toDisplayString(item.rb || ""), 1)),
+          createElementVNode("span", _hoisted_4, toDisplayString($options.formatArray($props.value).length - 1 !== index ? $options.link(item.field, item.link) : ""), 1),
+          $props.state !== "DETAIL" ? (openBlock(), createElementBlock("i", {
+            key: 2,
+            class: "el-icon-close",
+            onClick: ($event) => $options.deleteItem(index)
+          }, null, 8, _hoisted_5)) : createCommentVNode("", true)
+        ]);
+      }), 128))
+    ]),
+    $props.state !== "DETAIL" ? (openBlock(), createBlock(_component_el_button, {
+      key: 0,
+      type: "primary",
+      link: "",
+      onClick: _cache[0] || (_cache[0] = ($event) => $data.showScopeDialog = true)
+    }, {
+      default: withCtx(() => [
+        createTextVNode(toDisplayString($props.operateName || "设置"), 1)
+      ]),
+      _: 1
+    })) : createCommentVNode("", true),
+    createVNode(_component_epx_scope_drawer, {
+      visible: $data.showScopeDialog,
+      "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => $data.showScopeDialog = $event),
+      metaId: $props.componentMetaId || $options.pageMetaId,
+      ref: "filterDrawer",
+      fieldTree: [...$options.treeField, ...$props.extendFields],
+      pageParams: $props.pageParams,
+      modeType: $options.scopeModeType,
+      extendMode: $options.frontendSysVarMode,
+      params: $options.formatArray($props.value),
+      showOperate: $props.showOperate,
+      onChangeParams: $options.changeValue
+    }, null, 8, ["visible", "metaId", "fieldTree", "pageParams", "modeType", "extendMode", "params", "showOperate", "onChangeParams"])
+  ]);
+}
+const Scope = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-c8b272b7"]]);
+export {
+  Scope as default
+};

package/dist/src/visual/config/Select.js

@@ -0,0 +1,95 @@
+import '../../../style.css';
+import { resolveComponent, openBlock, createElementBlock, toDisplayString, createBlock, withCtx, Fragment, renderList } from "vue";
+/* empty css           */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-visual-config-select",
+  props: {
+    allConfigs: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    value: [String, Boolean, Number],
+    defaultValue: [String, Boolean, Number],
+    allowCreate: Boolean,
+    optionList: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    configItem: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    state: String,
+    placeholder: String,
+    multiple: Boolean
+  },
+  data() {
+    return {
+      // 下拉是否打开过：打开前只渲染选中项，几十个选项的 el-option 等真要选时再建
+      opened: false
+    };
+  },
+  computed: {
+    _value() {
+      return this.value || this.defaultValue || this.multiple ? [] : "";
+    },
+    // el-select 靠已挂载的 el-option 解析选中项的 label，所以打开前至少要渲染选中的那几项
+    renderOptions() {
+      if (this.opened) return this.optionList;
+      const current = this.value || this.defaultValue || "";
+      const selected = Array.isArray(current) ? current : [current];
+      return this.optionList.filter((option) => selected.includes(option.value));
+    },
+    valueLabel() {
+      var _a;
+      return ((_a = this.optionList.find((item) => item.value === this.value)) == null ? void 0 : _a.label) || "";
+    }
+  },
+  methods: {
+    onVisibleChange(visible) {
+      if (visible) this.opened = true;
+    },
+    changeValue(v) {
+      this.$emit("change-configs", v === this.defaultValue ? null : v);
+    }
+  }
+};
+const _hoisted_1 = { key: 0 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_option = resolveComponent("el-option");
+  const _component_el_select = resolveComponent("el-select");
+  return $props.state === "DETAIL" ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString($options.valueLabel), 1)) : (openBlock(), createBlock(_component_el_select, {
+    key: 1,
+    class: "input",
+    "allow-create": $props.allowCreate,
+    filterable: "",
+    "model-value": $props.value || $props.defaultValue || "",
+    size: "default",
+    placeholder: $props.placeholder,
+    multiple: $props.multiple,
+    onChange: $options.changeValue,
+    onVisibleChange: $options.onVisibleChange
+  }, {
+    default: withCtx(() => [
+      (openBlock(true), createElementBlock(Fragment, null, renderList($options.renderOptions, (option) => {
+        return openBlock(), createBlock(_component_el_option, {
+          key: option.value,
+          label: `${option.label}${option.value === $props.defaultValue ? "（默认值）" : ""}`,
+          value: option.value
+        }, null, 8, ["label", "value"]);
+      }), 128))
+    ]),
+    _: 1
+  }, 8, ["allow-create", "model-value", "placeholder", "multiple", "onChange", "onVisibleChange"]));
+}
+const Select = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-1e8e341f"]]);
+export {
+  Select as default
+};

package/dist/src/visual/config/Switch.js

@@ -0,0 +1,37 @@
+import '../../../style.css';
+import { resolveComponent, openBlock, createBlock } from "vue";
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-visual-config-switch",
+  props: {
+    value: [String, Boolean, Number],
+    defaultValue: [String, Boolean, Number],
+    configItem: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  computed: {
+    _value: {
+      get() {
+        return this.$_.isNil(this.value) ? this.defaultValue : this.value;
+      },
+      set(v) {
+        this.$emit("change-configs", v === this.defaultValue ? null : v);
+      }
+    }
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_switch = resolveComponent("el-switch");
+  return openBlock(), createBlock(_component_el_switch, {
+    modelValue: $options._value,
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $options._value = $event)
+  }, null, 8, ["modelValue"]);
+}
+const Switch = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  Switch as default
+};

package/dist/src/visual/config/Textarea.js

@@ -0,0 +1,175 @@
+import '../../../style.css';
+import _sfc_main from "./Textarea.vue.js";
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, withModifiers, createVNode, withCtx, createCommentVNode, normalizeStyle, createBlock, toDisplayString, Fragment, renderList } from "vue";
+/* empty css              */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = {
+  class: "config-input",
+  ref: "configInput"
+};
+const _hoisted_2 = { class: "input-container" };
+const _hoisted_3 = { class: "input-inner" };
+const _hoisted_4 = ["onMousedown"];
+const _hoisted_5 = ["onMousedown"];
+const _hoisted_6 = ["onMousedown"];
+const _hoisted_7 = { class: "language" };
+const _hoisted_8 = {
+  class: "language-item__label",
+  for: ""
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_tooltip = resolveComponent("el-tooltip");
+  const _component_el_tree = resolveComponent("el-tree");
+  const _component_el_tab_pane = resolveComponent("el-tab-pane");
+  const _component_el_tabs = resolveComponent("el-tabs");
+  const _component_epx_visual_config_input = resolveComponent("epx-visual-config-input");
+  const _component_el_popover = resolveComponent("el-popover");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("div", _hoisted_2, [
+      createElementVNode("div", _hoisted_3, [
+        createElementVNode("div", {
+          class: "input",
+          ref: "input",
+          contenteditable: "true",
+          onFocus: _cache[0] || (_cache[0] = (...args) => $options.inputFocus && $options.inputFocus(...args)),
+          onBlur: _cache[1] || (_cache[1] = (...args) => $options.onBlur && $options.onBlur(...args)),
+          onPaste: _cache[2] || (_cache[2] = (...args) => $options.paste && $options.paste(...args)),
+          onClick: _cache[3] || (_cache[3] = (...args) => $options.inputClick && $options.inputClick(...args)),
+          onDblclick: _cache[4] || (_cache[4] = (...args) => $options.onDblclick && $options.onDblclick(...args)),
+          placeholder: "输入“/”插入变量或函数",
+          onInput: _cache[5] || (_cache[5] = (...args) => $options.changeValue && $options.changeValue(...args))
+        }, null, 544)
+      ]),
+      $options.isInputVariable ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: "input-suffix",
+        onClick: _cache[9] || (_cache[9] = withModifiers(() => {
+        }, ["stop"]))
+      }, [
+        createVNode(_component_el_tooltip, {
+          effect: "dark",
+          content: "点击插入变量或函数",
+          placement: "top",
+          onClick: _cache[8] || (_cache[8] = withModifiers(() => {
+          }, ["stop"]))
+        }, {
+          default: withCtx(() => [
+            createElementVNode("i", {
+              class: "epx-icon-bianliang",
+              onMousedown: _cache[6] || (_cache[6] = (...args) => $options.openContextMenu && $options.openContextMenu(...args)),
+              onClick: _cache[7] || (_cache[7] = withModifiers(() => {
+              }, ["stop"]))
+            }, null, 32)
+          ]),
+          _: 1
+        })
+      ])) : createCommentVNode("", true)
+    ]),
+    $data.showContentMenu ? (openBlock(), createElementBlock("div", {
+      key: 0,
+      class: "variable-menu__container",
+      style: normalizeStyle({ left: $data.variablePos.x, top: $data.variablePos.y }),
+      onClick: _cache[11] || (_cache[11] = withModifiers(() => {
+      }, ["stop"]))
+    }, [
+      $props.designer.mode === "template" ? (openBlock(), createBlock(_component_el_tree, {
+        key: 0,
+        data: $options.templateAttributeTree,
+        props: $data.templateAttributeProps
+      }, {
+        default: withCtx(({ data }) => [
+          createElementVNode("span", {
+            style: { flex: 1 },
+            onMousedown: (e) => $options.addParams(data, e)
+          }, toDisplayString(data.text), 41, _hoisted_4)
+        ]),
+        _: 1
+      }, 8, ["data", "props"])) : (openBlock(), createBlock(_component_el_tabs, {
+        key: 1,
+        class: "variable-tabs",
+        modelValue: $data.activeVariableTab,
+        "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => $data.activeVariableTab = $event)
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_el_tab_pane, {
+            label: "插入变量",
+            name: "variable"
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_el_tree, {
+                class: "variable-tree",
+                data: $options.variableList,
+                props: $data.variableProps
+              }, {
+                default: withCtx(({ data }) => [
+                  createElementVNode("span", {
+                    style: { flex: 1 },
+                    onMousedown: (e) => $options.addVariable(data, e)
+                  }, toDisplayString(data.name || data.code), 41, _hoisted_5)
+                ]),
+                _: 1
+              }, 8, ["data", "props"])
+            ]),
+            _: 1
+          }),
+          createVNode(_component_el_tab_pane, {
+            label: "插入函数",
+            name: "function"
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_el_tree, {
+                class: "variable-tree",
+                data: $data.functionLibrary,
+                props: $data.variableProps
+              }, {
+                default: withCtx(({ data }) => [
+                  createElementVNode("span", {
+                    style: { flex: 1 },
+                    onMousedown: (e) => $options.addFunction(data, e)
+                  }, toDisplayString(data.name || data.code), 41, _hoisted_6)
+                ]),
+                _: 1
+              }, 8, ["data", "props"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue"]))
+    ], 4)) : createCommentVNode("", true),
+    $props.isInternational ? (openBlock(), createBlock(_component_el_popover, {
+      key: 1,
+      placement: "bottom",
+      width: "330",
+      trigger: "click",
+      persistent: false
+    }, {
+      reference: withCtx(() => [..._cache[12] || (_cache[12] = [
+        createElementVNode("i", { class: "language-icon epx-icon-diqiu" }, null, -1)
+      ])]),
+      default: withCtx(() => [
+        createElementVNode("div", _hoisted_7, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($options.languageList, (language) => {
+            return openBlock(), createElementBlock("div", {
+              class: "language-item",
+              key: language.id
+            }, [
+              createElementVNode("label", _hoisted_8, toDisplayString(language.name) + "：", 1),
+              createVNode(_component_epx_visual_config_input, {
+                designer: $props.designer,
+                value: $props.i18nValue[language.id],
+                isInternational: false,
+                onChangeConfigs: (v) => $options.changeLanguageValue(language.id, v)
+              }, null, 8, ["designer", "value", "onChangeConfigs"])
+            ]);
+          }), 128))
+        ])
+      ]),
+      _: 1
+    })) : createCommentVNode("", true)
+  ], 512);
+}
+const Textarea = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-74e7cca0"]]);
+export {
+  Textarea as default
+};