@fmdevui/fm-dev 1.0.62 → 1.0.64

package/index.mjs

@@ -1,5 +1,5 @@
-/*! fm-dev v1.0.62 */
-import { defineComponent, reactive, computed, watch, resolveComponent, createBlock, openBlock, withCtx, createVNode, createElementVNode, createTextVNode, toDisplayString as toDisplayString$1, withDirectives, createElementBlock, Fragment, renderList, vShow, ref, onMounted, nextTick, normalizeStyle, createCommentVNode, normalizeClass, withModifiers, mergeModels, useModel, effectScope, getCurrentInstance, shallowRef, isRef as isRef$1, inject, onUnmounted, h, Text, resolveDynamicComponent, markRaw, toRaw as toRaw$1, hasInjectionContext, unref, isReactive as isReactive$1, toRef, getCurrentScope, onScopeDispose, toRefs, resolveDirective } from 'vue';
+/*! fm-dev v1.0.64 */
+import { defineComponent, reactive, computed, watch, resolveComponent, createBlock, openBlock, withCtx, createVNode, createElementVNode, createTextVNode, toDisplayString as toDisplayString$1, withDirectives, createElementBlock, Fragment, renderList, vShow, ref, onMounted, nextTick, normalizeStyle, createCommentVNode, normalizeClass, withModifiers, mergeModels, useModel, effectScope, getCurrentInstance, shallowRef, isRef as isRef$1, inject, onUnmounted, h, Text, resolveDirective, unref, resolveDynamicComponent, markRaw, toRaw as toRaw$1, hasInjectionContext, isReactive as isReactive$1, toRef, getCurrentScope, onScopeDispose, toRefs } from 'vue';
 import crypto from 'crypto';
 import require$$0 from 'url';
 import require$$1 from 'http';
@@ -10,17 +10,17 @@ import require$$4 from 'assert';
 import zlib from 'zlib';
 import { ElMessage, ElLoading, dayjs } from 'element-plus';
 
-const _hoisted_1$4 = { class: "fm-transfer-panel" };
-const _hoisted_2$2 = { class: "fm-transfer-panel__header" };
-const _hoisted_3$1 = { class: "fm-transfer-panel__body" };
-const _hoisted_4$1 = { class: "fm-transfer-buttons__item" };
-const _hoisted_5 = { class: "fm-transfer-buttons__item" };
+const _hoisted_1$5 = { class: "fm-transfer-panel" };
+const _hoisted_2$3 = { class: "fm-transfer-panel__header" };
+const _hoisted_3$2 = { class: "fm-transfer-panel__body" };
+const _hoisted_4$2 = { class: "fm-transfer-buttons__item" };
+const _hoisted_5$1 = { class: "fm-transfer-buttons__item" };
 const _hoisted_6 = { class: "fm-transfer-buttons__item" };
 const _hoisted_7 = { class: "fm-transfer-buttons__item" };
 const _hoisted_8 = { class: "fm-transfer-panel" };
 const _hoisted_9 = { class: "fm-transfer-panel__header" };
 const _hoisted_10 = { class: "fm-transfer-panel__body" };
-var _sfc_main$7 = /* @__PURE__ */ defineComponent({
+var _sfc_main$8 = /* @__PURE__ */ defineComponent({
   ...{
     name: "FmTransfer"
   },
@@ -180,8 +180,8 @@ var _sfc_main$7 = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createVNode(_component_el_col, { span: 10 }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_1$4, [
-                createElementVNode("p", _hoisted_2$2, [
+              createElementVNode("div", _hoisted_1$5, [
+                createElementVNode("p", _hoisted_2$3, [
                   createVNode(_component_el_checkbox, {
                     modelValue: state.leftAllChecked,
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.leftAllChecked = $event),
@@ -207,7 +207,7 @@ var _sfc_main$7 = /* @__PURE__ */ defineComponent({
                     /* TEXT */
                   )
                 ]),
-                createElementVNode("div", _hoisted_3$1, [
+                createElementVNode("div", _hoisted_3$2, [
                   createVNode(_component_el_input, {
                     class: "transfer-panel__filter",
                     modelValue: state.leftKeyword,
@@ -258,7 +258,7 @@ var _sfc_main$7 = /* @__PURE__ */ defineComponent({
             class: "fm-transfer-buttons"
           }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_4$1, [
+              createElementVNode("div", _hoisted_4$2, [
                 createVNode(_component_el_button, {
                   type: "primary",
                   style: {},
@@ -266,7 +266,7 @@ var _sfc_main$7 = /* @__PURE__ */ defineComponent({
                   onClick: toRight
                 })
               ]),
-              createElementVNode("div", _hoisted_5, [
+              createElementVNode("div", _hoisted_5$1, [
                 createVNode(_component_el_button, {
                   type: "primary",
                   style: {},
@@ -377,9 +377,9 @@ var _sfc_main$7 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$3 = { class: "notice-bar-warp-text-box" };
-const _hoisted_2$1 = ["innerHTML"];
-var _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$4 = { class: "notice-bar-warp-text-box" };
+const _hoisted_2$2 = ["innerHTML"];
+var _sfc_main$7 = /* @__PURE__ */ defineComponent({
   ...{
     name: "FmNoticeBar"
   },
@@ -470,7 +470,7 @@ var _sfc_main$6 = /* @__PURE__ */ defineComponent({
                 2
                 /* CLASS */
               )) : createCommentVNode("v-if", true),
-              createElementVNode("div", _hoisted_1$3, [
+              createElementVNode("div", _hoisted_1$4, [
                 createElementVNode(
                   "div",
                   {
@@ -482,7 +482,7 @@ var _sfc_main$6 = /* @__PURE__ */ defineComponent({
                     createElementVNode("div", {
                       innerHTML: props.text,
                       "data-slate-editor": ""
-                    }, null, 8, _hoisted_2$1)
+                    }, null, 8, _hoisted_2$2)
                   ],
                   512
                   /* NEED_PATCH */
@@ -502,7 +502,7 @@ var _sfc_main$6 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var _sfc_main$5 = {
+var _sfc_main$6 = {
   name: "dragVerify",
   props: {
     isPassing: {
@@ -775,18 +775,18 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-const _hoisted_1$2 = { class: "drag-verify-container" };
-const _hoisted_2 = ["src"];
-const _hoisted_3 = {
+const _hoisted_1$3 = { class: "drag-verify-container" };
+const _hoisted_2$1 = ["src"];
+const _hoisted_3$1 = {
   key: 0,
   class: "tips success"
 };
-const _hoisted_4 = {
+const _hoisted_4$1 = {
   key: 1,
   class: "tips danger"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$2, [
+  return openBlock(), createElementBlock("div", _hoisted_1$3, [
     createElementVNode(
       "div",
       {
@@ -800,17 +800,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           onLoad: _cache[0] || (_cache[0] = (...args) => $options.checkimgLoaded && $options.checkimgLoaded(...args)),
           style: normalizeStyle($data.imgStyle),
           alt: ""
-        }, null, 46, _hoisted_2),
+        }, null, 46, _hoisted_2$1),
         $props.showTips && $props.isPassing ? (openBlock(), createElementBlock(
           "div",
-          _hoisted_3,
+          _hoisted_3$1,
           toDisplayString$1($props.successTip),
           1
           /* TEXT */
         )) : createCommentVNode("v-if", true),
         $props.showTips && !$props.isPassing && $data.showErrorTip ? (openBlock(), createElementBlock(
           "div",
-          _hoisted_4,
+          _hoisted_4$1,
           toDisplayString$1($props.failTip),
           1
           /* TEXT */
@@ -884,9 +884,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     )
   ]);
 }
-var dragimg = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render], ["__scopeId", "data-v-9e8c9ed2"]]);
+var dragimg = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render], ["__scopeId", "data-v-9e8c9ed2"]]);
 
-var _sfc_main$4 = /* @__PURE__ */ defineComponent({
+var _sfc_main$5 = /* @__PURE__ */ defineComponent({
   ...{
     name: "Fmselect"
   },
@@ -23745,8 +23745,8 @@ const useApi = (url, options = {}) => {
   };
 };
 
-const _hoisted_1$1 = { style: { "font-size": "14px", "line-height": "30px" } };
-var _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$2 = { style: { "font-size": "14px", "line-height": "30px" } };
+var _sfc_main$4 = /* @__PURE__ */ defineComponent({
   ...{
     name: "FmAutocomplete"
   },
@@ -23852,7 +23852,7 @@ var _sfc_main$3 = /* @__PURE__ */ defineComponent({
         default: withCtx(({ item }) => [
           createElementVNode(
             "div",
-            _hoisted_1$1,
+            _hoisted_1$2,
             toDisplayString$1(item[__props.fName]),
             1
             /* TEXT */
@@ -23865,7 +23865,7 @@ var _sfc_main$3 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var _sfc_main$2 = /* @__PURE__ */ defineComponent({
+var _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...{
     name: "Fminputdropdown"
   },
@@ -30043,6 +30043,244 @@ var svg = /*#__PURE__*/Object.freeze({
   ZoomOut: zoom_out_default
 });
 
+const _hoisted_1$1 = { class: "card-header" };
+const _hoisted_2 = { class: "tree-h-flex" };
+const _hoisted_3 = { class: "tree-h-left" };
+const _hoisted_4 = { class: "tree-h-right-group" };
+const _hoisted_5 = { style: { "margin-bottom": "45px" } };
+var _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "FmTree"
+  },
+  __name: "index",
+  props: {
+    checkStrictly: { type: Boolean, default: true },
+    /**
+    * api service name
+    */
+    apiService: {
+      type: String,
+      default: "planOrder"
+    },
+    /**
+    * api service 下的方法
+    */
+    apiAction: {
+      type: String,
+      default: "autoQuerySearch"
+    },
+    paras: {
+      type: Object,
+      default: null
+    },
+    nodeKey: {
+      type: String,
+      default: "id"
+    },
+    defaultProps: {
+      type: Object,
+      default: { children: "children", label: "name" }
+    }
+  },
+  emits: ["node-click"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const filterText = ref("");
+    const treeRef = ref();
+    const state = reactive({
+      loading: false,
+      folderData: [],
+      isShowCheckbox: false,
+      strictly: false
+    });
+    onMounted(async () => {
+      await fetchTreeData();
+    });
+    watch(filterText, (val) => {
+      treeRef.value.filter(val);
+    });
+    const fetchTreeData = async (showLoading = true) => {
+      if (showLoading) state.loading = true;
+      var res = await useBaseApi(props.apiService).get(props.paras, props.apiAction);
+      state.folderData = res.data.result ?? [];
+      if (showLoading) state.loading = false;
+      return res.data.result ?? [];
+    };
+    const getCheckedKeys = () => {
+      return treeRef.value.getCheckedKeys();
+    };
+    const filterNode = (value, data) => {
+      if (!value) return true;
+      return data.name.includes(value);
+    };
+    const handleCommand = async (command) => {
+      if ("expandAll" == command) {
+        for (let i = 0; i < treeRef.value.store._getAllNodes().length; i++) {
+          treeRef.value.store._getAllNodes()[i].expanded = true;
+        }
+      } else if ("collapseAll" == command) {
+        for (let i = 0; i < treeRef.value.store._getAllNodes().length; i++) {
+          treeRef.value.store._getAllNodes()[i].expanded = false;
+        }
+      } else if ("refresh" == command) {
+        fetchTreeData();
+      } else if ("rootNode" == command) {
+        treeRef.value?.setCurrentKey();
+        emit("node-click", { id: 0, name: "" });
+      }
+    };
+    const emit = __emit;
+    const nodeClick = (node) => {
+      emit("node-click", { id: node.id, name: node.name });
+    };
+    const setCurrentKey = (key, shouldAutoExpandParent) => {
+      treeRef.value?.setCurrentKey(key, shouldAutoExpandParent);
+    };
+    __expose({ fetchTreeData, getCheckedKeys, setCurrentKey });
+    return (_ctx, _cache) => {
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
+      const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
+      const _component_el_dropdown = resolveComponent("el-dropdown");
+      const _component_el_checkbox = resolveComponent("el-checkbox");
+      const _component_el_tree = resolveComponent("el-tree");
+      const _component_el_scrollbar = resolveComponent("el-scrollbar");
+      const _component_el_card = resolveComponent("el-card");
+      const _directive_loading = resolveDirective("loading");
+      return openBlock(), createBlock(_component_el_card, {
+        class: "box-card",
+        shadow: "hover",
+        "body-style": "height:100%;overflow:auto;padding:5px;width:100%;"
+      }, {
+        header: withCtx(() => [
+          createElementVNode("div", _hoisted_1$1, [
+            createElementVNode("div", _hoisted_2, [
+              createElementVNode("div", _hoisted_3, [
+                createVNode(_component_el_input, {
+                  "prefix-icon": unref(search_default),
+                  modelValue: filterText.value,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filterText.value = $event),
+                  modelModifiers: { lazy: true },
+                  clearable: "",
+                  placeholder: "\u7C7B\u578B\u540D\u79F0"
+                }, null, 8, ["prefix-icon", "modelValue"])
+              ]),
+              createElementVNode("div", _hoisted_4, [
+                createVNode(_component_el_dropdown, { onCommand: handleCommand }, {
+                  dropdown: withCtx(() => [
+                    createVNode(_component_el_dropdown_menu, null, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_dropdown_item, { command: "expandAll" }, {
+                          default: withCtx(() => _cache[2] || (_cache[2] = [
+                            createTextVNode("\u5168\u90E8\u5C55\u5F00")
+                          ])),
+                          _: 1,
+                          __: [2]
+                        }),
+                        createVNode(_component_el_dropdown_item, { command: "collapseAll" }, {
+                          default: withCtx(() => _cache[3] || (_cache[3] = [
+                            createTextVNode("\u5168\u90E8\u6298\u53E0")
+                          ])),
+                          _: 1,
+                          __: [3]
+                        }),
+                        createVNode(_component_el_dropdown_item, { command: "rootNode" }, {
+                          default: withCtx(() => _cache[4] || (_cache[4] = [
+                            createTextVNode("\u6839\u8282\u70B9")
+                          ])),
+                          _: 1,
+                          __: [4]
+                        }),
+                        createVNode(_component_el_dropdown_item, { command: "refresh" }, {
+                          default: withCtx(() => _cache[5] || (_cache[5] = [
+                            createTextVNode("\u5237\u65B0")
+                          ])),
+                          _: 1,
+                          __: [5]
+                        })
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ]),
+                  default: withCtx(() => [
+                    createVNode(_component_el_button, { style: { "margin-left": "8px", "width": "34px" } }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_icon, { class: "el-icon--center" }, {
+                          default: withCtx(() => [
+                            createVNode(unref(more_filled_default))
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ]),
+              !props.checkStrictly && state.isShowCheckbox ? (openBlock(), createBlock(_component_el_checkbox, {
+                key: 0,
+                modelValue: state.strictly,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.strictly = $event),
+                label: "\u8054\u52A8",
+                style: { "margin-left": "8px" },
+                border: ""
+              }, null, 8, ["modelValue"])) : createCommentVNode("v-if", true)
+            ])
+          ])
+        ]),
+        default: withCtx(() => [
+          withDirectives((openBlock(), createElementBlock("div", _hoisted_5, [
+            createVNode(_component_el_scrollbar, null, {
+              default: withCtx(() => [
+                createVNode(_component_el_tree, {
+                  ref_key: "treeRef",
+                  ref: treeRef,
+                  class: "filter-tree",
+                  data: state.folderData,
+                  "node-key": __props.nodeKey,
+                  props: __props.defaultProps,
+                  "filter-node-method": filterNode,
+                  onNodeClick: nodeClick,
+                  "show-checkbox": state.isShowCheckbox,
+                  "default-expand-all": "",
+                  "highlight-current": "",
+                  "check-strictly": !state.strictly
+                }, {
+                  default: withCtx(({ node }) => [
+                    createCommentVNode(' <el-icon v-if="node.level < 4" size="16" style="margin-right: 3px; display: inline; vertical-align: middle"><ele-FolderOpened /></el-icon>\r\n						<el-icon v-else size="16" style="margin-right: 3px; display: inline; vertical-align: middle"><ele-Folder /></el-icon> '),
+                    createTextVNode(
+                      " " + toDisplayString$1(node.label),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["data", "node-key", "props", "show-checkbox", "check-strictly"])
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ])), [
+            [_directive_loading, state.loading]
+          ])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+
+var fmtree = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-a783e82e"]]);
+
 const _hoisted_1 = ["src"];
 var _sfc_main$1 = /* @__PURE__ */ defineComponent({
   ...{
@@ -30142,12 +30380,13 @@ function elSvg(app) {
   }
 }
 
-const FmTransfer = _sfc_main$7;
-const FmNoticeBar = _sfc_main$6;
+const FmTransfer = _sfc_main$8;
+const FmNoticeBar = _sfc_main$7;
 const FmDragImg = dragimg;
-const Fmselect = _sfc_main$4;
-const FmAutocomplete = _sfc_main$3;
-const Fminputdropdown = _sfc_main$2;
+const Fmselect = _sfc_main$5;
+const FmAutocomplete = _sfc_main$4;
+const Fminputdropdown = _sfc_main$3;
+const FmTree = fmtree;
 
 const makeInstaller = (components = []) => {
   const install = (app) => {
@@ -30198,7 +30437,8 @@ const plugins = [
   FmNoticeBar,
   Fmselect,
   FmAutocomplete,
-  Fminputdropdown
+  Fminputdropdown,
+  FmTree
 ];
 
 var installer = makeInstaller([...plugins]);
@@ -52951,4 +53191,4 @@ const version = "1.0.0";
 
 const install = installer.install;
 
-export { AccountTypeEnum, FmAutocomplete, FmDragImg, FmLogin, FmNoticeBar, FmTransfer, Fminputdropdown, Fmselect, HttpMethodEnum, JobCreateTypeEnum, Local, NextLoading, PUB, Session, Watermark, accessTokenKey, auth, authAll, auths, axiosInstance, base64ToFile, blobToFile, cancelAllRequest, cancelRequest, clearAccessTokens, clearTokens, clone, commonFunction, commonFunctionObj, dataURLtoBlob, decryptJWT, installer as default, directive, downloadByBase64, downloadByData, downloadByOnlineUrl, downloadByUrl, downloadStreamFile, elSvg, emitter, feature, fileToBase64, formatAxis, formatDate, formatPast, getCountryCode, getFileName, getFileUrl, getJWTDate, getToken, getWeek, hAuth, hAuthAll, hAuths, i18n, install, isObjectValueEqual, iso_3166_1_CountryList, judgementIdCard, judgementSameArr, languageList, mergMessage, openWindow, pinia, refreshAccessTokenKey, removeDuplicate, request2, service, setIntroduction, setupI18n, showFileUrl, signatureByKSort, tansParams, urlToBase64, useApi, useBaseApi, useChangeColor, useDateTimeShortCust, useKeepALiveNames, useLoginApi, useRequestOldRoutes, useRoutesList, useSysApi, useTagsViewRoutes, useThemeConfig, useUserInfo, useVxeTable, verifiyNumberInteger, verifyAccount, verifyAndSpace, verifyCarNum, verifyCnAndSpace, verifyEmail, verifyEnAndSpace, verifyFullName, verifyIPAddress, verifyIdCard, verifyNumberCnUppercase, verifyNumberComma, verifyNumberIntegerAndFloat, verifyNumberPercentage, verifyNumberPercentageFloat, verifyPassword, verifyPasswordPowerful, verifyPasswordStrength, verifyPhone, verifyPostalCode, verifyTelPhone, verifyTextColor, verifyUrl, version };
+export { AccountTypeEnum, FmAutocomplete, FmDragImg, FmLogin, FmNoticeBar, FmTransfer, FmTree, Fminputdropdown, Fmselect, HttpMethodEnum, JobCreateTypeEnum, Local, NextLoading, PUB, Session, Watermark, accessTokenKey, auth, authAll, auths, axiosInstance, base64ToFile, blobToFile, cancelAllRequest, cancelRequest, clearAccessTokens, clearTokens, clone, commonFunction, commonFunctionObj, dataURLtoBlob, decryptJWT, installer as default, directive, downloadByBase64, downloadByData, downloadByOnlineUrl, downloadByUrl, downloadStreamFile, elSvg, emitter, feature, fileToBase64, formatAxis, formatDate, formatPast, getCountryCode, getFileName, getFileUrl, getJWTDate, getToken, getWeek, hAuth, hAuthAll, hAuths, i18n, install, isObjectValueEqual, iso_3166_1_CountryList, judgementIdCard, judgementSameArr, languageList, mergMessage, openWindow, pinia, refreshAccessTokenKey, removeDuplicate, request2, service, setIntroduction, setupI18n, showFileUrl, signatureByKSort, tansParams, urlToBase64, useApi, useBaseApi, useChangeColor, useDateTimeShortCust, useKeepALiveNames, useLoginApi, useRequestOldRoutes, useRoutesList, useSysApi, useTagsViewRoutes, useThemeConfig, useUserInfo, useVxeTable, verifiyNumberInteger, verifyAccount, verifyAndSpace, verifyCarNum, verifyCnAndSpace, verifyEmail, verifyEnAndSpace, verifyFullName, verifyIPAddress, verifyIdCard, verifyNumberCnUppercase, verifyNumberComma, verifyNumberIntegerAndFloat, verifyNumberPercentage, verifyNumberPercentageFloat, verifyPassword, verifyPasswordPowerful, verifyPasswordStrength, verifyPhone, verifyPostalCode, verifyTelPhone, verifyTextColor, verifyUrl, version };

package/lib/component.js

@@ -11,7 +11,8 @@ const plugins = [
   index$1.FmNoticeBar,
   index$1.Fmselect,
   index$1.FmAutocomplete,
-  index$1.Fminputdropdown
+  index$1.Fminputdropdown,
+  index$1.FmTree
 ];
 
 exports.default = plugins;

package/lib/core/ui/components/fmtree/index.vue.d.ts

@@ -0,0 +1,90 @@
+import { TreeKey } from 'element-plus/es/components/tree/src/tree.type';
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { TreeKey } from 'element-plus';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    checkStrictly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+  * api service name
+  */
+    apiService: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * api service 下的方法
+    */
+    apiAction: {
+        type: StringConstructor;
+        default: string;
+    };
+    paras: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    nodeKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    defaultProps: {
+        type: ObjectConstructor;
+        default: {
+            children: string;
+            label: string;
+        };
+    };
+}>, {
+    fetchTreeData: (showLoading?: boolean) => Promise<any>;
+    getCheckedKeys: () => TreeKey[];
+    setCurrentKey: (key?: TreeKey | undefined, shouldAutoExpandParent?: boolean | undefined) => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "node-click": (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    checkStrictly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+  * api service name
+  */
+    apiService: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * api service 下的方法
+    */
+    apiAction: {
+        type: StringConstructor;
+        default: string;
+    };
+    paras: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    nodeKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    defaultProps: {
+        type: ObjectConstructor;
+        default: {
+            children: string;
+            label: string;
+        };
+    };
+}>> & Readonly<{
+    "onNode-click"?: ((...args: any[]) => any) | undefined;
+}>, {
+    apiService: string;
+    apiAction: string;
+    checkStrictly: boolean;
+    paras: Record<string, any>;
+    nodeKey: string;
+    defaultProps: Record<string, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
+    treeRef: unknown;
+}, any>;
+export default _default;

package/lib/core/ui/components/index.d.ts

@@ -1,5 +1,7 @@
 import { elSvg } from './svgIcon';
 import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, PropType } from 'vue';
+import { TreeKey } from 'element-plus';
+import { TreeKey } from 'element-plus/es/components/tree/src/tree.type';
 declare const FmTransfer: DefineComponent<ExtractPropTypes<{
     leftTitle: StringConstructor;
     rightTitle: StringConstructor;
@@ -688,4 +690,78 @@ declare const Fminputdropdown: DefineComponent<ExtractPropTypes<{
     inputWidth: string;
     dropWidth: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-export { FmTransfer, FmNoticeBar, FmDragImg, Fmselect, FmAutocomplete, Fminputdropdown, elSvg };
+declare const FmTree: DefineComponent<ExtractPropTypes<{
+    checkStrictly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    apiService: {
+        type: StringConstructor;
+        default: string;
+    };
+    apiAction: {
+        type: StringConstructor;
+        default: string;
+    };
+    paras: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    nodeKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    defaultProps: {
+        type: ObjectConstructor;
+        default: {
+            children: string;
+            label: string;
+        };
+    };
+}>, {
+    fetchTreeData: (showLoading?: boolean) => Promise<any>;
+    getCheckedKeys: () => TreeKey[];
+    setCurrentKey: (key?: TreeKey | undefined, shouldAutoExpandParent?: boolean | undefined) => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "node-click": (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    checkStrictly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    apiService: {
+        type: StringConstructor;
+        default: string;
+    };
+    apiAction: {
+        type: StringConstructor;
+        default: string;
+    };
+    paras: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    nodeKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    defaultProps: {
+        type: ObjectConstructor;
+        default: {
+            children: string;
+            label: string;
+        };
+    };
+}>> & Readonly<{
+    "onNode-click"?: ((...args: any[]) => any) | undefined;
+}>, {
+    apiService: string;
+    apiAction: string;
+    checkStrictly: boolean;
+    paras: Record<string, any>;
+    nodeKey: string;
+    defaultProps: Record<string, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
+    treeRef: unknown;
+}, any>;
+export { FmTransfer, FmNoticeBar, FmDragImg, Fmselect, FmAutocomplete, Fminputdropdown, FmTree, elSvg };

package/lib/{version.css → index.css}

@@ -1 +1,3 @@
 .drag_verify[data-v-9e8c9ed2]{background-color:#e8e8e8;overflow:hidden;position:relative;text-align:center}.drag_verify .dv_handler[data-v-9e8c9ed2]{cursor:move;left:0;position:absolute;top:0}.drag_verify .dv_handler i[data-v-9e8c9ed2]{color:#666;font-size:16px;padding-left:0}.drag_verify .dv_handler .el-icon-circle-check[data-v-9e8c9ed2]{color:#6c6;margin-top:9px}.drag_verify .dv_progress_bar[data-v-9e8c9ed2]{height:34px;position:absolute;width:0}.drag_verify .dv_text[data-v-9e8c9ed2]{background:-webkit-gradient(linear,left top,right top,color-stop(0,var(--textColor)),color-stop(.4,var(--textColor)),color-stop(.5,#fff),color-stop(.6,var(--textColor)),color-stop(1,var(--textColor)));-webkit-background-clip:text;color:transparent;position:absolute;top:0;-moz-user-select:none;-webkit-user-select:none;user-select:none;-o-user-select:none;-ms-user-select:none;-webkit-text-fill-color:transparent;-webkit-text-size-adjust:none;animation:slidetounlock 3s infinite}.drag_verify .dv_text[data-v-9e8c9ed2] *{-webkit-text-fill-color:var(--textColor)}.goFirst[data-v-9e8c9ed2]{left:0!important;transition:left .5s}.goOrigin[data-v-9e8c9ed2]{transition:transform .5s}.goKeep[data-v-9e8c9ed2]{transition:left .2s}.goFirst2[data-v-9e8c9ed2]{transition:width .5s;width:0!important}.drag-verify-container[data-v-9e8c9ed2]{border-radius:50%;line-height:0;position:relative}.move-bar[data-v-9e8c9ed2]{position:absolute;z-index:100}.clip-bar[data-v-9e8c9ed2]{background:hsla(0,0%,100%,.8);position:absolute}.refresh[data-v-9e8c9ed2]{cursor:pointer;font-size:20px;position:absolute;right:5px;top:5px;z-index:200}.tips[data-v-9e8c9ed2]{bottom:25px;font-size:12px;height:20px;line-height:20px;position:absolute;text-align:center;width:100%;z-index:200}.tips.success[data-v-9e8c9ed2]{background:hsla(0,0%,100%,.6);color:green}.tips.danger[data-v-9e8c9ed2]{background:rgba(0,0,0,.6);color:#ff0}.check-img[data-v-9e8c9ed2]{border-radius:50%;width:100%}
+
+.box-card[data-v-a783e82e]{flex:1}.box-card[data-v-a783e82e]>.el-card__header{padding:5px}.tree-h-flex[data-v-a783e82e]{align-items:center;display:flex}.tree-h-left[data-v-a783e82e]{flex:1;min-width:0;width:100%}.tree-h-right-group[data-v-a783e82e]{align-items:center;display:flex}

package/lib/index.js

@@ -52,6 +52,7 @@ exports.FmAutocomplete = index$1.FmAutocomplete;
 exports.FmDragImg = index$1.FmDragImg;
 exports.FmNoticeBar = index$1.FmNoticeBar;
 exports.FmTransfer = index$1.FmTransfer;
+exports.FmTree = index$1.FmTree;
 exports.Fminputdropdown = index$1.Fminputdropdown;
 exports.Fmselect = index$1.Fmselect;
 exports.elSvg = index$2.elSvg;