@fmdeui/fmui 1.0.61 → 1.0.63

package/lib/component.js

@@ -13,6 +13,8 @@ var index$8 = require('./packages/components/form/index.js');
 var index$7 = require('./packages/components/chart/index.js');
 var index$9 = require('./packages/components/fm-layout/index.js');
 var index$a = require('./packages/components/fm-settings/index.js');
+var index$b = require('./packages/components/modifyRecord/index.js');
+var index$c = require('./packages/components/fmtree/index.js');
 
 const plugins = [
   index.FButton,
@@ -25,7 +27,9 @@ const plugins = [
   index$7.FChart,
   index$8.FForm,
   index$9.FLayout,
-  index$a.FSettings
+  index$a.FSettings,
+  index$b.FModifyRecord,
+  index$c.FmTree
 ];
 
 exports.default = plugins;

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/packages/components/fmtree/index.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.vue.js');
+var index_vue_vue_type_script_name_FmTree_setup_true_lang = require('./index.vue2.js');
+
+const FmTree = index_vue_vue_type_script_name_FmTree_setup_true_lang.default;
+
+exports.FmTree = FmTree;

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

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_name_FmTree_setup_true_lang = require('./index.vue2.js');
+
+
+
+exports.default = index_vue_vue_type_script_name_FmTree_setup_true_lang.default;

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

@@ -0,0 +1,278 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var svg = require('@element-plus/icons-vue');
+require('../../api/index.js');
+var index = require('../../api/base/index.js');
+
+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__ */ vue.defineComponent({
+  ...{
+    name: "FmTree"
+  },
+  __name: "index",
+  props: /* @__PURE__ */ vue.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__ */ vue.mergeModels(["node-click"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const modeValue = vue.useModel(__props, "modelValue");
+    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) => {
+      var _a, _b;
+      if (showLoading) state.loading = true;
+      var res = await index.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 = vue.resolveComponent("el-input");
+      const _component_el_checkbox = vue.resolveComponent("el-checkbox");
+      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_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, {
+        shadow: "hover",
+        "body-style": "height:100%;overflow:auto;padding:5px;width:100%;",
+        style: { "height": "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: __props.placeholder
+                }, null, 8, ["prefix-icon", "modelValue", "placeholder"])
+              ]),
+              vue.createElementVNode("div", _hoisted_4, [
+                !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),
+                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
+                              /* CACHED */
+                            )
+                          ])]),
+                          _: 1
+                          /* STABLE */
+                        }),
+                        vue.createVNode(_component_el_dropdown_item, { command: "collapseAll" }, {
+                          default: vue.withCtx(() => [..._cache[3] || (_cache[3] = [
+                            vue.createTextVNode(
+                              "\u5168\u90E8\u6298\u53E0",
+                              -1
+                              /* CACHED */
+                            )
+                          ])]),
+                          _: 1
+                          /* STABLE */
+                        }),
+                        vue.createVNode(_component_el_dropdown_item, { command: "rootNode" }, {
+                          default: vue.withCtx(() => [..._cache[4] || (_cache[4] = [
+                            vue.createTextVNode(
+                              "\u6839\u8282\u70B9",
+                              -1
+                              /* CACHED */
+                            )
+                          ])]),
+                          _: 1
+                          /* STABLE */
+                        }),
+                        vue.createVNode(_component_el_dropdown_item, { command: "refresh" }, {
+                          default: vue.withCtx(() => [..._cache[5] || (_cache[5] = [
+                            vue.createTextVNode(
+                              "\u5237\u65B0",
+                              -1
+                              /* CACHED */
+                            )
+                          ])]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ]),
+                      _: 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 */
+                })
+              ])
+            ])
+          ])
+        ]),
+        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 }) => [
+                    vue.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> '),
+                    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/components/index.js

@@ -5,13 +5,14 @@ var index$3 = require('./input/index.js');
 var index$5 = require('./layout-page/index.js');
 var index$6 = require('./layout-page-item/index.js');
 var index$1 = require('./chart/index.js');
-var index$8 = require('./select/index.js');
-var index$9 = require('./select-table/index.js');
-var index$7 = require('./query-condition/index.js');
+var index$9 = require('./select/index.js');
+var index$a = require('./select-table/index.js');
+var index$8 = require('./query-condition/index.js');
 var index$2 = require('./form/index.js');
-var index$b = require('./svgIcon/index.js');
+var index$c = require('./svgIcon/index.js');
 var index$4 = require('./fm-layout/index.js');
-var index$a = require('./fm-settings/index.js');
+var index$b = require('./fm-settings/index.js');
+var index$7 = require('./modifyRecord/index.js');
 
 
 
@@ -20,10 +21,11 @@ exports.FInput = index$3.FInput;
 exports.FLayoutPage = index$5.FLayoutPage;
 exports.FLayoutPageItem = index$6.FLayoutPageItem;
 exports.FChart = index$1.FChart;
-exports.FSelect = index$8.FSelect;
-exports.FSelectTable = index$9.FSelectTable;
-exports.FQueryCondition = index$7.FQueryCondition;
+exports.FSelect = index$9.FSelect;
+exports.FSelectTable = index$a.FSelectTable;
+exports.FQueryCondition = index$8.FQueryCondition;
 exports.FForm = index$2.FForm;
-exports.elSvg = index$b.elSvg;
+exports.elSvg = index$c.elSvg;
 exports.FLayout = index$4.FLayout;
-exports.FSettings = index$a.FSettings;
+exports.FSettings = index$b.FSettings;
+exports.FModifyRecord = index$7.FModifyRecord;

package/lib/packages/components/modifyRecord/index.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.vue.js');
+var index_vue_vue_type_script_name_FModifyRecord_setup_true_lang = require('./index.vue2.js');
+
+const FModifyRecord = index_vue_vue_type_script_name_FModifyRecord_setup_true_lang.default;
+
+exports.FModifyRecord = FModifyRecord;

package/lib/packages/components/modifyRecord/index.vue.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_name_FModifyRecord_setup_true_lang = require('./index.vue2.js');
+
+
+
+exports.default = index_vue_vue_type_script_name_FModifyRecord_setup_true_lang.default;