@fmdevui/fm-dev 1.0.62 → 1.0.63

package/index.js

@@ -1,21 +1,21 @@
-/*! fm-dev v1.0.62 */
+/*! fm-dev v1.0.63 */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('crypto'), require('url'), require('http'), require('https'), require('util'), require('stream'), require('assert'), require('zlib'), require('element-plus')) :
   typeof define === 'function' && define.amd ? define(['exports', 'vue', 'crypto', 'url', 'http', 'https', 'util', 'stream', 'assert', 'zlib', 'element-plus'], factory) :
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.FmPlus = {}, global.Vue, global.crypto, global.require$$0, global.require$$1, global.require$$2, global.util, global.stream, global.require$$4, global.zlib, global.ElementPlus));
 })(this, (function (exports, vue, crypto, require$$0, require$$1, require$$2, util, stream, require$$4, zlib, elementPlus) { 'use strict';
 
-  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__ */ vue.defineComponent({
+  var _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "FmTransfer"
     },
@@ -175,8 +175,8 @@
           default: vue.withCtx(() => [
             vue.createVNode(_component_el_col, { span: 10 }, {
               default: vue.withCtx(() => [
-                vue.createElementVNode("div", _hoisted_1$4, [
-                  vue.createElementVNode("p", _hoisted_2$2, [
+                vue.createElementVNode("div", _hoisted_1$5, [
+                  vue.createElementVNode("p", _hoisted_2$3, [
                     vue.createVNode(_component_el_checkbox, {
                       modelValue: state.leftAllChecked,
                       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.leftAllChecked = $event),
@@ -202,7 +202,7 @@
                       /* TEXT */
                     )
                   ]),
-                  vue.createElementVNode("div", _hoisted_3$1, [
+                  vue.createElementVNode("div", _hoisted_3$2, [
                     vue.createVNode(_component_el_input, {
                       class: "transfer-panel__filter",
                       modelValue: state.leftKeyword,
@@ -253,7 +253,7 @@
               class: "fm-transfer-buttons"
             }, {
               default: vue.withCtx(() => [
-                vue.createElementVNode("div", _hoisted_4$1, [
+                vue.createElementVNode("div", _hoisted_4$2, [
                   vue.createVNode(_component_el_button, {
                     type: "primary",
                     style: {},
@@ -261,7 +261,7 @@
                     onClick: toRight
                   })
                 ]),
-                vue.createElementVNode("div", _hoisted_5, [
+                vue.createElementVNode("div", _hoisted_5$1, [
                   vue.createVNode(_component_el_button, {
                     type: "primary",
                     style: {},
@@ -372,9 +372,9 @@
     }
   });
 
-  const _hoisted_1$3 = { class: "notice-bar-warp-text-box" };
-  const _hoisted_2$1 = ["innerHTML"];
-  var _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$4 = { class: "notice-bar-warp-text-box" };
+  const _hoisted_2$2 = ["innerHTML"];
+  var _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "FmNoticeBar"
     },
@@ -465,7 +465,7 @@
                   2
                   /* CLASS */
                 )) : vue.createCommentVNode("v-if", true),
-                vue.createElementVNode("div", _hoisted_1$3, [
+                vue.createElementVNode("div", _hoisted_1$4, [
                   vue.createElementVNode(
                     "div",
                     {
@@ -477,7 +477,7 @@
                       vue.createElementVNode("div", {
                         innerHTML: props.text,
                         "data-slate-editor": ""
-                      }, null, 8, _hoisted_2$1)
+                      }, null, 8, _hoisted_2$2)
                     ],
                     512
                     /* NEED_PATCH */
@@ -497,7 +497,7 @@
     }
   });
 
-  var _sfc_main$5 = {
+  var _sfc_main$6 = {
     name: "dragVerify",
     props: {
       isPassing: {
@@ -770,18 +770,18 @@
     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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
       vue.createElementVNode(
         "div",
         {
@@ -795,17 +795,17 @@
             onLoad: _cache[0] || (_cache[0] = (...args) => $options.checkimgLoaded && $options.checkimgLoaded(...args)),
             style: vue.normalizeStyle($data.imgStyle),
             alt: ""
-          }, null, 46, _hoisted_2),
+          }, null, 46, _hoisted_2$1),
           $props.showTips && $props.isPassing ? (vue.openBlock(), vue.createElementBlock(
             "div",
-            _hoisted_3,
+            _hoisted_3$1,
             vue.toDisplayString($props.successTip),
             1
             /* TEXT */
           )) : vue.createCommentVNode("v-if", true),
           $props.showTips && !$props.isPassing && $data.showErrorTip ? (vue.openBlock(), vue.createElementBlock(
             "div",
-            _hoisted_4,
+            _hoisted_4$1,
             vue.toDisplayString($props.failTip),
             1
             /* TEXT */
@@ -879,9 +879,9 @@
       )
     ]);
   }
-  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__ */ vue.defineComponent({
+  var _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "Fmselect"
     },
@@ -23740,8 +23740,8 @@
     };
   };
 
-  const _hoisted_1$1 = { style: { "font-size": "14px", "line-height": "30px" } };
-  var _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$2 = { style: { "font-size": "14px", "line-height": "30px" } };
+  var _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "FmAutocomplete"
     },
@@ -23847,7 +23847,7 @@
           default: vue.withCtx(({ item }) => [
             vue.createElementVNode(
               "div",
-              _hoisted_1$1,
+              _hoisted_1$2,
               vue.toDisplayString(item[__props.fName]),
               1
               /* TEXT */
@@ -23860,7 +23860,7 @@
     }
   });
 
-  var _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "Fminputdropdown"
     },
@@ -30038,6 +30038,266 @@
     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" };
+  const _hoisted_5 = { style: { "margin-bottom": "45px" } };
+  var _sfc_main$2 = /* @__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 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$1, [
+              vue.createElementVNode("div", _hoisted_2, [
+                vue.createElementVNode("div", _hoisted_3, [
+                  vue.createVNode(_component_el_input, {
+                    "prefix-icon": vue.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"])
+                ]),
+                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(more_filled_default))
+                            ]),
+                            _: 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 */
+        });
+      };
+    }
+  });
+
+  var fmtree = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-ea8b4cb6"]]);
+
   const _hoisted_1 = ["src"];
   var _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     ...{
@@ -30137,12 +30397,13 @@
     }
   }
 
-  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) => {
@@ -30193,7 +30454,8 @@
     FmNoticeBar,
     Fmselect,
     FmAutocomplete,
-    Fminputdropdown
+    Fminputdropdown,
+    FmTree
   ];
 
   var installer = makeInstaller([...plugins]);
@@ -52952,6 +53214,7 @@
   exports.FmLogin = FmLogin;
   exports.FmNoticeBar = FmNoticeBar;
   exports.FmTransfer = FmTransfer;
+  exports.FmTree = FmTree;
   exports.Fminputdropdown = Fminputdropdown;
   exports.Fmselect = Fmselect;
   exports.HttpMethodEnum = HttpMethodEnum;

package/index.min.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}