ele-admin-plus 1.3.0-beta.2 → 1.3.0-beta.3

package/lib/ele-pro-form-builder/components/component-data.d.ts

@@ -1,5 +1,7 @@
 import { ComponentGroup } from '../types';
 
+export declare const codeTips = "/* \u5168\u5C40\u53D8\u91CF `form`(\u8868\u5355\u6570\u636E), `items`(\u5168\u90E8\u8868\u5355\u9879), `searchExpand`(\u5C55\u5F00\u72B6\u6001),\n * `getProFormRefs`(\u83B7\u53D6\u7EC4\u4EF6\u5F15\u7528), `httpRequest`(\u8BF7\u6C42\u5DE5\u5177) */";
+export declare const vIfCodeTips = "/* \u5168\u5C40\u53D8\u91CF `form`(\u8868\u5355\u6570\u636E), `items`(\u5168\u90E8\u8868\u5355\u9879), `searchExpand`(\u5C55\u5F00\u72B6\u6001) */";
 /**
  * 表单组件库数据
  */

package/lib/ele-pro-form-builder/components/component-list.cjs

@@ -2,7 +2,7 @@
 const vue = require("vue");
 const VueDraggable = require("vuedraggable");
 const util = require("../../ele-pro-form/util");
-const util$1 = require("../util");
+const buildCore = require("./build-core");
 const _hoisted_1 = { class: "ele-pro-form-builder-component-wrapper" };
 const _hoisted_2 = ["onClick"];
 const _hoisted_3 = { class: "ele-pro-form-builder-component-item-body" };
@@ -14,7 +14,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     formItems: {},
     parentFormItemId: {},
     draggable: { type: Boolean },
-    componentData: {}
+    componentData: {},
+    itemTypeData: {}
   },
   emits: ["updateItems"],
   setup(__props, { emit: __emit }) {
@@ -33,18 +34,20 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       });
     });
     const handleCloneItem = (original) => {
-      const item = util$1.generateBuildFormItem(
+      const item = buildCore.generateBuildFormItem(
         original.type,
         props.formItems,
-        props.componentData
+        props.componentData,
+        props.itemTypeData
       );
       return item ?? original;
     };
     const handleAddItem = (componentType) => {
-      const item = util$1.generateBuildFormItem(
+      const item = buildCore.generateBuildFormItem(
         componentType,
         props.formItems,
-        props.componentData
+        props.componentData,
+        props.itemTypeData
       );
       const result = {
         addItems: [{ item, parentItemId: props.parentFormItemId }],

package/lib/ele-pro-form-builder/components/component-list.d.ts

@@ -1,4 +1,4 @@
-import { ProFormItemKey, ProFormItemProps } from '../../ele-pro-form/types';
+import { ProFormItemKey, ProFormItemProps, ProFormItemTypeData } from '../../ele-pro-form/types';
 import { ComponentGroup, UpdateItemsResult } from '../types';
 
 declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
@@ -10,6 +10,8 @@ declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimePr
     draggable?: boolean;
     /** 组件库数据 */
     componentData?: ComponentGroup[];
+    /** 高级表单组件类型数据 */
+    itemTypeData?: ProFormItemTypeData[];
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     updateItems: (result: UpdateItemsResult) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
@@ -21,6 +23,8 @@ declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimePr
     draggable?: boolean;
     /** 组件库数据 */
     componentData?: ComponentGroup[];
+    /** 高级表单组件类型数据 */
+    itemTypeData?: ProFormItemTypeData[];
 }>>> & {
     onUpdateItems?: ((result: UpdateItemsResult) => any) | undefined;
 }, {}, {}>;

package/lib/ele-pro-form-builder/components/component-name.cjs

@@ -1,6 +1,6 @@
 "use strict";
 const vue = require("vue");
-const util = require("../util");
+const buildCore = require("./build-core");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "component-name",
   props: {
@@ -12,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const typeName = vue.computed(() => {
       var _a;
       const type = props.itemType;
-      return ((_a = util.getComponentItemByType(type, props.componentData)) == null ? void 0 : _a.name) ?? type;
+      return ((_a = buildCore.getComponentItemByType(type, props.componentData)) == null ? void 0 : _a.name) ?? type;
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("span", null, vue.toDisplayString(typeName.value), 1);

package/lib/ele-pro-form-builder/components/component-picker.cjs

@@ -0,0 +1,55 @@
+"use strict";
+const vue = require("vue");
+const EleModal = require("../../ele-modal/index");
+const ComponentList = require("./component-list");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "component-picker",
+  props: {
+    modelValue: { type: Boolean },
+    addParentFormItemId: {},
+    formItems: {},
+    componentData: {},
+    itemTypeData: {}
+  },
+  emits: ["update:modelValue", "updateItems"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const handleUpdateModelValue = (visible) => {
+      emit("update:modelValue", visible);
+    };
+    const handleUpdateItems = (result) => {
+      emit("updateItems", result);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(EleModal, {
+        width: 808,
+        maxable: true,
+        position: "center",
+        title: "组件库",
+        modelValue: _ctx.modelValue,
+        closeOnClickModal: false,
+        destroyOnClose: true,
+        bodyStyle: {
+          height: "568px",
+          minHeight: "100%",
+          maxHeight: "100%",
+          padding: 0
+        },
+        "onUpdate:modelValue": handleUpdateModelValue
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(ComponentList, {
+            parentFormItemId: _ctx.addParentFormItemId,
+            formItems: _ctx.formItems,
+            componentData: _ctx.componentData,
+            itemTypeData: _ctx.itemTypeData,
+            class: "ele-pro-form-builder-component-picker",
+            onUpdateItems: handleUpdateItems
+          }, null, 8, ["parentFormItemId", "formItems", "componentData", "itemTypeData"])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/ele-pro-form-builder/components/component-picker.d.ts

@@ -0,0 +1,42 @@
+import { ProFormItemKey, ProFormItemProps, ProFormItemTypeData } from '../../ele-pro-form/types';
+import { ComponentGroup, UpdateItemsResult } from '../types';
+
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    /** 弹窗是否打开 */
+    modelValue?: boolean;
+    /** 要添加子级的父级表单项 key */
+    addParentFormItemId?: ProFormItemKey;
+    /** 全部表单项 */
+    formItems?: ProFormItemProps[];
+    /** 组件库数据 */
+    componentData?: ComponentGroup[];
+    /** 高级表单组件类型数据 */
+    itemTypeData?: ProFormItemTypeData[];
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (visible?: boolean | undefined) => void;
+    updateItems: (result: UpdateItemsResult) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 弹窗是否打开 */
+    modelValue?: boolean;
+    /** 要添加子级的父级表单项 key */
+    addParentFormItemId?: ProFormItemKey;
+    /** 全部表单项 */
+    formItems?: ProFormItemProps[];
+    /** 组件库数据 */
+    componentData?: ComponentGroup[];
+    /** 高级表单组件类型数据 */
+    itemTypeData?: ProFormItemTypeData[];
+}>>> & {
+    "onUpdate:modelValue"?: ((visible?: boolean | undefined) => any) | undefined;
+    onUpdateItems?: ((result: UpdateItemsResult) => any) | undefined;
+}, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/lib/ele-pro-form-builder/components/config-form.cjs

@@ -1,6 +1,7 @@
 "use strict";
 const vue = require("vue");
 const EleProForm = require("../../ele-pro-form/index");
+const SourceEdit = require("./source-edit");
 const StyleEdit = require("./style-edit");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "config-form",
@@ -9,11 +10,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     configFormItems: {},
     configFormPresetProps: {},
     proFormComponent: {},
-    itemTypeData: {}
+    jsonEditerComponent: {},
+    itemTypeData: {},
+    httpRequest: {}
   },
   emits: ["updateFormProp"],
   setup(__props, { emit: __emit }) {
-    const ownSlots = ["proFormBuilderStyleEdit"];
     const props = __props;
     const emit = __emit;
     const configFormData = vue.reactive({});
@@ -23,12 +25,21 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     vue.watch(
       () => props.formProps,
       (formProps) => {
-        Object.assign(
+        var _a;
+        const data = Object.assign(
+          {},
           configFormData,
           props.configFormPresetProps || {},
           JSON.parse(JSON.stringify(formProps || {})),
           { items: void 0 }
         );
+        Object.assign(configFormData, data, {
+          items: void 0,
+          footerProps: Object.assign(
+            { labelWidth: ((_a = data.footerProps) == null ? void 0 : _a.labelWidth) ?? data.labelWidth },
+            data.footerProps
+          )
+        });
       },
       {
         immediate: true,
@@ -42,18 +53,31 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         model: configFormData,
         items: _ctx.configFormItems || [],
         itemTypeData: _ctx.itemTypeData,
+        httpRequest: _ctx.httpRequest,
         class: "ele-pro-form-builder-props-form",
         onUpdateValue: handleUpdateFormProp
-      }, vue.createSlots({
-        proFormBuilderStyleEdit: vue.withCtx(({ item, modelValue, updateValue }) => [
-          vue.createVNode(StyleEdit, vue.mergeProps(item.props || {}, {
-            modelValue,
-            "onUpdate:modelValue": updateValue
-          }), null, 16, ["modelValue", "onUpdate:modelValue"])
-        ]),
-        _: 2
-      }, [
-        vue.renderList(Object.keys(_ctx.$slots).filter((k) => !ownSlots.includes(k)), (name) => {
+      }, vue.createSlots({ _: 2 }, [
+        !_ctx.$slots.proFormBuilderSourceEdit ? {
+          name: "proFormBuilderSourceEdit",
+          fn: vue.withCtx(({ item, model, updatePropValue }) => [
+            vue.createVNode(SourceEdit, vue.mergeProps({ jsonEditerComponent: _ctx.jsonEditerComponent }, item.props || {}, {
+              modelValue: model,
+              "onUpdate:modelValue": (val) => updatePropValue("", val)
+            }), null, 16, ["jsonEditerComponent", "modelValue", "onUpdate:modelValue"])
+          ]),
+          key: "0"
+        } : void 0,
+        !_ctx.$slots.proFormBuilderStyleEdit ? {
+          name: "proFormBuilderStyleEdit",
+          fn: vue.withCtx(({ item, modelValue, updateValue }) => [
+            vue.createVNode(StyleEdit, vue.mergeProps(item.props || {}, {
+              modelValue,
+              "onUpdate:modelValue": updateValue
+            }), null, 16, ["modelValue", "onUpdate:modelValue"])
+          ]),
+          key: "1"
+        } : void 0,
+        vue.renderList(Object.keys(_ctx.$slots), (name) => {
           return {
             name,
             fn: vue.withCtx((slotProps) => [
@@ -61,7 +85,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ])
           };
         })
-      ]), 1064, ["model", "items", "itemTypeData"]);
+      ]), 1064, ["model", "items", "itemTypeData", "httpRequest"]);
     };
   }
 });

package/lib/ele-pro-form-builder/components/config-form.d.ts

@@ -12,8 +12,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRu
     configFormPresetProps?: Record<string, any>;
     /** 高级表单组件 */
     proFormComponent?: UserComponent;
+    /** JSON 编辑器组件 */
+    jsonEditerComponent?: UserComponent;
     /** 高级表单组件类型数据 */
     itemTypeData?: ProFormItemTypeData[];
+    /** 远程数据源请求工具 */
+    httpRequest?: any;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     updateFormProp: (field: string, value: any) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
@@ -25,8 +29,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRu
     configFormPresetProps?: Record<string, any>;
     /** 高级表单组件 */
     proFormComponent?: UserComponent;
+    /** JSON 编辑器组件 */
+    jsonEditerComponent?: UserComponent;
     /** 高级表单组件类型数据 */
     itemTypeData?: ProFormItemTypeData[];
+    /** 远程数据源请求工具 */
+    httpRequest?: any;
 }>>> & {
     onUpdateFormProp?: ((field: string, value: any) => any) | undefined;
 }, {}, {}>;

package/lib/ele-pro-form-builder/components/event-edit.cjs

@@ -0,0 +1,120 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const renderUtil = require("../../ele-pro-form/components/render-util");
+const EleModal = require("../../ele-modal/index");
+const CodeEditer = require("./code-editer");
+const _hoisted_1 = { class: "ele-pro-form-builder-code-edit-wrapper" };
+const _hoisted_2 = {
+  key: 0,
+  class: "ele-pro-form-builder-code-edit-header"
+};
+const _hoisted_3 = { class: "ele-pro-form-builder-code-edit-body" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "event-edit",
+  props: {
+    modelValue: {},
+    title: {},
+    codeTips: {},
+    codePlaceholder: {},
+    codeEditerComponent: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const visible = vue.ref(false);
+    const codeContent = vue.ref("");
+    const openModal = () => {
+      if (props.modelValue == null || typeof props.modelValue !== "string") {
+        codeContent.value = props.codePlaceholder ?? "";
+      } else if (props.modelValue.trim().startsWith(renderUtil.codeStringPrefix)) {
+        codeContent.value = props.modelValue.trim().slice(renderUtil.codeStringPrefix.length);
+      } else {
+        codeContent.value = (props.modelValue || props.codePlaceholder) ?? "";
+      }
+      visible.value = true;
+    };
+    const getResult = () => {
+      const code = codeContent.value;
+      if (code == null || !code) {
+        return;
+      }
+      return `${renderUtil.codeStringPrefix}${code}`;
+    };
+    const handleCancel = () => {
+      visible.value = false;
+      codeContent.value = "";
+    };
+    const handleSave = () => {
+      const result = getResult();
+      handleCancel();
+      emit("update:modelValue", result);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createVNode(vue.unref(elementPlus.ElButton), {
+          size: "small",
+          style: { width: "100%" },
+          onClick: openModal
+        }, {
+          default: vue.withCtx(() => [
+            vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
+          ]),
+          _: 1
+        }),
+        vue.createVNode(EleModal, {
+          width: 800,
+          maxable: true,
+          position: "center",
+          title: _ctx.title,
+          modelValue: visible.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => visible.value = $event),
+          closeOnClickModal: false,
+          destroyOnClose: true,
+          bodyStyle: {
+            height: "520px",
+            minHeight: "100%",
+            maxHeight: "100%",
+            padding: "8px 16px"
+          }
+        }, {
+          footer: vue.withCtx(() => [
+            vue.createVNode(vue.unref(elementPlus.ElButton), {
+              size: "default",
+              onClick: handleCancel
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("取消")
+              ]),
+              _: 1
+            }),
+            vue.createVNode(vue.unref(elementPlus.ElButton), {
+              type: "primary",
+              size: "default",
+              onClick: handleSave
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(" 保存 ")
+              ]),
+              _: 1
+            })
+          ]),
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_1, [
+              _ctx.codeTips ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, vue.toDisplayString(_ctx.codeTips), 1)) : vue.createCommentVNode("", true),
+              vue.createElementVNode("div", _hoisted_3, [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.codeEditerComponent || CodeEditer), {
+                  modelValue: codeContent.value,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => codeContent.value = $event)
+                }, null, 8, ["modelValue"]))
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["title", "modelValue"])
+      ], 64);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/ele-pro-form-builder/components/event-edit.d.ts

@@ -0,0 +1,39 @@
+import { UserComponent } from '../../ele-app/types';
+
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    /** 数据 */
+    modelValue?: string;
+    /** 弹窗标题 */
+    title?: string;
+    /** 顶部提示内容 */
+    codeTips?: string;
+    /** 默认提示示例代码 */
+    codePlaceholder?: string;
+    /** 代码编辑器组件 */
+    codeEditerComponent?: UserComponent;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (data?: string | undefined) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 数据 */
+    modelValue?: string;
+    /** 弹窗标题 */
+    title?: string;
+    /** 顶部提示内容 */
+    codeTips?: string;
+    /** 默认提示示例代码 */
+    codePlaceholder?: string;
+    /** 代码编辑器组件 */
+    codeEditerComponent?: UserComponent;
+}>>> & {
+    "onUpdate:modelValue"?: ((data?: string | undefined) => any) | undefined;
+}, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/lib/ele-pro-form-builder/components/html-edit.cjs

@@ -0,0 +1,96 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const EleModal = require("../../ele-modal/index");
+const CodeEditer = require("./code-editer");
+const _hoisted_1 = { class: "ele-pro-form-builder-code-edit-wrapper" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "html-edit",
+  props: {
+    modelValue: {},
+    title: {},
+    htmlEditerComponent: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const visible = vue.ref(false);
+    const htmlContent = vue.ref("");
+    const openModal = () => {
+      htmlContent.value = props.modelValue ?? "";
+      visible.value = true;
+    };
+    const handleCancel = () => {
+      visible.value = false;
+      htmlContent.value = "";
+    };
+    const handleSave = () => {
+      const result = htmlContent.value;
+      handleCancel();
+      emit("update:modelValue", result === "" ? void 0 : result);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createVNode(vue.unref(elementPlus.ElButton), {
+          size: "small",
+          style: { width: "100%" },
+          onClick: openModal
+        }, {
+          default: vue.withCtx(() => [
+            vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
+          ]),
+          _: 1
+        }),
+        vue.createVNode(EleModal, {
+          width: 800,
+          maxable: true,
+          position: "center",
+          title: _ctx.title,
+          modelValue: visible.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => visible.value = $event),
+          closeOnClickModal: false,
+          destroyOnClose: true,
+          bodyStyle: {
+            height: "520px",
+            minHeight: "100%",
+            maxHeight: "100%",
+            padding: "8px 16px"
+          }
+        }, {
+          footer: vue.withCtx(() => [
+            vue.createVNode(vue.unref(elementPlus.ElButton), {
+              size: "default",
+              onClick: handleCancel
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("取消")
+              ]),
+              _: 1
+            }),
+            vue.createVNode(vue.unref(elementPlus.ElButton), {
+              type: "primary",
+              size: "default",
+              onClick: handleSave
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(" 保存 ")
+              ]),
+              _: 1
+            })
+          ]),
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_1, [
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.htmlEditerComponent || CodeEditer), {
+                modelValue: htmlContent.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => htmlContent.value = $event)
+              }, null, 8, ["modelValue"]))
+            ])
+          ]),
+          _: 1
+        }, 8, ["title", "modelValue"])
+      ], 64);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/ele-pro-form-builder/components/html-edit.d.ts

@@ -0,0 +1,31 @@
+import { UserComponent } from '../../ele-app/types';
+
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    /** 数据 */
+    modelValue?: string;
+    /** 弹窗标题 */
+    title?: string;
+    /** 富文本编辑器组件 */
+    htmlEditerComponent?: UserComponent;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (data?: string | undefined) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 数据 */
+    modelValue?: string;
+    /** 弹窗标题 */
+    title?: string;
+    /** 富文本编辑器组件 */
+    htmlEditerComponent?: UserComponent;
+}>>> & {
+    "onUpdate:modelValue"?: ((data?: string | undefined) => any) | undefined;
+}, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};