@fmdevui/fm-dev 1.0.61 → 1.0.63

package/es/packages/core/locales/index.mjs

@@ -1,22 +1,22 @@
 import { createI18n } from 'vue-i18n';
-import de from '../../../node_modules/.pnpm/element-plus@2.10.2_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/de.mjs';
-import English from '../../../node_modules/.pnpm/element-plus@2.10.2_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/en.mjs';
-import es from '../../../node_modules/.pnpm/element-plus@2.10.2_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/es.mjs';
-import fi from '../../../node_modules/.pnpm/element-plus@2.10.2_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/fi.mjs';
-import fr from '../../../node_modules/.pnpm/element-plus@2.10.2_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/fr.mjs';
-import it from '../../../node_modules/.pnpm/element-plus@2.10.2_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/it.mjs';
-import ja from '../../../node_modules/.pnpm/element-plus@2.10.2_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/ja.mjs';
-import ko from '../../../node_modules/.pnpm/element-plus@2.10.2_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/ko.mjs';
-import no from '../../../node_modules/.pnpm/element-plus@2.10.2_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/no.mjs';
-import pl from '../../../node_modules/.pnpm/element-plus@2.10.2_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/pl.mjs';
-import pt from '../../../node_modules/.pnpm/element-plus@2.10.2_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/pt.mjs';
-import ru from '../../../node_modules/.pnpm/element-plus@2.10.2_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/ru.mjs';
-import zhCn from '../../../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.mjs';
-import zhTw from '../../../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.mjs';
-import th from '../../../node_modules/.pnpm/element-plus@2.10.2_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/th.mjs';
-import id from '../../../node_modules/.pnpm/element-plus@2.10.2_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/id.mjs';
-import ms from '../../../node_modules/.pnpm/element-plus@2.10.2_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/ms.mjs';
-import vi from '../../../node_modules/.pnpm/element-plus@2.10.2_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/vi.mjs';
+import de from '../../../node_modules/.pnpm/element-plus@2.10.3_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/de.mjs';
+import English from '../../../node_modules/.pnpm/element-plus@2.10.3_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/en.mjs';
+import es from '../../../node_modules/.pnpm/element-plus@2.10.3_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/es.mjs';
+import fi from '../../../node_modules/.pnpm/element-plus@2.10.3_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/fi.mjs';
+import fr from '../../../node_modules/.pnpm/element-plus@2.10.3_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/fr.mjs';
+import it from '../../../node_modules/.pnpm/element-plus@2.10.3_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/it.mjs';
+import ja from '../../../node_modules/.pnpm/element-plus@2.10.3_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/ja.mjs';
+import ko from '../../../node_modules/.pnpm/element-plus@2.10.3_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/ko.mjs';
+import no from '../../../node_modules/.pnpm/element-plus@2.10.3_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/no.mjs';
+import pl from '../../../node_modules/.pnpm/element-plus@2.10.3_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/pl.mjs';
+import pt from '../../../node_modules/.pnpm/element-plus@2.10.3_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/pt.mjs';
+import ru from '../../../node_modules/.pnpm/element-plus@2.10.3_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/ru.mjs';
+import zhCn from '../../../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.mjs';
+import zhTw from '../../../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.mjs';
+import th from '../../../node_modules/.pnpm/element-plus@2.10.3_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/th.mjs';
+import id from '../../../node_modules/.pnpm/element-plus@2.10.3_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/id.mjs';
+import ms from '../../../node_modules/.pnpm/element-plus@2.10.3_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/ms.mjs';
+import vi from '../../../node_modules/.pnpm/element-plus@2.10.3_vue@3.5.17_typescript@5.8.3_/node_modules/element-plus/es/locale/lang/vi.mjs';
 import msMY from '../../../_virtual/en-US.mjs';
 import deDE from '../../../_virtual/de-DE.mjs';
 import esES from '../../../_virtual/es-ES.mjs';

package/es/packages/core/ui/components/fmtree/index.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from './index.vue2.mjs';
+import './index.vue3.mjs';
+import _export_sfc from '../../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+var fmtree = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ea8b4cb6"]]);
+
+export { fmtree as default };

package/es/packages/core/ui/components/fmtree/index.vue2.mjs

@@ -0,0 +1,263 @@
+import { defineComponent, ref, reactive, onMounted, watch, resolveComponent, resolveDirective, createBlock, openBlock, withCtx, withDirectives, createElementBlock, createVNode, createTextVNode, toDisplayString, createElementVNode, createCommentVNode, unref } from 'vue';
+import { Search, MoreFilled } from '@element-plus/icons-vue';
+import { useBaseApi } from '../../../api/base/index.mjs';
+
+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__ */ 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();
+        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 = 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_ele_FolderOpened = resolveComponent("ele-FolderOpened");
+      const _component_ele_Folder = resolveComponent("ele-Folder");
+      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, [
+            createElementVNode("div", _hoisted_2, [
+              createElementVNode("div", _hoisted_3, [
+                createVNode(_component_el_input, {
+                  "prefix-icon": unref(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"])
+              ]),
+              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(MoreFilled))
+                          ]),
+                          _: 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 }) => [
+                    node.level < 4 ? (openBlock(), createBlock(_component_el_icon, {
+                      key: 0,
+                      size: "16",
+                      style: { "margin-right": "3px", "display": "inline", "vertical-align": "middle" }
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_ele_FolderOpened)
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })) : (openBlock(), createBlock(_component_el_icon, {
+                      key: 1,
+                      size: "16",
+                      style: { "margin-right": "3px", "display": "inline", "vertical-align": "middle" }
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_ele_Folder)
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })),
+                    createTextVNode(
+                      " " + toDisplayString(node.label),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["data", "node-key", "props", "show-checkbox", "check-strictly"])
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ])), [
+            [_directive_loading, state.loading]
+          ])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/core/ui/components/fmtree/index.vue3.mjs

@@ -0,0 +1,3 @@
+var undefined$1 = undefined;
+
+export { undefined$1 as default };

package/es/packages/core/ui/components/index.mjs

@@ -4,6 +4,7 @@ import dragimg from './dragVerify/dragVerifyImgRotate.vue.mjs';
 import './fmselect/index.vue.mjs';
 import './fmautocomplete/index.vue.mjs';
 import './inputdropdown/index.vue.mjs';
+import fmtree from './fmtree/index.vue.mjs';
 export { elSvg } from './svgIcon/index.mjs';
 import _sfc_main from './transfer/index.vue2.mjs';
 import _sfc_main$1 from './noticeBar/index.vue2.mjs';
@@ -17,5 +18,6 @@ const FmDragImg = dragimg;
 const Fmselect = _sfc_main$2;
 const FmAutocomplete = _sfc_main$3;
 const Fminputdropdown = _sfc_main$4;
+const FmTree = fmtree;
 
-export { FmAutocomplete, FmDragImg, FmNoticeBar, FmTransfer, Fminputdropdown, Fmselect };
+export { FmAutocomplete, FmDragImg, FmNoticeBar, FmTransfer, FmTree, Fminputdropdown, Fmselect };

package/index.css

@@ -111,3 +111,22 @@
 }
 
 
+
+
+.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] {
+	width: 42px;
+	min-width: 42px;
+}