@fmdevui/fm-dev 1.0.62 → 1.0.63

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-ea8b4cb6]{flex:1}.box-card[data-v-ea8b4cb6]>.el-card__header{padding:5px}.tree-h-flex[data-v-ea8b4cb6]{display:flex}.tree-h-left[data-v-ea8b4cb6]{flex:1;width:100%}.tree-h-right[data-v-ea8b4cb6]{min-width:42px;width:42px}

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;

package/lib/packages/core/index.js

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

package/lib/packages/core/ui/components/fmtree/index.vue.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
+require('./index.vue3.js');
+var _pluginVue_exportHelper = require('../../../../../_virtual/_plugin-vue_export-helper.js');
+
+var fmtree = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-ea8b4cb6"]]);
+
+exports.default = fmtree;

package/lib/packages/core/ui/components/fmtree/index.vue2.js

@@ -0,0 +1,267 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var svg = require('@element-plus/icons-vue');
+var index = require('../../../api/base/index.js');
+
+const _hoisted_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" };
+const _hoisted_5 = { style: { "margin-bottom": "45px" } };
+var _sfc_main = /* @__PURE__ */ vue.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 = vue.ref("");
+    const treeRef = vue.ref();
+    const state = vue.reactive({
+      loading: false,
+      folderData: [],
+      isShowCheckbox: false,
+      strictly: false
+    });
+    vue.onMounted(async () => {
+      await fetchTreeData();
+    });
+    vue.watch(filterText, (val) => {
+      treeRef.value.filter(val);
+    });
+    const fetchTreeData = async (showLoading = true) => {
+      if (showLoading) state.loading = true;
+      var res = await index.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();
+        emits("node-click", { id: 0, name: "" });
+      }
+    };
+    const emits = __emit;
+    const nodeClick = (node) => {
+      emits("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 = vue.resolveComponent("el-input");
+      const _component_el_icon = vue.resolveComponent("el-icon");
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_dropdown_item = vue.resolveComponent("el-dropdown-item");
+      const _component_el_dropdown_menu = vue.resolveComponent("el-dropdown-menu");
+      const _component_el_dropdown = vue.resolveComponent("el-dropdown");
+      const _component_el_checkbox = vue.resolveComponent("el-checkbox");
+      const _component_ele_FolderOpened = vue.resolveComponent("ele-FolderOpened");
+      const _component_ele_Folder = vue.resolveComponent("ele-Folder");
+      const _component_el_tree = vue.resolveComponent("el-tree");
+      const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
+      const _component_el_card = vue.resolveComponent("el-card");
+      const _directive_loading = vue.resolveDirective("loading");
+      return vue.openBlock(), vue.createBlock(_component_el_card, {
+        class: "box-card",
+        shadow: "hover",
+        "body-style": "height:100%;overflow:auto;padding:5px;width:100%;"
+      }, {
+        header: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createElementVNode("div", _hoisted_2, [
+              vue.createElementVNode("div", _hoisted_3, [
+                vue.createVNode(_component_el_input, {
+                  "prefix-icon": vue.unref(svg.Search),
+                  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"])
+              ]),
+              vue.createElementVNode("div", _hoisted_4, [
+                vue.createVNode(_component_el_dropdown, { onCommand: handleCommand }, {
+                  dropdown: vue.withCtx(() => [
+                    vue.createVNode(_component_el_dropdown_menu, null, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_dropdown_item, { command: "expandAll" }, {
+                          default: vue.withCtx(() => _cache[2] || (_cache[2] = [
+                            vue.createTextVNode("\u5168\u90E8\u5C55\u5F00")
+                          ])),
+                          _: 1,
+                          __: [2]
+                        }),
+                        vue.createVNode(_component_el_dropdown_item, { command: "collapseAll" }, {
+                          default: vue.withCtx(() => _cache[3] || (_cache[3] = [
+                            vue.createTextVNode("\u5168\u90E8\u6298\u53E0")
+                          ])),
+                          _: 1,
+                          __: [3]
+                        }),
+                        vue.createVNode(_component_el_dropdown_item, { command: "rootNode" }, {
+                          default: vue.withCtx(() => _cache[4] || (_cache[4] = [
+                            vue.createTextVNode("\u6839\u8282\u70B9")
+                          ])),
+                          _: 1,
+                          __: [4]
+                        }),
+                        vue.createVNode(_component_el_dropdown_item, { command: "refresh" }, {
+                          default: vue.withCtx(() => _cache[5] || (_cache[5] = [
+                            vue.createTextVNode("\u5237\u65B0")
+                          ])),
+                          _: 1,
+                          __: [5]
+                        })
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ]),
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_button, { style: { "margin-left": "8px", "width": "34px" } }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_icon, { class: "el-icon--center" }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(svg.MoreFilled))
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ]),
+              !props.checkStrictly && state.isShowCheckbox ? (vue.openBlock(), vue.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"])) : vue.createCommentVNode("v-if", true)
+            ])
+          ])
+        ]),
+        default: vue.withCtx(() => [
+          vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+            vue.createVNode(_component_el_scrollbar, null, {
+              default: vue.withCtx(() => [
+                vue.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: vue.withCtx(({ node }) => [
+                    node.level < 4 ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+                      key: 0,
+                      size: "16",
+                      style: { "margin-right": "3px", "display": "inline", "vertical-align": "middle" }
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_ele_FolderOpened)
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })) : (vue.openBlock(), vue.createBlock(_component_el_icon, {
+                      key: 1,
+                      size: "16",
+                      style: { "margin-right": "3px", "display": "inline", "vertical-align": "middle" }
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_ele_Folder)
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })),
+                    vue.createTextVNode(
+                      " " + vue.toDisplayString(node.label),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["data", "node-key", "props", "show-checkbox", "check-strictly"])
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ])), [
+            [_directive_loading, state.loading]
+          ])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/packages/core/ui/components/fmtree/index.vue3.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var undefined$1 = undefined;
+
+exports.default = undefined$1;

package/lib/packages/core/ui/components/index.js

@@ -6,6 +6,7 @@ var dragVerifyImgRotate = require('./dragVerify/dragVerifyImgRotate.vue.js');
 require('./fmselect/index.vue.js');
 require('./fmautocomplete/index.vue.js');
 require('./inputdropdown/index.vue.js');
+var index$1 = require('./fmtree/index.vue.js');
 var index = require('./svgIcon/index.js');
 var index_vue_vue_type_script_setup_true_lang = require('./transfer/index.vue2.js');
 var index_vue_vue_type_script_setup_true_lang$1 = require('./noticeBar/index.vue2.js');
@@ -19,11 +20,13 @@ const FmDragImg = dragVerifyImgRotate.default;
 const Fmselect = index_vue_vue_type_script_setup_true_lang$2.default;
 const FmAutocomplete = index_vue_vue_type_script_setup_true_lang$3.default;
 const Fminputdropdown = index_vue_vue_type_script_setup_true_lang$4.default;
+const FmTree = index$1.default;
 
 exports.elSvg = index.elSvg;
 exports.FmAutocomplete = FmAutocomplete;
 exports.FmDragImg = FmDragImg;
 exports.FmNoticeBar = FmNoticeBar;
 exports.FmTransfer = FmTransfer;
+exports.FmTree = FmTree;
 exports.Fminputdropdown = Fminputdropdown;
 exports.Fmselect = Fmselect;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fmdevui/fm-dev",
-  "version": "1.0.62",
+  "version": "1.0.63",
   "description": "Page level components developed based on Element Plus.",
   "author": "fmdevui",
   "keywords": [