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

package/es/ele-crud/index.js

@@ -0,0 +1,578 @@
+import { defineComponent, ref, computed, reactive, onBeforeUnmount, watch, createVNode, mergeProps, h, isVNode } from "vue";
+import { useLocale } from "../ele-config-provider/receiver";
+import { getMappedSlots, mapTree, omit } from "../utils/common";
+import { useMobile } from "../utils/hook";
+import { useMessage } from "../utils/message";
+import { useMessageBox } from "../utils/message-box";
+import ElePage from "../ele-page/index";
+import EleCard from "../ele-card/index";
+import EleProTable from "../ele-pro-table/index";
+import EleProForm from "../ele-pro-form/index";
+import { getFormInitValue, cloneDeep, mergeValue, setValue } from "../ele-pro-form/util";
+import EleSplitPanel from "../ele-split-panel/index";
+import { getValue } from "../ele-data-table/util";
+import TableToolbar from "./components/table-toolbar";
+import TableAction from "./components/table-action";
+import TableExtra from "./components/table-extra";
+import PageSide from "./components/page-side";
+import { getDefaultSearchFormProps, getFieldsSearchFormItems, codeStringPrefix, getCodeResult, getTreeValueField } from "./util";
+import { crudEmits, crudProps } from "./props";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const index = /* @__PURE__ */ defineComponent({
+  name: "EleCrud",
+  props: crudProps,
+  emits: crudEmits,
+  setup(props, {
+    emit,
+    slots,
+    expose
+  }) {
+    const {
+      lang
+    } = useLocale("crud", props);
+    const message = useMessage({
+      plain: true
+    });
+    const messageBox = useMessageBox();
+    const defaultSearchFormProps = getDefaultSearchFormProps();
+    const tableRef = ref(null);
+    const selections = ref([]);
+    const addVisible = ref(false);
+    const addData = ref();
+    const editVisible = ref(false);
+    const editData = ref();
+    const deletePopOption = ref();
+    const searchFormProps = computed(() => {
+      const searchConfig = (props.searchConfig === true ? void 0 : props.searchConfig) || {};
+      return searchConfig.formProps || {};
+    });
+    const searchFormItems = computed(() => {
+      const items = searchFormProps.value.items;
+      return (items == null ? void 0 : items.length) ? items : getFieldsSearchFormItems(props.fields);
+    });
+    const searchFormData = reactive(getFormInitValue(searchFormItems.value, searchFormProps.value.itemTypeData || props.itemTypeData, true));
+    const searchWhere = ref(cloneDeep(searchFormData));
+    const treeSelectedValue = ref();
+    const treeData = ref([]);
+    const treeLoading = ref(false);
+    const treeErrorMessage = ref();
+    const splitPanelCollapse = ref(false);
+    const [isMobile] = useMobile((mobile) => {
+      splitPanelCollapse.value = mobile;
+    });
+    const codeCache = /* @__PURE__ */ new Map();
+    const getAndCacheCode = (code, codeResult) => {
+      const cacheResult = codeCache.get(code);
+      if (cacheResult) {
+        return cacheResult;
+      }
+      const result = codeResult ?? getCodeResult(code, props.httpRequest);
+      codeCache.set(code, result);
+      return result;
+    };
+    const tableDatasource = (params) => {
+      var _a, _b, _c, _d;
+      const datasource = ((_b = (_a = props.listConfig) == null ? void 0 : _a.tableProps) == null ? void 0 : _b.datasource) || props.listApi;
+      if (datasource && Array.isArray(datasource)) {
+        return Promise.resolve(datasource);
+      }
+      const func = typeof datasource === "function" ? datasource : typeof datasource === "string" && datasource.startsWith(codeStringPrefix) ? getAndCacheCode(datasource) : void 0;
+      const showSide = !!((_c = props.pageConfig) == null ? void 0 : _c.splitPanelProps);
+      if (!func || showSide && treeSelectedValue.value == null) {
+        return Promise.resolve([]);
+      }
+      const where = {};
+      if (showSide && treeSelectedValue.value != null) {
+        const filterField = (_d = props.pageConfig) == null ? void 0 : _d.tableFilterField;
+        if (filterField) {
+          setValue(where, filterField, treeSelectedValue.value);
+        }
+      }
+      mergeValue(where, searchWhere.value, params.where);
+      return func({
+        ...params,
+        where
+      });
+    };
+    const getTableSelections = () => {
+      return selections.value;
+    };
+    const handleUpdateSelections = (data) => {
+      selections.value = data;
+      emit("tableSelectionsChange", data);
+    };
+    const reloadTable = (page) => {
+      var _a, _b;
+      (_b = (_a = tableRef.value) == null ? void 0 : _a.reload) == null ? void 0 : _b.call(_a, {
+        page
+      });
+    };
+    const handleUpdateSearchForm = (field, value) => {
+      setValue(searchFormData, field, value);
+    };
+    const handleSubmitSearchForm = () => {
+      selections.value = [];
+      searchWhere.value = cloneDeep(searchFormData);
+      reloadTable(1);
+    };
+    const handleResetSearchForm = () => {
+      Object.keys(searchFormData).forEach((key) => {
+        searchFormData[key] = void 0;
+      });
+      mergeValue(searchFormData, getFormInitValue(searchFormItems.value, searchFormProps.value.itemTypeData || props.itemTypeData, true));
+      handleSubmitSearchForm();
+    };
+    const handleBtnClick = (action, e, item) => {
+      var _a, _b, _c, _d;
+      if (action === "delConfirm") {
+        handleDelete(item ? [item] : void 0);
+      } else if (action === "del") {
+        const delPopConfirmProps = (_a = props.listConfig) == null ? void 0 : _a.delPopConfirmProps;
+        if (delPopConfirmProps === false) {
+          handleDelete(item ? [item] : void 0);
+        } else if (delPopConfirmProps === true || !(delPopConfirmProps == null ? void 0 : delPopConfirmProps.isPopConfirm)) {
+          messageBox.confirm(lang.value.deleteConfirm, lang.value.deleteConfirmTitle, {
+            type: "warning",
+            draggable: true,
+            ...omit(delPopConfirmProps === true ? void 0 : delPopConfirmProps, ["isPopConfirm"])
+          }).then(() => {
+            handleDelete(item ? [item] : void 0);
+          }).catch(() => {
+          });
+        } else {
+          deletePopOption.value = {
+            item,
+            triggerEl: e.currentTarget,
+            confirmProps: delPopConfirmProps
+          };
+        }
+      } else if (action === "edit") {
+        editData.value = item;
+        editVisible.value = true;
+      } else if (action === "add") {
+        const filterField = (_b = props.pageConfig) == null ? void 0 : _b.tableFilterField;
+        if (((_c = props.pageConfig) == null ? void 0 : _c.splitPanelProps) && treeSelectedValue.value != null && filterField) {
+          const data = {};
+          setValue(data, filterField, treeSelectedValue.value);
+          addData.value = data;
+        } else {
+          addData.value = void 0;
+        }
+        addVisible.value = true;
+      } else if (action === "delSelections") {
+        const data = selections.value;
+        if (!data.length) {
+          message.error({
+            ...props.messageOptions || {},
+            message: lang.value.deleteBatchTip
+          });
+          return;
+        }
+        const delConfirmProps = (_d = props.listConfig) == null ? void 0 : _d.delConfirmProps;
+        if (delConfirmProps === false) {
+          handleDelete(data);
+        } else {
+          messageBox.confirm(lang.value.deleteBatchConfirm, lang.value.deleteBatchConfirmTitle, {
+            type: "warning",
+            draggable: true,
+            ...(delConfirmProps === true ? void 0 : delConfirmProps) || {}
+          }).then(() => {
+            handleDelete(data);
+          }).catch(() => {
+          });
+        }
+      }
+    };
+    const handleDelete = (data) => {
+      var _a, _b;
+      if (!data || !props.deleteApi) {
+        return;
+      }
+      const deleteApiFunc = typeof props.deleteApi === "function" ? props.deleteApi : props.deleteApi.startsWith(codeStringPrefix) ? getAndCacheCode(props.deleteApi) : void 0;
+      if (!deleteApiFunc) {
+        return;
+      }
+      const loading = message.loading({
+        ...props.messageOptions || {},
+        message: lang.value.deleteLoading
+      });
+      const rowKey = (_b = (_a = props.listConfig) == null ? void 0 : _a.tableProps) == null ? void 0 : _b.rowKey;
+      const dataKeys = rowKey ? data.map((row) => getValue(row, rowKey)) : [];
+      deleteApiFunc(dataKeys, data).then((msg) => {
+        loading.close();
+        message.success({
+          ...props.messageOptions || {},
+          message: msg ?? lang.value.deleteSuccess
+        });
+        reloadTable(1);
+      }).catch((e) => {
+        loading.close();
+        if (e != null && typeof e === "string") {
+          message.error({
+            ...props.messageOptions || {},
+            message: e
+          });
+        } else {
+          message.error({
+            ...props.messageOptions || {},
+            message: (e == null ? void 0 : e.message) ?? lang.value.deleteError
+          });
+        }
+      });
+    };
+    const handleAddError = (e) => {
+      if (e != null && typeof e === "string") {
+        message.error({
+          ...props.messageOptions || {},
+          message: e
+        });
+      } else {
+        message.error({
+          ...props.messageOptions || {},
+          message: (e == null ? void 0 : e.message) ?? lang.value.addError
+        });
+      }
+    };
+    const handleEditError = (e) => {
+      if (e != null && typeof e === "string") {
+        message.error({
+          ...props.messageOptions || {},
+          message: e
+        });
+      } else {
+        message.error({
+          ...props.messageOptions || {},
+          message: (e == null ? void 0 : e.message) ?? lang.value.editError
+        });
+      }
+    };
+    const handleAddDone = (msg) => {
+      message.success({
+        ...props.messageOptions || {},
+        message: msg ?? lang.value.editSuccess
+      });
+      reloadTable(1);
+    };
+    const handleEditDone = (msg) => {
+      message.success({
+        ...props.messageOptions || {},
+        message: msg ?? lang.value.addSuccess
+      });
+      reloadTable();
+    };
+    const handleUpdateAddVisible = (visible) => {
+      addVisible.value = visible;
+    };
+    const handleUpdateEditVisible = (visible) => {
+      editVisible.value = visible;
+    };
+    const handleTreeNodeClick = (nodeValue) => {
+      if (isMobile.value) {
+        splitPanelCollapse.value = true;
+      }
+      if (treeSelectedValue.value !== nodeValue) {
+        treeSelectedValue.value = nodeValue;
+        reloadTable();
+      }
+    };
+    const setTreeData = (data) => {
+      var _a;
+      treeLoading.value = false;
+      treeData.value = data || [];
+      if (treeData.value.length) {
+        const field = getTreeValueField((_a = props.pageConfig) == null ? void 0 : _a.sideConfig);
+        treeSelectedValue.value = treeData.value[0][field];
+        reloadTable();
+      } else {
+        treeSelectedValue.value = void 0;
+      }
+    };
+    const reloadTree = () => {
+      var _a;
+      if (!props.treeListApi || !((_a = props.pageConfig) == null ? void 0 : _a.splitPanelProps)) {
+        setTreeData([]);
+        return;
+      }
+      if (Array.isArray(props.treeListApi)) {
+        setTreeData(props.treeListApi);
+        return;
+      }
+      const treeListApiFunc = typeof props.treeListApi === "function" ? props.treeListApi : props.treeListApi.startsWith(codeStringPrefix) ? getAndCacheCode(props.treeListApi) : void 0;
+      if (!treeListApiFunc) {
+        return;
+      }
+      treeLoading.value = true;
+      treeListApiFunc().then((data) => {
+        setTreeData(data);
+      }).catch((e) => {
+        treeLoading.value = false;
+        if (e != null && typeof e === "string") {
+          treeErrorMessage.value = e;
+        } else {
+          treeErrorMessage.value = e == null ? void 0 : e.message;
+        }
+      });
+    };
+    const handleUpdateSplitPanelCollapse = (collapse) => {
+      splitPanelCollapse.value = collapse;
+    };
+    const clearCodeCache = () => {
+      codeCache.clear();
+    };
+    onBeforeUnmount(() => {
+      clearCodeCache();
+    });
+    const getDefaultTableColumns = (fields, selectionColumnProps, indexColumnProps, actionColumnProps) => {
+      const columns = [];
+      if (selectionColumnProps !== false) {
+        columns.push({
+          type: "selection",
+          columnKey: "selection",
+          width: 50,
+          align: "center",
+          fixed: "left",
+          ...(selectionColumnProps === true ? void 0 : selectionColumnProps) || {}
+        });
+      }
+      if (indexColumnProps !== false) {
+        columns.push({
+          type: "index",
+          columnKey: "index",
+          width: 50,
+          align: "center",
+          fixed: "left",
+          ...(indexColumnProps === true ? void 0 : indexColumnProps) || {}
+        });
+      }
+      mapTree(fields || [], (field) => {
+        if (field.hideInList === "flat") {
+          return "flatChildren";
+        } else if (!field.hideInList) {
+          return {
+            columnKey: field.key,
+            prop: field.prop,
+            label: field.label,
+            ...field.columnProps || {}
+          };
+        }
+      }).forEach((column) => {
+        columns.push(column);
+      });
+      if (actionColumnProps !== false) {
+        columns.push({
+          columnKey: "action",
+          label: lang.value.action,
+          width: 120,
+          align: "center",
+          fixed: "right",
+          slot: "action",
+          hideInPrint: true,
+          hideInExport: true,
+          ...(actionColumnProps === true ? void 0 : actionColumnProps) || {}
+        });
+      }
+      return columns;
+    };
+    const renderSearch = () => {
+      if (props.searchConfig === false) {
+        return;
+      }
+      const searchConfig = (props.searchConfig === true ? void 0 : props.searchConfig) || {};
+      const cardProps = searchConfig.cardProps;
+      const renderForm = () => {
+        return h(props.proFormComponent || EleProForm, {
+          ...defaultSearchFormProps,
+          submitText: lang.value.search,
+          itemTypeData: props.itemTypeData,
+          httpRequest: props.httpRequest,
+          screenSize: props.screenSize,
+          ...searchFormProps.value,
+          model: searchFormData,
+          items: searchFormItems.value,
+          onUpdateValue: handleUpdateSearchForm,
+          onSubmit: handleSubmitSearchForm,
+          onReset: handleResetSearchForm
+        }, getMappedSlots(slots, searchConfig.formSlots, [], [], true));
+      };
+      if (!cardProps) {
+        return renderForm();
+      }
+      return createVNode(EleCard, (cardProps === true ? void 0 : cardProps) || {}, {
+        ...getMappedSlots(slots, searchConfig.cardSlots),
+        default: renderForm
+      });
+    };
+    const renderTable = () => {
+      var _a;
+      const listConfig = props.listConfig || {};
+      const cardProps = listConfig.cardProps;
+      const tableProps = listConfig.tableProps || {};
+      const columns = ((_a = tableProps.columns) == null ? void 0 : _a.length) ? tableProps.columns : getDefaultTableColumns(props.fields, listConfig.selectionColumnProps, listConfig.indexColumnProps, listConfig.actionColumnProps);
+      const addBtnProps = listConfig.addBtnProps;
+      const delBtnProps = listConfig.delBtnProps;
+      const editLinkProps = listConfig.editLinkProps;
+      const delLinkProps = listConfig.delLinkProps;
+      const renderTable2 = () => {
+        const tSlots = getMappedSlots(slots, listConfig.tableSlots, [], ["default"], true);
+        const toolbarSlot = tSlots.toolbar;
+        tSlots.toolbar = () => createVNode(TableToolbar, {
+          "addBtnProps": addBtnProps,
+          "delBtnProps": delBtnProps,
+          "lang": lang.value,
+          "onBtnClick": handleBtnClick
+        }, {
+          default: toolbarSlot
+        });
+        const actionSlot = tSlots.action;
+        tSlots.action = ({
+          row
+        }) => createVNode(TableAction, {
+          "editLinkProps": editLinkProps,
+          "delLinkProps": delLinkProps,
+          "item": row,
+          "lang": lang.value,
+          "onBtnClick": handleBtnClick
+        }, {
+          default: actionSlot
+        });
+        const bottomExtraSlot = tSlots.bottomExtra;
+        tSlots.bottomExtra = () => createVNode(TableExtra, {
+          "addVisible": addVisible.value,
+          "addData": addData.value,
+          "editVisible": editVisible.value,
+          "editData": editData.value,
+          "deletePopOption": deletePopOption.value,
+          "addConfig": props.addConfig,
+          "editConfig": props.editConfig,
+          "fields": props.fields,
+          "getAndCacheCode": getAndCacheCode,
+          "proFormComponent": props.proFormComponent,
+          "addApi": props.addApi,
+          "editApi": props.editApi,
+          "itemTypeData": props.itemTypeData,
+          "httpRequest": props.httpRequest,
+          "screenSize": props.screenSize,
+          "lang": lang.value,
+          "onBtnClick": handleBtnClick,
+          "onAddError": handleAddError,
+          "onAddDone": handleAddDone,
+          "onEditError": handleEditError,
+          "onEditDone": handleEditDone,
+          "onUpdate:addVisible": handleUpdateAddVisible,
+          "onUpdate:editVisible": handleUpdateEditVisible
+        }, {
+          ...omit(slots, ["default"]),
+          default: bottomExtraSlot
+        });
+        const arrayDatasource = (tableProps == null ? void 0 : tableProps.datasource) == null ? props.listApi && Array.isArray(props.listApi) ? props.listApi : void 0 : Array.isArray(tableProps.datasource) ? tableProps.datasource : void 0;
+        return createVNode(EleProTable, mergeProps(tableProps, {
+          "ref": tableRef,
+          "columns": columns,
+          "datasource": arrayDatasource || tableDatasource,
+          "selections": selections.value,
+          "onUpdate:selections": handleUpdateSelections
+        }), _isSlot(tSlots) ? tSlots : {
+          default: () => [tSlots]
+        });
+      };
+      if (!cardProps) {
+        return renderTable2();
+      }
+      return createVNode(EleCard, (cardProps === true ? void 0 : cardProps) || {}, {
+        ...getMappedSlots(slots, listConfig.cardSlots),
+        default: renderTable2
+      });
+    };
+    const renderBodyContent = () => {
+      const nodes = [];
+      const sNodes = renderSearch();
+      if (sNodes) {
+        (Array.isArray(sNodes) ? sNodes : [sNodes]).forEach((node) => {
+          nodes.push(node);
+        });
+      }
+      const tbNodes = renderTable();
+      if (tbNodes) {
+        (Array.isArray(tbNodes) ? tbNodes : [tbNodes]).forEach((node) => {
+          nodes.push(node);
+        });
+      }
+      return nodes;
+    };
+    const renderContent = () => {
+      const nodes = [];
+      const bodyNodes = renderBodyContent();
+      const pageConfig = props.pageConfig || {};
+      const splitPanelProps = pageConfig.splitPanelProps;
+      if (!splitPanelProps) {
+        bodyNodes.forEach((node) => {
+          nodes.push(node);
+        });
+      } else {
+        nodes.push(createVNode(EleSplitPanel, mergeProps({
+          "size": "256px",
+          "space": "0px",
+          "allowCollapse": true,
+          "collapse": splitPanelCollapse.value,
+          "class": "ele-crud-split-panel",
+          "onUpdate:collapse": handleUpdateSplitPanelCollapse
+        }, (splitPanelProps === true ? void 0 : splitPanelProps) || {}), {
+          ...getMappedSlots(slots, pageConfig.splitPanelSlots),
+          default: () => createVNode(PageSide, {
+            "sideConfig": pageConfig.sideConfig,
+            "data": treeData.value,
+            "loading": treeLoading.value,
+            "selectedValue": treeSelectedValue.value,
+            "errorMessage": treeErrorMessage.value,
+            "onTreeNodeClick": handleTreeNodeClick
+          }, {
+            ...slots
+          }),
+          body: () => bodyNodes
+        }));
+      }
+      const cardProps = pageConfig.cardProps;
+      if (!cardProps) {
+        return nodes;
+      }
+      return createVNode(EleCard, (cardProps === true ? void 0 : cardProps) || {}, {
+        ...getMappedSlots(slots, pageConfig.cardSlots),
+        default: () => nodes
+      });
+    };
+    watch(() => props.listApi, () => {
+      var _a, _b;
+      (_b = (_a = tableRef.value) == null ? void 0 : _a.setData) == null ? void 0 : _b.call(_a, []);
+      handleSubmitSearchForm();
+    }, {
+      deep: true
+    });
+    watch(() => props.treeListApi, () => {
+      reloadTree();
+    }, {
+      deep: true,
+      immediate: true
+    });
+    const exposeValue = {
+      tableRef,
+      getTableSelections,
+      reloadTree
+    };
+    expose(exposeValue);
+    return () => {
+      var _a;
+      const pageProps = (_a = props.pageConfig) == null ? void 0 : _a.pageProps;
+      if (!pageProps) {
+        return renderContent();
+      }
+      return createVNode(ElePage, (pageProps === true ? void 0 : pageProps) || {}, {
+        default: () => renderContent()
+      });
+    };
+  }
+});
+export {
+  index as default
+};

package/es/ele-crud/props.d.ts

@@ -0,0 +1,64 @@
+import { PropType, ExtractPropTypes } from 'vue';
+import { UserComponent } from '../ele-app/types';
+import { EleMessageOptions } from '../ele-app/plus';
+import { DataItem } from '../ele-data-table/types';
+import { Datasource } from '../ele-pro-table/types';
+import { ProFormItemTypeData, ScreenSize } from '../ele-pro-form/types';
+import { CrudField, ListConfig, SearchConfig, EditConfig, PageConfig, DeleteApi, EditApi, TreeListApi, CrudLocale } from './types';
+
+/**
+ * 属性
+ */
+export declare const crudProps: {
+    /** 字段数据 */
+    fields: PropType<CrudField[]>;
+    /** 列表配置 */
+    listConfig: PropType<ListConfig>;
+    /** 搜索栏配置 */
+    searchConfig: {
+        type: PropType<SearchConfig | boolean>;
+        default: () => null;
+    };
+    /** 添加配置 */
+    addConfig: {
+        type: PropType<EditConfig | boolean>;
+        default: () => null;
+    };
+    /** 修改配置 */
+    editConfig: {
+        type: PropType<EditConfig | boolean>;
+        default: () => null;
+    };
+    /** 页面配置 */
+    pageConfig: PropType<PageConfig>;
+    /** 高级表单组件 */
+    proFormComponent: PropType<UserComponent>;
+    /** 表格数据接口 */
+    listApi: PropType<Datasource | string>;
+    /** 删除数据接口 */
+    deleteApi: PropType<DeleteApi | string>;
+    /** 添加数据接口 */
+    addApi: PropType<EditApi | string>;
+    /** 修改数据接口 */
+    editApi: PropType<EditApi | string>;
+    /** 侧栏树组件数据接口 */
+    treeListApi: PropType<Array<Record<string, any>> | TreeListApi | string>;
+    /** 消息提示组件属性 */
+    messageOptions: PropType<EleMessageOptions>;
+    /** 高级表单组件类型数据 */
+    itemTypeData: PropType<ProFormItemTypeData[]>;
+    /** 远程数据源请求工具 */
+    httpRequest: (ObjectConstructor | FunctionConstructor)[];
+    /** 屏幕尺寸 */
+    screenSize: PropType<ScreenSize>;
+    /** 国际化 */
+    locale: PropType<Partial<CrudLocale>>;
+};
+export type CrudProps = ExtractPropTypes<typeof crudProps>;
+/**
+ * 事件
+ */
+export declare const crudEmits: {
+    /** 表格多选数据改变事件 */
+    tableSelectionsChange: (_selections: DataItem[]) => boolean;
+};

package/es/ele-crud/props.js

@@ -0,0 +1,59 @@
+const crudProps = {
+  /** 字段数据 */
+  fields: Array,
+  /** 列表配置 */
+  listConfig: Object,
+  /** 搜索栏配置 */
+  searchConfig: {
+    type: [Object, Boolean],
+    default: () => {
+      return null;
+    }
+  },
+  /** 添加配置 */
+  addConfig: {
+    type: [Object, Boolean],
+    default: () => {
+      return null;
+    }
+  },
+  /** 修改配置 */
+  editConfig: {
+    type: [Object, Boolean],
+    default: () => {
+      return null;
+    }
+  },
+  /** 页面配置 */
+  pageConfig: Object,
+  /** 高级表单组件 */
+  proFormComponent: [String, Object, Function],
+  /** 表格数据接口 */
+  listApi: [Array, Function, String],
+  /** 删除数据接口 */
+  deleteApi: [Function, String],
+  /** 添加数据接口 */
+  addApi: [Function, String],
+  /** 修改数据接口 */
+  editApi: [Function, String],
+  /** 侧栏树组件数据接口 */
+  treeListApi: [Array, Function, String],
+  /** 消息提示组件属性 */
+  messageOptions: Object,
+  /** 高级表单组件类型数据 */
+  itemTypeData: Array,
+  /** 远程数据源请求工具 */
+  httpRequest: [Object, Function],
+  /** 屏幕尺寸 */
+  screenSize: String,
+  /** 国际化 */
+  locale: Object
+};
+const crudEmits = {
+  /** 表格多选数据改变事件 */
+  tableSelectionsChange: (_selections) => true
+};
+export {
+  crudEmits,
+  crudProps
+};

package/es/ele-crud/style/index.d.ts

@@ -0,0 +1 @@
+