ele-admin-plus 1.2.2-beta.5 → 1.3.0-beta.3

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

@@ -0,0 +1,26 @@
+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;
+}, {}, {}>;
+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/json-input.js

@@ -0,0 +1,64 @@
+import { defineComponent, ref, watch, openBlock, createBlock, unref } from "vue";
+import { ElInput } from "element-plus";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "json-input",
+  props: {
+    modelValue: { type: [String, Boolean, Number, Object, Array] },
+    placeholder: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const inputValue = ref("");
+    const stringifyJSON = (data) => {
+      if (data == null) {
+        return "";
+      }
+      return JSON.stringify(data, void 0, 2);
+    };
+    const updateModelValue = (json) => {
+      if (stringifyJSON(props.modelValue) !== json) {
+        try {
+          const isEmpty = json == null || json === "" || json.trim() === "";
+          const value = isEmpty ? void 0 : JSON.parse(json);
+          emit("update:modelValue", value);
+        } catch (e) {
+          console.error(e);
+        }
+      }
+    };
+    const handleInputChange = (value) => {
+      if (value != null) {
+        updateModelValue(value);
+      }
+    };
+    watch(
+      () => props.modelValue,
+      (value) => {
+        const json = stringifyJSON(value);
+        if (inputValue.value !== json) {
+          inputValue.value = json;
+        }
+      },
+      {
+        deep: true,
+        immediate: true
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElInput), {
+        rows: 4,
+        size: "small",
+        type: "textarea",
+        modelValue: inputValue.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
+        placeholder: _ctx.placeholder,
+        onChange: handleInputChange
+      }, null, 8, ["modelValue", "placeholder"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,56 @@
+import { UserComponent } from '../../ele-app/types';
+import { TreeTableColumn } from '../../ele-tree-table/types';
+
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    /** 选项数据 */
+    modelValue?: Array<any> | string;
+    /** 弹窗标题 */
+    title?: string;
+    /** 是否是树形结构数据 */
+    isTreeData?: boolean | {
+        maxDepth?: number;
+    };
+    /** 自定义列 */
+    columns?: TreeTableColumn[] | "tableData" | "tableColumns" | "stringArray";
+    /** 是否支持远程数据 */
+    codeOptions?: boolean;
+    /** 顶部提示内容 */
+    codeTips?: string;
+    /** 默认提示示例代码 */
+    codePlaceholder?: string;
+    /** 代码编辑器组件 */
+    codeEditerComponent?: UserComponent;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (data: string | any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 选项数据 */
+    modelValue?: Array<any> | string;
+    /** 弹窗标题 */
+    title?: string;
+    /** 是否是树形结构数据 */
+    isTreeData?: boolean | {
+        maxDepth?: number;
+    };
+    /** 自定义列 */
+    columns?: TreeTableColumn[] | "tableData" | "tableColumns" | "stringArray";
+    /** 是否支持远程数据 */
+    codeOptions?: boolean;
+    /** 顶部提示内容 */
+    codeTips?: string;
+    /** 默认提示示例代码 */
+    codePlaceholder?: string;
+    /** 代码编辑器组件 */
+    codeEditerComponent?: UserComponent;
+}>>> & {
+    "onUpdate:modelValue"?: ((data: string | any[]) => 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/options-edit.js

@@ -0,0 +1,132 @@
+import { defineComponent, ref, openBlock, createElementBlock, Fragment, createVNode, unref, withCtx, createTextVNode, toDisplayString, createBlock, createCommentVNode } from "vue";
+import { ElButton } from "element-plus";
+import { codeStringPrefix } from "../../ele-pro-form/components/render-util";
+import EleModal from "../../ele-modal/index";
+import EleTabBar from "../../ele-tab-bar/index";
+import OptionsTable from "./options-table";
+import OptionsCode from "./options-code";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "options-edit",
+  props: {
+    modelValue: {},
+    title: {},
+    isTreeData: { type: [Boolean, Object] },
+    columns: {},
+    codeOptions: { type: Boolean },
+    codeTips: {},
+    codePlaceholder: {},
+    codeEditerComponent: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const visible = ref(false);
+    const optionsType = ref("optionsTable");
+    const editerRef = ref(null);
+    const openModal = () => {
+      if (props.modelValue != null && typeof props.modelValue === "string" && props.modelValue.startsWith(codeStringPrefix)) {
+        optionsType.value = "optionsCode";
+      } else {
+        optionsType.value = "optionsTable";
+      }
+      visible.value = true;
+    };
+    const handleCancel = () => {
+      visible.value = false;
+    };
+    const handleSave = () => {
+      var _a, _b;
+      const result = (_b = (_a = editerRef.value) == null ? void 0 : _a.getResult) == null ? void 0 : _b.call(_a);
+      emit("update:modelValue", result ?? []);
+      visible.value = false;
+    };
+    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: 960,
+          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: "568px",
+            minHeight: "100%",
+            maxHeight: "100%",
+            padding: "0 16px 8px 16px",
+            display: "flex",
+            flexDirection: "column"
+          }
+        }, {
+          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(() => [
+            _ctx.codeOptions ? (openBlock(), createBlock(EleTabBar, {
+              key: 0,
+              modelValue: optionsType.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => optionsType.value = $event),
+              items: [
+                { value: "optionsTable", label: "静态数据" },
+                { value: "optionsCode", label: "远程数据" }
+              ],
+              type: "plain",
+              class: "ele-pro-form-builder-options-tabs"
+            }, null, 8, ["modelValue"])) : createCommentVNode("", true),
+            !_ctx.codeOptions || optionsType.value === "optionsTable" ? (openBlock(), createBlock(OptionsTable, {
+              key: 1,
+              ref_key: "editerRef",
+              ref: editerRef,
+              data: _ctx.modelValue,
+              isTreeData: _ctx.isTreeData,
+              columns: _ctx.columns
+            }, null, 8, ["data", "isTreeData", "columns"])) : _ctx.codeOptions ? (openBlock(), createBlock(OptionsCode, {
+              key: 2,
+              ref_key: "editerRef",
+              ref: editerRef,
+              data: _ctx.modelValue,
+              codeTips: _ctx.codeTips,
+              codePlaceholder: _ctx.codePlaceholder,
+              codeEditerComponent: _ctx.codeEditerComponent
+            }, null, 8, ["data", "codeTips", "codePlaceholder", "codeEditerComponent"])) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["title", "modelValue"])
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,33 @@
+import { TreeTableColumn } from '../../ele-tree-table/types';
+
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    /** 选项数据 */
+    data?: Array<any> | string;
+    /** 是否是树形结构数据 */
+    isTreeData?: boolean | {
+        maxDepth?: number;
+    };
+    /** 自定义列 */
+    columns?: TreeTableColumn[] | "tableData" | "tableColumns" | "stringArray";
+}>, {
+    getResult: () => Array<any>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 选项数据 */
+    data?: Array<any> | string;
+    /** 是否是树形结构数据 */
+    isTreeData?: boolean | {
+        maxDepth?: number;
+    };
+    /** 自定义列 */
+    columns?: TreeTableColumn[] | "tableData" | "tableColumns" | "stringArray";
+}>>>, {}, {}>;
+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;
+    };
+};