@fmdeui/fmui 1.0.61 → 1.0.63

package/es/component.mjs

@@ -9,6 +9,8 @@ import { FForm } from './packages/components/form/index.mjs';
 import { FChart } from './packages/components/chart/index.mjs';
 import { FLayout } from './packages/components/fm-layout/index.mjs';
 import { FSettings } from './packages/components/fm-settings/index.mjs';
+import { FModifyRecord } from './packages/components/modifyRecord/index.mjs';
+import { FmTree } from './packages/components/fmtree/index.mjs';
 
 const plugins = [
   FButton,
@@ -21,7 +23,9 @@ const plugins = [
   FChart,
   FForm,
   FLayout,
-  FSettings
+  FSettings,
+  FModifyRecord,
+  FmTree
 ];
 
 export { plugins as default };

package/es/components/fmtree/index.d.ts

@@ -0,0 +1,93 @@
+import { DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { TreeKey } from 'element-plus';
+export 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;
+        };
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<any>;
+    };
+}>, {
+    fetchTreeData: (showLoading?: boolean) => Promise<any>;
+    getCheckedKeys: () => TreeKey[];
+    setCurrentKey: (key?: TreeKey | undefined, shouldAutoExpandParent?: boolean | undefined) => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "node-click": (...args: any[]) => void;
+    "update:modelValue": (value: 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;
+        };
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<any>;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    "onNode-click"?: ((...args: any[]) => any) | undefined;
+}>, {
+    checkStrictly: boolean;
+    placeholder: string;
+    apiService: string;
+    apiAction: string;
+    paras: Record<string, any>;
+    nodeKey: string;
+    defaultProps: Record<string, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
+    treeRef: unknown;
+}, any>;

package/es/components/fmtree/index.vue.d.ts

@@ -0,0 +1,106 @@
+import { TreeKey } from 'element-plus/es/components/tree/src/tree.type';
+import { DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+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;
+        };
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<any>;
+    };
+}>, {
+    fetchTreeData: (showLoading?: boolean) => Promise<any>;
+    getCheckedKeys: () => TreeKey[];
+    setCurrentKey: (key?: TreeKey | undefined, shouldAutoExpandParent?: boolean | undefined) => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "node-click": (...args: any[]) => void;
+    "update:modelValue": (value: 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;
+        };
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<any>;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    "onNode-click"?: ((...args: any[]) => any) | undefined;
+}>, {
+    checkStrictly: boolean;
+    placeholder: string;
+    apiService: string;
+    apiAction: string;
+    paras: Record<string, any>;
+    nodeKey: string;
+    defaultProps: Record<string, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
+    treeRef: unknown;
+}, any>;
+export default _default;

package/es/components/index.d.ts

@@ -10,3 +10,4 @@ export * from './form';
 export * from './svgIcon';
 export * from './fm-layout';
 export * from './fm-settings';
+export * from './modifyRecord';

package/es/components/modifyRecord/index.d.ts

@@ -0,0 +1,6 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+export declare const FModifyRecord: DefineComponent<{
+    data: any;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+    data: any;
+}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

package/es/components/modifyRecord/index.vue.d.ts

@@ -0,0 +1,6 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    data: any;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/packages/components/fmtree/index.mjs

@@ -0,0 +1,6 @@
+import './index.vue.mjs';
+import _sfc_main from './index.vue2.mjs';
+
+const FmTree = _sfc_main;
+
+export { FmTree };

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

@@ -0,0 +1,5 @@
+import _sfc_main from './index.vue2.mjs';
+
+
+
+export { _sfc_main as default };

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

@@ -0,0 +1,274 @@
+import { defineComponent, useModel, ref, reactive, onMounted, watch, resolveComponent, resolveDirective, openBlock, createBlock, withCtx, withDirectives, createElementBlock, createVNode, createCommentVNode, createTextVNode, toDisplayString, createElementVNode, unref, mergeModels } from 'vue';
+import { Search, MoreFilled } from '@element-plus/icons-vue';
+import '../../api/index.mjs';
+import { useBaseApi } from '../../api/base/index.mjs';
+
+const _hoisted_1 = { style: { "padding": "5px" } };
+const _hoisted_2 = { style: { "display": "flex", "align-items": "center", "gap": "8px", "flex-wrap": "nowrap", "overflow": "hidden" } };
+const _hoisted_3 = { style: { "flex": "1 1 200px", "min-width": "0", "overflow": "hidden" } };
+const _hoisted_4 = { style: { "display": "flex", "align-items": "center", "flex-shrink": "0", "white-space": "nowrap" } };
+const _hoisted_5 = { style: { "margin-bottom": "45px" } };
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "FmTree"
+  },
+  __name: "index",
+  props: /* @__PURE__ */ mergeModels({
+    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" }
+    },
+    placeholder: {
+      type: String,
+      default: "\u7C7B\u578B\u540D\u79F0"
+    }
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["node-click"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const modeValue = useModel(__props, "modelValue");
+    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) => {
+      var _a, _b;
+      if (showLoading) state.loading = true;
+      var res = await useBaseApi(props.apiService).get(props.paras, props.apiAction);
+      state.folderData = (_a = res.data.result) != null ? _a : [];
+      if (showLoading) state.loading = false;
+      const rtreeData = (_b = res.data.result) != null ? _b : [];
+      modeValue.value = rtreeData.length > 0 ? rtreeData[0] : { id: 0, name: "", code: "" };
+      return rtreeData;
+    };
+    const getCheckedKeys = () => {
+      return treeRef.value.getCheckedKeys();
+    };
+    const filterNode = (value, data) => {
+      if (!value) return true;
+      return data.name.includes(value);
+    };
+    const handleCommand = async (command) => {
+      var _a;
+      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) {
+        (_a = treeRef.value) == null ? void 0 : _a.setCurrentKey();
+        modeValue.value = { id: 0, name: "", code: "" };
+        emit("node-click", { id: 0, name: "", code: "" });
+      }
+    };
+    const emit = __emit;
+    const nodeClick = (node, data) => {
+      var _a, _b;
+      modeValue.value = { id: node.id, name: node.name, code: data ? (_a = data.code) != null ? _a : "" : "" };
+      emit("node-click", { id: node.id, name: node.name, code: data ? (_b = data.code) != null ? _b : "" : "" });
+    };
+    const setCurrentKey = (key, shouldAutoExpandParent) => {
+      var _a;
+      (_a = treeRef.value) == null ? void 0 : _a.setCurrentKey(key, shouldAutoExpandParent);
+    };
+    __expose({ fetchTreeData, getCheckedKeys, setCurrentKey });
+    return (_ctx, _cache) => {
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_checkbox = resolveComponent("el-checkbox");
+      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_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, {
+        shadow: "hover",
+        "body-style": "height:100%;overflow:auto;padding:5px;width:100%;",
+        style: { "height": "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: __props.placeholder
+                }, null, 8, ["prefix-icon", "modelValue", "placeholder"])
+              ]),
+              createElementVNode("div", _hoisted_4, [
+                !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),
+                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
+                              /* CACHED */
+                            )
+                          ])]),
+                          _: 1
+                          /* STABLE */
+                        }),
+                        createVNode(_component_el_dropdown_item, { command: "collapseAll" }, {
+                          default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                            createTextVNode(
+                              "\u5168\u90E8\u6298\u53E0",
+                              -1
+                              /* CACHED */
+                            )
+                          ])]),
+                          _: 1
+                          /* STABLE */
+                        }),
+                        createVNode(_component_el_dropdown_item, { command: "rootNode" }, {
+                          default: withCtx(() => [..._cache[4] || (_cache[4] = [
+                            createTextVNode(
+                              "\u6839\u8282\u70B9",
+                              -1
+                              /* CACHED */
+                            )
+                          ])]),
+                          _: 1
+                          /* STABLE */
+                        }),
+                        createVNode(_component_el_dropdown_item, { command: "refresh" }, {
+                          default: withCtx(() => [..._cache[5] || (_cache[5] = [
+                            createTextVNode(
+                              "\u5237\u65B0",
+                              -1
+                              /* CACHED */
+                            )
+                          ])]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ]),
+                      _: 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 */
+                })
+              ])
+            ])
+          ])
+        ]),
+        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(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/components/index.mjs

@@ -10,3 +10,4 @@ export { FForm } from './form/index.mjs';
 export { elSvg } from './svgIcon/index.mjs';
 export { FLayout } from './fm-layout/index.mjs';
 export { FSettings } from './fm-settings/index.mjs';
+export { FModifyRecord } from './modifyRecord/index.mjs';

package/es/packages/components/modifyRecord/index.mjs

@@ -0,0 +1,6 @@
+import './index.vue.mjs';
+import _sfc_main from './index.vue2.mjs';
+
+const FModifyRecord = _sfc_main;
+
+export { FModifyRecord };

package/es/packages/components/modifyRecord/index.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './index.vue2.mjs';
+
+
+
+export { _sfc_main as default };