ele-admin-plus 1.3.0 → 1.4.0-beta.1

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

@@ -1,7 +1,7 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const icons = require("../../icons");
+const index = require("../../icons/index");
 const _hoisted_1 = {
   key: 0,
   class: "ele-pro-form-builder-style-edit-list"
@@ -12,6 +12,7 @@ const _hoisted_2 = {
 };
 const _hoisted_3 = { class: "ele-pro-form-builder-style-edit-item-body" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "StyleEdit" },
   __name: "style-edit",
   props: {
     modelValue: {},
@@ -33,8 +34,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const temp = [...data.value];
       if (props.isClass) {
         dataList.forEach((d) => {
-          const index = temp.findIndex((t) => d.value === t.value);
-          if (index === -1) {
+          const index2 = temp.findIndex((t) => d.value === t.value);
+          if (index2 === -1) {
             itemStartId++;
             temp.push({ ...d, id: itemStartId });
             isChanged = true;
@@ -50,10 +51,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         });
       } else {
         dataList.forEach((d) => {
-          const index = temp.findIndex(
+          const index2 = temp.findIndex(
             (t) => d.name === t.name && d.value === t.value
           );
-          if (index === -1) {
+          if (index2 === -1) {
             itemStartId++;
             temp.push({ ...d, id: itemStartId });
             isChanged = true;
@@ -113,8 +114,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const handleDataListChange = () => {
       updateModelValue(getDataValue(data.value, props.isClass));
     };
-    const handleDelete = (index) => {
-      data.value.splice(index, 1);
+    const handleDelete = (index2) => {
+      data.value.splice(index2, 1);
       handleDataListChange();
     };
     const handleAdd = () => {
@@ -135,7 +136,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
         data.value && data.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(data.value, (item, index) => {
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(data.value, (item, index$1) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               key: item.id,
               class: "ele-pro-form-builder-style-edit-item"
@@ -159,10 +160,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.createVNode(vue.unref(elementPlus.ElIcon), {
                 class: "ele-pro-form-builder-style-edit-item-del-btn",
                 title: "删除",
-                onClick: ($event) => handleDelete(index)
+                onClick: ($event) => handleDelete(index$1)
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(icons.DeleteOutlined))
+                  vue.createVNode(vue.unref(index.DeleteOutlined))
                 ]),
                 _: 2
               }, 1032, ["onClick"])
@@ -171,8 +172,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         ])) : vue.createCommentVNode("", true),
         vue.createVNode(vue.unref(elementPlus.ElButton), {
           size: "small",
-          icon: vue.unref(icons.PlusOutlined),
-          style: { width: "100%" },
+          icon: vue.unref(index.PlusOutlined),
+          class: "ele-pro-form-builder-props-fluid-btn is-small-icon",
           onClick: handleAdd
         }, {
           default: vue.withCtx(() => [

package/lib/ele-pro-form-builder/components/table-tool-menu.cjs

@@ -3,6 +3,7 @@ const vue = require("vue");
 const EleDropdown = require("../../ele-dropdown/index");
 const tableUtil = require("./table-util");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "TableToolMenu" },
   __name: "table-tool-menu",
   props: {
     formItems: {},

package/lib/ele-pro-form-builder/components/table-util.cjs

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const core = require("../../utils/core");
+const common = require("../../utils/common");
 const buildCore = require("./build-core");
 function getTableFormItemByTd(tdFormItemId, formItems) {
   let tableFormItem;
   let tdFormItem;
   let trItemIndex;
-  core.eachTree(formItems, (item, _tdIndex, parent) => {
+  common.eachTree(formItems, (item, _tdIndex, parent) => {
     if (item.key === tdFormItemId) {
       tdFormItem = item;
-      core.eachTree(formItems, (trItem, trIndex, tableItem) => {
+      common.eachTree(formItems, (trItem, trIndex, tableItem) => {
         if (parent && trItem.key === parent.key && tableItem) {
           tableFormItem = tableItem;
           trItemIndex = trIndex;
@@ -24,7 +24,7 @@ function getTableFormItemByTd(tdFormItemId, formItems) {
 function getTableCellContents(tdFormItemId, formItems) {
   let children;
   if (tdFormItemId != null) {
-    core.eachTree(formItems, (item) => {
+    common.eachTree(formItems, (item) => {
       if (item.key === tdFormItemId) {
         children = item.children;
         return false;

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

@@ -1,6 +1,7 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
+const buildCore = require("./build-core");
 const buildUtil = require("./build-util");
 const _hoisted_1 = { class: "ele-pro-form-builder-template-wrapper" };
 const _hoisted_2 = ["onClick"];
@@ -8,6 +9,7 @@ const _hoisted_3 = { class: "ele-pro-form-builder-template-item-label" };
 const _hoisted_4 = { class: "ele-pro-form-builder-template-item-body" };
 const _hoisted_5 = { class: "ele-pro-form-builder-template-item-cover" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "TemplateList" },
   __name: "template-list",
   props: {
     templateData: {}
@@ -16,13 +18,17 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const handleImportTemplate = (item) => {
-      const result = JSON.parse(JSON.stringify(item.config));
+      const result = buildCore.deepCloneObject(item.config);
       buildUtil.itemsGenerateNewKey(result.items, [], false);
       emit("importData", result);
     };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        _ctx.templateData ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.templateData, (item) => {
+        !_ctx.templateData || !_ctx.templateData.length ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElEmpty), {
+          key: 0,
+          imageSize: 58,
+          class: "ele-pro-form-builder-form-empty"
+        })) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(_ctx.templateData, (item) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             key: item.name,
             class: "ele-pro-form-builder-template-item",
@@ -35,12 +41,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               ])
             ])
           ], 8, _hoisted_2);
-        }), 128)) : vue.createCommentVNode("", true),
-        !_ctx.templateData || !_ctx.templateData.length ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElEmpty), {
-          key: 1,
-          imageSize: 58,
-          class: "ele-pro-form-builder-form-empty"
-        })) : vue.createCommentVNode("", true)
+        }), 128))
       ]);
     };
   }

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

@@ -1,15 +1,16 @@
-import { TemplateItem, TemplateFormConfig } from '../types';
+import { EleProFormProps } from '../../ele-app/plus';
+import { TemplateItem } from '../types';
 
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     /** 模板数据 */
     templateData?: TemplateItem[];
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    importData: (data: TemplateFormConfig) => void;
+    importData: (data: EleProFormProps) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     /** 模板数据 */
     templateData?: TemplateItem[];
 }>>> & Readonly<{
-    onImportData?: ((data: TemplateFormConfig) => any) | undefined;
+    onImportData?: ((data: EleProFormProps) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/lib/ele-pro-form-builder/components/tool-button.cjs

@@ -2,6 +2,7 @@
 const vue = require("vue");
 const elementPlus = require("element-plus");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "ToolButton" },
   __name: "tool-button",
   props: {
     buttonProps: {},

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

@@ -0,0 +1,48 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const index = require("../../icons/index");
+const ComponentName = require("./component-name");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "TypeEdit" },
+  __name: "type-edit",
+  props: {
+    formItem: {},
+    componentData: {}
+  },
+  emits: ["openComponentPicker"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const handleClick = () => {
+      if (props.formItem) {
+        emit("openComponentPicker", props.formItem);
+      }
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
+        size: "small",
+        class: "ele-pro-form-builder-props-fluid-btn is-small-icon ele-pro-form-builder-type-select-btn",
+        onClick: handleClick
+      }, {
+        default: vue.withCtx(() => {
+          var _a;
+          return [
+            vue.createVNode(ComponentName, {
+              itemType: (_a = _ctx.formItem) == null ? void 0 : _a.type,
+              componentData: _ctx.componentData
+            }, null, 8, ["itemType", "componentData"]),
+            vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(index.ArrowDown))
+              ]),
+              _: 1
+            })
+          ];
+        }),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

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

@@ -0,0 +1,28 @@
+import { ProFormItemProps } from '../../ele-pro-form/types';
+import { ComponentGroup } from '../types';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 表单项数据 */
+    formItem?: ProFormItemProps;
+    /** 组件库数据 */
+    componentData?: ComponentGroup[];
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    openComponentPicker: (item: ProFormItemProps) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 表单项数据 */
+    formItem?: ProFormItemProps;
+    /** 组件库数据 */
+    componentData?: ComponentGroup[];
+}>>> & Readonly<{
+    onOpenComponentPicker?: ((item: ProFormItemProps) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+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;
+    };
+};