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

package/es/ele-pro-form-builder/components/if-edit.js

@@ -0,0 +1,106 @@
+import { defineComponent, ref, openBlock, createElementBlock, Fragment, createVNode, unref, withCtx, createTextVNode, toDisplayString, createElementVNode, createCommentVNode, createBlock, resolveDynamicComponent } from "vue";
+import { ElButton } from "element-plus";
+import EleModal from "../../ele-modal/index";
+import CodeEditer from "./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__ */ defineComponent({
+  __name: "if-edit",
+  props: {
+    modelValue: {},
+    title: {},
+    codeTips: {},
+    codeEditerComponent: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const visible = ref(false);
+    const codeContent = ref("");
+    const openModal = () => {
+      codeContent.value = props.modelValue ?? "";
+      visible.value = true;
+    };
+    const handleCancel = () => {
+      visible.value = false;
+      codeContent.value = "";
+    };
+    const handleSave = () => {
+      const result = codeContent.value;
+      handleCancel();
+      emit("update:modelValue", result === "" ? void 0 : result);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(unref(ElButton), {
+          size: "small",
+          style: { width: "100%" },
+          onClick: openModal
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(_ctx.title), 1)
+          ]),
+          _: 1
+        }),
+        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: withCtx(() => [
+            createVNode(unref(ElButton), {
+              size: "default",
+              onClick: handleCancel
+            }, {
+              default: withCtx(() => [
+                createTextVNode("取消")
+              ]),
+              _: 1
+            }),
+            createVNode(unref(ElButton), {
+              type: "primary",
+              size: "default",
+              onClick: handleSave
+            }, {
+              default: withCtx(() => [
+                createTextVNode(" 保存 ")
+              ]),
+              _: 1
+            })
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_1, [
+              _ctx.codeTips ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(_ctx.codeTips), 1)) : createCommentVNode("", true),
+              createElementVNode("div", _hoisted_3, [
+                (openBlock(), createBlock(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);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/ele-pro-form-builder/components/import-modal.d.ts

@@ -0,0 +1,38 @@
+import { UserComponent } from '../../ele-app/types';
+import { TemplateFormConfig } from '../types';
+
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    /** 弹窗是否打开 */
+    modelValue?: boolean;
+    /** 表单配置数据 */
+    config?: TemplateFormConfig;
+    /** 是否是导入 */
+    isImport?: boolean;
+    /** JSON 编辑器组件 */
+    jsonEditerComponent?: UserComponent;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (visible?: boolean | undefined) => void;
+    importData: (data: TemplateFormConfig) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 弹窗是否打开 */
+    modelValue?: boolean;
+    /** 表单配置数据 */
+    config?: TemplateFormConfig;
+    /** 是否是导入 */
+    isImport?: boolean;
+    /** JSON 编辑器组件 */
+    jsonEditerComponent?: UserComponent;
+}>>> & {
+    "onUpdate:modelValue"?: ((visible?: boolean | undefined) => any) | undefined;
+    onImportData?: ((data: TemplateFormConfig) => 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/es/ele-pro-form-builder/components/import-modal.js

@@ -0,0 +1,125 @@
+import { defineComponent, ref, watch, openBlock, createBlock, createSlots, withCtx, resolveDynamicComponent, createVNode, unref, createTextVNode } from "vue";
+import { ElButton } from "element-plus";
+import EleModal from "../../ele-modal/index";
+import { itemsGenerateNewKey } from "./build-util";
+import CodeEditer from "./code-editer";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "import-modal",
+  props: {
+    modelValue: { type: Boolean },
+    config: {},
+    isImport: { type: Boolean },
+    jsonEditerComponent: {}
+  },
+  emits: ["update:modelValue", "importData"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const jsonContent = ref("");
+    const handleUpdateModelValue = (visible) => {
+      emit("update:modelValue", visible);
+    };
+    const handleImportData = (data) => {
+      emit("importData", data);
+    };
+    const handleCloseModal = () => {
+      handleUpdateModelValue(false);
+    };
+    const handleImport = () => {
+      if (!jsonContent.value) {
+        return;
+      }
+      handleCloseModal();
+      try {
+        const result = JSON.parse(jsonContent.value);
+        if (result && Array.isArray(result)) {
+          const config = JSON.parse(JSON.stringify(props.config));
+          itemsGenerateNewKey(result, config.items, false);
+          result.forEach((item) => {
+            config.items.push(item);
+          });
+          handleImportData(config);
+          return;
+        }
+        if (result && typeof result === "object" && result.prop && result.items == null) {
+          const config = JSON.parse(JSON.stringify(props.config));
+          itemsGenerateNewKey(result, config.items, false);
+          config.items.push(result);
+          handleImportData(config);
+          return;
+        }
+        if (result) {
+          itemsGenerateNewKey(result.items, [], false);
+          handleImportData(result);
+        }
+      } catch (e) {
+        console.error(e);
+      }
+    };
+    watch(
+      () => props.modelValue,
+      (visible) => {
+        if (visible && !props.isImport) {
+          jsonContent.value = JSON.stringify(props.config || {}, void 0, 2);
+        } else {
+          jsonContent.value = "";
+        }
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(EleModal, {
+        width: 800,
+        maxable: true,
+        position: "center",
+        title: "表单配置JSON",
+        modelValue: _ctx.modelValue,
+        closeOnClickModal: false,
+        destroyOnClose: true,
+        bodyStyle: {
+          height: "520px",
+          minHeight: "100%",
+          maxHeight: "100%",
+          padding: _ctx.isImport ? "8px 16px 8px 16px" : "8px 16px 12px 16px"
+        },
+        "onUpdate:modelValue": handleUpdateModelValue
+      }, createSlots({
+        default: withCtx(() => [
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.jsonEditerComponent || CodeEditer), {
+            modelValue: jsonContent.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => jsonContent.value = $event)
+          }, null, 8, ["modelValue"]))
+        ]),
+        _: 2
+      }, [
+        _ctx.isImport ? {
+          name: "footer",
+          fn: withCtx(() => [
+            createVNode(unref(ElButton), {
+              size: "default",
+              onClick: handleCloseModal
+            }, {
+              default: withCtx(() => [
+                createTextVNode("取消")
+              ]),
+              _: 1
+            }),
+            createVNode(unref(ElButton), {
+              type: "primary",
+              size: "default",
+              onClick: handleImport
+            }, {
+              default: withCtx(() => [
+                createTextVNode(" 导入 ")
+              ]),
+              _: 1
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["modelValue", "bodyStyle"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/ele-pro-form-builder/components/json-input.d.ts

@@ -2,11 +2,15 @@ type DataValue = string | boolean | number | Record<string, any> | Array<any>;
 declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
     /** 绑定值 */
     modelValue?: DataValue;
+    /** 提示文本 */
+    placeholder?: string;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value?: DataValue | undefined) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     /** 绑定值 */
     modelValue?: DataValue;
+    /** 提示文本 */
+    placeholder?: string;
 }>>> & {
     "onUpdate:modelValue"?: ((value?: DataValue | undefined) => any) | undefined;
 }, {}, {}>;

package/es/ele-pro-form-builder/components/json-input.js

@@ -3,7 +3,8 @@ import { ElInput } from "element-plus";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "json-input",
   props: {
-    modelValue: { type: [String, Boolean, Number, Object, Array] }
+    modelValue: { type: [String, Boolean, Number, Object, Array] },
+    placeholder: {}
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -52,9 +53,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         type: "textarea",
         modelValue: inputValue.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
-        placeholder: "输入 JSON 格式",
+        placeholder: _ctx.placeholder,
         onChange: handleInputChange
-      }, null, 8, ["modelValue"]);
+      }, null, 8, ["modelValue", "placeholder"]);
     };
   }
 });

package/es/ele-pro-form-builder/components/options-code.d.ts

@@ -0,0 +1,33 @@
+import { UserComponent } from '../../ele-app/types';
+
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    /** 选项数据代码 */
+    data?: Array<any> | string;
+    /** 顶部提示内容 */
+    codeTips?: string;
+    /** 默认提示示例代码 */
+    codePlaceholder?: string;
+    /** 代码编辑器组件 */
+    codeEditerComponent?: UserComponent;
+}>, {
+    getResult: () => string | undefined;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 选项数据代码 */
+    data?: Array<any> | string;
+    /** 顶部提示内容 */
+    codeTips?: string;
+    /** 默认提示示例代码 */
+    codePlaceholder?: string;
+    /** 代码编辑器组件 */
+    codeEditerComponent?: UserComponent;
+}>>>, {}, {}>;
+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/es/ele-pro-form-builder/components/options-code.js

@@ -0,0 +1,56 @@
+import { defineComponent, ref, onMounted, openBlock, createElementBlock, toDisplayString, createCommentVNode, createElementVNode, createBlock, resolveDynamicComponent } from "vue";
+import { codeStringPrefix } from "../../ele-pro-form/components/render-util";
+import CodeEditer from "./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__ */ defineComponent({
+  __name: "options-code",
+  props: {
+    data: {},
+    codeTips: {},
+    codePlaceholder: {},
+    codeEditerComponent: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const codeContent = ref("");
+    const getResult = () => {
+      const code = codeContent.value;
+      if (code == null || !code) {
+        return;
+      }
+      return `${codeStringPrefix}${code}`;
+    };
+    onMounted(() => {
+      if (props.data == null || typeof props.data !== "string") {
+        codeContent.value = props.codePlaceholder ?? "";
+        return;
+      }
+      const data = props.data.trim();
+      if (data.startsWith(codeStringPrefix)) {
+        codeContent.value = data.slice(codeStringPrefix.length);
+        return;
+      }
+      codeContent.value = (data || props.codePlaceholder) ?? "";
+    });
+    __expose({ getResult });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _ctx.codeTips ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(_ctx.codeTips), 1)) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_3, [
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.codeEditerComponent || CodeEditer), {
+            modelValue: codeContent.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => codeContent.value = $event)
+          }, null, 8, ["modelValue"]))
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/ele-pro-form-builder/components/options-edit.d.ts

@@ -1,46 +1,49 @@
-import { ProFormItemOption } from '../../ele-pro-form/types';
-import { TreeTableColumn } from '../types';
+import { UserComponent } from '../../ele-app/types';
+import { TreeTableColumn } from '../../ele-tree-table/types';
 
-declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
     /** 选项数据 */
-    modelValue?: ProFormItemOption[];
+    modelValue?: Array<any> | string;
     /** 弹窗标题 */
     title?: string;
-    /** 弹窗宽度 */
-    width?: number | string;
     /** 是否是树形结构数据 */
     isTreeData?: boolean | {
         maxDepth?: number;
     };
     /** 自定义列 */
     columns?: TreeTableColumn[] | "tableData" | "tableColumns" | "stringArray";
-}>, {
-    title: string;
-    width: number;
+    /** 是否支持远程数据 */
+    codeOptions?: boolean;
+    /** 顶部提示内容 */
+    codeTips?: string;
+    /** 默认提示示例代码 */
+    codePlaceholder?: string;
+    /** 代码编辑器组件 */
+    codeEditerComponent?: UserComponent;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (data: ProFormItemOption[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    "update:modelValue": (data: string | any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     /** 选项数据 */
-    modelValue?: ProFormItemOption[];
+    modelValue?: Array<any> | string;
     /** 弹窗标题 */
     title?: string;
-    /** 弹窗宽度 */
-    width?: number | string;
     /** 是否是树形结构数据 */
     isTreeData?: boolean | {
         maxDepth?: number;
     };
     /** 自定义列 */
     columns?: TreeTableColumn[] | "tableData" | "tableColumns" | "stringArray";
-}>, {
-    title: string;
-    width: number;
+    /** 是否支持远程数据 */
+    codeOptions?: boolean;
+    /** 顶部提示内容 */
+    codeTips?: string;
+    /** 默认提示示例代码 */
+    codePlaceholder?: string;
+    /** 代码编辑器组件 */
+    codeEditerComponent?: UserComponent;
 }>>> & {
-    "onUpdate:modelValue"?: ((data: ProFormItemOption[]) => any) | undefined;
-}, {
-    title: string;
-    width: number | string;
-}, {}>;
+    "onUpdate:modelValue"?: ((data: string | any[]) => any) | undefined;
+}, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -51,11 +54,3 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};