@fmdevui/fm-dev 1.0.61 → 1.0.63

package/lib/packages/core/locales/index.js

@@ -1,24 +1,24 @@
 'use strict';
 
 var vueI18n = require('vue-i18n');
-var de = require('../../../node_modules/.pnpm/element-plus@2.10.2_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/de.js');
-var en = require('../../../node_modules/.pnpm/element-plus@2.10.2_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/en.js');
-var es = require('../../../node_modules/.pnpm/element-plus@2.10.2_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/es.js');
-var fi = require('../../../node_modules/.pnpm/element-plus@2.10.2_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/fi.js');
-var fr = require('../../../node_modules/.pnpm/element-plus@2.10.2_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/fr.js');
-var it = require('../../../node_modules/.pnpm/element-plus@2.10.2_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/it.js');
-var ja = require('../../../node_modules/.pnpm/element-plus@2.10.2_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/ja.js');
-var ko = require('../../../node_modules/.pnpm/element-plus@2.10.2_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/ko.js');
-var no = require('../../../node_modules/.pnpm/element-plus@2.10.2_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/no.js');
-var pl = require('../../../node_modules/.pnpm/element-plus@2.10.2_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/pl.js');
-var pt = require('../../../node_modules/.pnpm/element-plus@2.10.2_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/pt.js');
-var ru = require('../../../node_modules/.pnpm/element-plus@2.10.2_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/ru.js');
-var zhCn = require('../../../node_modules/.pnpm/element-plus@2.10.2_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/zh-cn.js');
-var zhTw = require('../../../node_modules/.pnpm/element-plus@2.10.2_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/zh-tw.js');
-var th = require('../../../node_modules/.pnpm/element-plus@2.10.2_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/th.js');
-var id = require('../../../node_modules/.pnpm/element-plus@2.10.2_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/id.js');
-var ms = require('../../../node_modules/.pnpm/element-plus@2.10.2_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/ms.js');
-var vi = require('../../../node_modules/.pnpm/element-plus@2.10.2_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/vi.js');
+var de = require('../../../node_modules/.pnpm/element-plus@2.10.3_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/de.js');
+var en = require('../../../node_modules/.pnpm/element-plus@2.10.3_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/en.js');
+var es = require('../../../node_modules/.pnpm/element-plus@2.10.3_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/es.js');
+var fi = require('../../../node_modules/.pnpm/element-plus@2.10.3_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/fi.js');
+var fr = require('../../../node_modules/.pnpm/element-plus@2.10.3_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/fr.js');
+var it = require('../../../node_modules/.pnpm/element-plus@2.10.3_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/it.js');
+var ja = require('../../../node_modules/.pnpm/element-plus@2.10.3_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/ja.js');
+var ko = require('../../../node_modules/.pnpm/element-plus@2.10.3_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/ko.js');
+var no = require('../../../node_modules/.pnpm/element-plus@2.10.3_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/no.js');
+var pl = require('../../../node_modules/.pnpm/element-plus@2.10.3_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/pl.js');
+var pt = require('../../../node_modules/.pnpm/element-plus@2.10.3_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/pt.js');
+var ru = require('../../../node_modules/.pnpm/element-plus@2.10.3_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/ru.js');
+var zhCn = require('../../../node_modules/.pnpm/element-plus@2.10.3_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/zh-cn.js');
+var zhTw = require('../../../node_modules/.pnpm/element-plus@2.10.3_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/zh-tw.js');
+var th = require('../../../node_modules/.pnpm/element-plus@2.10.3_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/th.js');
+var id = require('../../../node_modules/.pnpm/element-plus@2.10.3_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/id.js');
+var ms = require('../../../node_modules/.pnpm/element-plus@2.10.3_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/ms.js');
+var vi = require('../../../node_modules/.pnpm/element-plus@2.10.3_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/vi.js');
 var enUS = require('../../../_virtual/en-US.js');
 var deDE = require('../../../_virtual/de-DE.js');
 var esES = require('../../../_virtual/es-ES.js');

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.61",
+  "version": "1.0.63",
   "description": "Page level components developed based on Element Plus.",
   "author": "fmdevui",
   "keywords": [