@fmdeui/fmui 1.0.75 → 1.0.76

package/index.mjs

@@ -1,4 +1,4 @@
-/*! fmdeui-fmui v1.0.75 */
+/*! fmdeui-fmui v1.0.76 */
 import VxeUITable from 'vxe-table';
 import VxeUIPluginRenderElement from '@vxe-ui/plugin-render-element';
 import VxeUIPluginExportXLSX from '@vxe-ui/plugin-export-xlsx';
@@ -19777,7 +19777,7 @@ const setupVXETable = (app) => {
   app.use(VxeUITable);
 };
 
-var _sfc_main$F = /* @__PURE__ */ defineComponent({
+var _sfc_main$G = /* @__PURE__ */ defineComponent({
   ...{
     name: "FButton"
   },
@@ -19847,7 +19847,7 @@ var _sfc_main$F = /* @__PURE__ */ defineComponent({
   }
 });
 
-const FButton = _sfc_main$F;
+const FButton = _sfc_main$G;
 
 const buildTranslator = (locale) => (path, option) => translate(path, option, unref(locale));
 const translate = (path, option, locale) => get(locale, path, path).replace(
@@ -20418,9 +20418,9 @@ function getlimit(value) {
   return null;
 }
 
-const _hoisted_1$r = { key: 0 };
+const _hoisted_1$s = { key: 0 };
 const _hoisted_2$i = { key: 0 };
-var _sfc_main$E = /* @__PURE__ */ defineComponent({
+var _sfc_main$F = /* @__PURE__ */ defineComponent({
   ...{
     name: "FInput"
   },
@@ -20627,7 +20627,7 @@ var _sfc_main$E = /* @__PURE__ */ defineComponent({
               fn: withCtx(() => [
                 __props.inputType === "amount" ? (openBlock(), createElementBlock(
                   "span",
-                  _hoisted_1$r,
+                  _hoisted_1$s,
                   toDisplayString(appendTitleText.value),
                   1
                   /* TEXT */
@@ -20673,13 +20673,13 @@ var _sfc_main$E = /* @__PURE__ */ defineComponent({
   }
 });
 
-const FInput = _sfc_main$E;
+const FInput = _sfc_main$F;
 
-const _hoisted_1$q = {
+const _hoisted_1$r = {
   key: 0,
   class: "back_to_top"
 };
-var _sfc_main$D = /* @__PURE__ */ defineComponent({
+var _sfc_main$E = /* @__PURE__ */ defineComponent({
   ...{
     name: "FLayoutPage"
   },
@@ -20741,7 +20741,7 @@ var _sfc_main$D = /* @__PURE__ */ defineComponent({
         },
         [
           renderSlot(_ctx.$slots, "default"),
-          __props.showGoTopButton ? (openBlock(), createElementBlock("div", _hoisted_1$q, [
+          __props.showGoTopButton ? (openBlock(), createElementBlock("div", _hoisted_1$r, [
             isShowGoTopButton.value ? (openBlock(), createElementBlock("div", {
               key: 0,
               onClick: backToTop
@@ -20769,9 +20769,9 @@ var _sfc_main$D = /* @__PURE__ */ defineComponent({
   }
 });
 
-const FLayoutPage = _sfc_main$D;
+const FLayoutPage = _sfc_main$E;
 
-var _sfc_main$C = /* @__PURE__ */ defineComponent({
+var _sfc_main$D = /* @__PURE__ */ defineComponent({
   ...{
     name: "FLayoutPageItem"
   },
@@ -20799,7 +20799,7 @@ var _sfc_main$C = /* @__PURE__ */ defineComponent({
   }
 });
 
-const FLayoutPageItem = _sfc_main$C;
+const FLayoutPageItem = _sfc_main$D;
 
 function debounce(func, delay = 500, immediate, resultCallback) {
   let timer = null;
@@ -20842,8 +20842,8 @@ function toLine(name) {
   return name.replace(/([A-Z])/g, "_$1").toLowerCase();
 }
 
-const _hoisted_1$p = ["id"];
-var _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _hoisted_1$q = ["id"];
+var _sfc_main$C = /* @__PURE__ */ defineComponent({
   ...{
     name: "FChart"
   },
@@ -20927,7 +20927,7 @@ var _sfc_main$B = /* @__PURE__ */ defineComponent({
             id: __props.id,
             ref_key: "echartRef",
             ref: echartRef
-          }, null, 8, _hoisted_1$p), [
+          }, null, 8, _hoisted_1$q), [
             [vShow, !formatEmpty.value]
           ]),
           formatEmpty.value ? renderSlot(_ctx.$slots, "empty", { key: 0 }, () => [
@@ -20942,13 +20942,13 @@ var _sfc_main$B = /* @__PURE__ */ defineComponent({
   }
 });
 
-const FChart = _sfc_main$B;
+const FChart = _sfc_main$C;
 
-const _hoisted_1$o = {
+const _hoisted_1$p = {
   key: 1,
   class: "f_select__pagination"
 };
-var _sfc_main$A = /* @__PURE__ */ defineComponent({
+var _sfc_main$B = /* @__PURE__ */ defineComponent({
   ...{
     name: "FSelect"
   },
@@ -21161,7 +21161,7 @@ var _sfc_main$A = /* @__PURE__ */ defineComponent({
                 128
                 /* KEYED_FRAGMENT */
               )),
-              __props.isShowPagination && filteredOptionsCount.value > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$o, [
+              __props.isShowPagination && filteredOptionsCount.value > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$p, [
                 createVNode(_component_el_pagination, mergeProps({
                   "current-page": __props.paginationOption.currentPage,
                   "onUpdate:currentPage": _cache[1] || (_cache[1] = ($event) => __props.paginationOption.currentPage = $event),
@@ -21199,9 +21199,9 @@ var _sfc_main$A = /* @__PURE__ */ defineComponent({
   }
 });
 
-const FSelect = _sfc_main$A;
+const FSelect = _sfc_main$B;
 
-var _sfc_main$z = /* @__PURE__ */ defineComponent({
+var _sfc_main$A = /* @__PURE__ */ defineComponent({
   ...{
     name: "RenderComp"
   },
@@ -21221,12 +21221,12 @@ var _sfc_main$z = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$n = { class: "inside_box" };
+const _hoisted_1$o = { class: "inside_box" };
 const _hoisted_2$h = { class: "inside_box_title" };
 const _hoisted_3$a = { class: "check-box" };
 const _hoisted_4$7 = { class: "more_dropdown_icon" };
 const _hoisted_5$6 = { class: "out_box" };
-var _sfc_main$y = /* @__PURE__ */ defineComponent({
+var _sfc_main$z = /* @__PURE__ */ defineComponent({
   ...{
     name: "MoreChoose"
   },
@@ -21364,7 +21364,7 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
           ])
         ]),
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$n, [
+          createElementVNode("div", _hoisted_1$o, [
             createElementVNode("div", _hoisted_2$h, [
               createElementVNode(
                 "div",
@@ -21541,7 +21541,7 @@ function useComputed() {
   };
 }
 
-var _sfc_main$x = /* @__PURE__ */ defineComponent({
+var _sfc_main$y = /* @__PURE__ */ defineComponent({
   ...{
     name: "FQueryCondition"
   },
@@ -21960,7 +21960,7 @@ var _sfc_main$x = /* @__PURE__ */ defineComponent({
                 opt.labelRender ? {
                   name: "label",
                   fn: withCtx(() => [
-                    createVNode(_sfc_main$z, {
+                    createVNode(_sfc_main$A, {
                       form: unref(queryState).form,
                       render: opt.labelRender
                     }, null, 8, ["form", "render"])
@@ -22056,7 +22056,7 @@ var _sfc_main$x = /* @__PURE__ */ defineComponent({
                         _: 1
                         /* STABLE */
                       })) : createCommentVNode("v-if", true),
-                      createVNode(_sfc_main$y, {
+                      createVNode(_sfc_main$z, {
                         isDropDownSelectMore: __props.isDropDownSelectMore,
                         moreCheckList: __props.moreCheckList,
                         popoverAttrsBind: popoverAttrsBind.value,
@@ -22082,7 +22082,7 @@ var _sfc_main$x = /* @__PURE__ */ defineComponent({
   }
 });
 
-var _sfc_main$w = /* @__PURE__ */ defineComponent({
+var _sfc_main$x = /* @__PURE__ */ defineComponent({
   ...{
     name: "RenderCol"
   },
@@ -22238,7 +22238,7 @@ function useVirtualized() {
   };
 }
 
-const _hoisted_1$m = {
+const _hoisted_1$n = {
   key: 0,
   class: "table_query_condition"
 };
@@ -22248,7 +22248,7 @@ const _hoisted_4$6 = {
   key: 0,
   class: "f-table-select__page"
 };
-var _sfc_main$v = /* @__PURE__ */ defineComponent({
+var _sfc_main$w = /* @__PURE__ */ defineComponent({
   ...{
     name: "FSelectTable"
   },
@@ -22870,9 +22870,9 @@ var _sfc_main$v = /* @__PURE__ */ defineComponent({
               style: normalizeStyle({ width: __props.tableWidth ? `${__props.tableWidth}px` : "100%" })
             },
             [
-              __props.isShowQuery ? (openBlock(), createElementBlock("div", _hoisted_1$m, [
+              __props.isShowQuery ? (openBlock(), createElementBlock("div", _hoisted_1$n, [
                 createVNode(
-                  _sfc_main$x,
+                  _sfc_main$y,
                   mergeProps({
                     ref_key: "fQueryConditionRef",
                     ref: fQueryConditionRef,
@@ -22998,7 +22998,7 @@ var _sfc_main$v = /* @__PURE__ */ defineComponent({
                           fixed: item.fixed
                         }, { ref_for: true }, { "show-overflow-tooltip": true, ...item.bind }), {
                           default: withCtx((scope) => [
-                            item.render ? (openBlock(), createBlock(_sfc_main$w, {
+                            item.render ? (openBlock(), createBlock(_sfc_main$x, {
                               key: 0,
                               column: item,
                               row: scope.row,
@@ -23061,11 +23061,11 @@ var _sfc_main$v = /* @__PURE__ */ defineComponent({
   }
 });
 
-const FSelectTable = _sfc_main$v;
+const FSelectTable = _sfc_main$w;
 
-const FQueryCondition = _sfc_main$x;
+const FQueryCondition = _sfc_main$y;
 
-var _sfc_main$u = /* @__PURE__ */ defineComponent({
+var _sfc_main$v = /* @__PURE__ */ defineComponent({
   ...{
     name: "RenderComp"
   },
@@ -23085,7 +23085,7 @@ var _sfc_main$u = /* @__PURE__ */ defineComponent({
   }
 });
 
-var _sfc_main$t = /* @__PURE__ */ defineComponent({
+var _sfc_main$u = /* @__PURE__ */ defineComponent({
   ...{
     name: "RenderBtn"
   },
@@ -23105,12 +23105,12 @@ var _sfc_main$t = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$l = {
+const _hoisted_1$m = {
   key: 1,
   class: "text_show"
 };
 const _hoisted_2$f = { class: "footer_btn flex-box flex-ver f-margin-top-5" };
-var _sfc_main$s = /* @__PURE__ */ defineComponent({
+var _sfc_main$t = /* @__PURE__ */ defineComponent({
   ...{
     name: "FForm"
   },
@@ -23361,7 +23361,7 @@ var _sfc_main$s = /* @__PURE__ */ defineComponent({
                       }) : createCommentVNode("v-if", true),
                       item.textShow ? (openBlock(), createElementBlock(
                         "span",
-                        _hoisted_1$l,
+                        _hoisted_1$m,
                         toDisplayString(item.textValue || __props.formOpts.formData[item.value]),
                         1
                         /* TEXT */
@@ -23481,7 +23481,7 @@ var _sfc_main$s = /* @__PURE__ */ defineComponent({
                     item.labelSlotName || item.labelRender ? {
                       name: "label",
                       fn: withCtx(() => [
-                        item.labelRender ? (openBlock(), createBlock(_sfc_main$u, {
+                        item.labelRender ? (openBlock(), createBlock(_sfc_main$v, {
                           key: 0,
                           render: item.labelRender,
                           item
@@ -23513,7 +23513,7 @@ var _sfc_main$s = /* @__PURE__ */ defineComponent({
                   Fragment,
                   null,
                   [
-                    val.render ? (openBlock(), createBlock(_sfc_main$t, {
+                    val.render ? (openBlock(), createBlock(_sfc_main$u, {
                       key: index,
                       item: val,
                       render: val.render
@@ -23560,10 +23560,10 @@ var _sfc_main$s = /* @__PURE__ */ defineComponent({
   }
 });
 
-const FForm = _sfc_main$s;
+const FForm = _sfc_main$t;
 
-const _hoisted_1$k = ["src"];
-var _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _hoisted_1$l = ["src"];
+var _sfc_main$s = /* @__PURE__ */ defineComponent({
   ...{
     name: "svgIcon"
   },
@@ -23634,7 +23634,7 @@ var _sfc_main$r = /* @__PURE__ */ defineComponent({
           createElementVNode("img", {
             src: getIconName.value,
             style: normalizeStyle(setIconSvgInsStyle.value)
-          }, null, 12, _hoisted_1$k)
+          }, null, 12, _hoisted_1$l)
         ],
         4
         /* STYLE */
@@ -23661,13 +23661,13 @@ function elSvg(app) {
     }
   }
   if (!app._context.components[`SvgIcon`]) {
-    app.component("SvgIcon", _sfc_main$r);
+    app.component("SvgIcon", _sfc_main$s);
   }
 }
 
 const emitter = mitt();
 
-var _sfc_main$q = /* @__PURE__ */ defineComponent({
+var _sfc_main$r = /* @__PURE__ */ defineComponent({
   ...{
     name: "FLayout"
   },
@@ -23753,7 +23753,7 @@ var _sfc_main$q = /* @__PURE__ */ defineComponent({
   }
 });
 
-const FLayout = _sfc_main$q;
+const FLayout = _sfc_main$r;
 
 function commonFunction() {
   const { copy, isSupported } = useClipboard();
@@ -24030,7 +24030,7 @@ const other = {
   // },
 };
 
-const _hoisted_1$j = { class: "layout-breadcrumb-seting" };
+const _hoisted_1$k = { class: "layout-breadcrumb-seting" };
 const _hoisted_2$e = { class: "layout-breadcrumb-seting-bar-flex" };
 const _hoisted_3$8 = { class: "layout-breadcrumb-seting-bar-flex-label" };
 const _hoisted_4$5 = { class: "layout-breadcrumb-seting-bar-flex-value" };
@@ -24155,7 +24155,7 @@ const _hoisted_119 = {
   class: "traditionalColors-chines",
   style: { "cursor": "grab", "color": "gray" }
 };
-var _sfc_main$p = /* @__PURE__ */ defineComponent({
+var _sfc_main$q = /* @__PURE__ */ defineComponent({
   ...{
     name: "FSettings"
   },
@@ -24419,7 +24419,7 @@ var _sfc_main$p = /* @__PURE__ */ defineComponent({
       const _component_el_col = resolveComponent("el-col");
       const _component_el_row = resolveComponent("el-row");
       const _component_el_dialog = resolveComponent("el-dialog");
-      return openBlock(), createElementBlock("div", _hoisted_1$j, [
+      return openBlock(), createElementBlock("div", _hoisted_1$k, [
         createVNode(_component_el_drawer, {
           title: _ctx.$t("message.layout.configTitle"),
           modelValue: getThemeConfig.value.isDrawer,
@@ -25918,9 +25918,9 @@ var _sfc_main$p = /* @__PURE__ */ defineComponent({
   }
 });
 
-const FSettings = _sfc_main$p;
+const FSettings = _sfc_main$q;
 
-var _sfc_main$o = /* @__PURE__ */ defineComponent({
+var _sfc_main$p = /* @__PURE__ */ defineComponent({
   ...{
     name: "FModifyRecord"
   },
@@ -26183,7 +26183,7 @@ var _sfc_main$o = /* @__PURE__ */ defineComponent({
   }
 });
 
-const FModifyRecord = _sfc_main$o;
+const FModifyRecord = _sfc_main$p;
 
 const makeInstaller = (components = []) => {
   const install = (app) => {
@@ -26204,12 +26204,12 @@ const makeInstaller = (components = []) => {
   };
 };
 
-const _hoisted_1$i = { style: { "padding": "5px" } };
+const _hoisted_1$j = { style: { "padding": "5px" } };
 const _hoisted_2$d = { style: { "display": "flex", "align-items": "center", "gap": "8px", "flex-wrap": "nowrap", "overflow": "hidden" } };
 const _hoisted_3$7 = { style: { "flex": "1 1 200px", "min-width": "0", "overflow": "hidden" } };
 const _hoisted_4$4 = { style: { "display": "flex", "align-items": "center", "flex-shrink": "0", "white-space": "nowrap" } };
 const _hoisted_5$4 = { style: { "margin-bottom": "45px" } };
-var _sfc_main$n = /* @__PURE__ */ defineComponent({
+var _sfc_main$o = /* @__PURE__ */ defineComponent({
   ...{
     name: "FmTree"
   },
@@ -26403,7 +26403,7 @@ var _sfc_main$n = /* @__PURE__ */ defineComponent({
         style: { "height": "100%" }
       }, {
         header: withCtx(() => [
-          createElementVNode("div", _hoisted_1$i, [
+          createElementVNode("div", _hoisted_1$j, [
             createElementVNode("div", _hoisted_2$d, [
               createElementVNode("div", _hoisted_3$7, [
                 createVNode(_component_el_input, {
@@ -26543,7 +26543,132 @@ var _sfc_main$n = /* @__PURE__ */ defineComponent({
   }
 });
 
-const FmTree = _sfc_main$n;
+const FmTree = _sfc_main$o;
+
+const _hoisted_1$i = { key: 0 };
+var _sfc_main$n = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "FmCascader"
+  },
+  __name: "index",
+  props: /* @__PURE__ */ mergeModels({
+    orgData: {
+      type: Array,
+      default: () => []
+    },
+    cascaderProps: {
+      type: Object,
+      default: () => ({ emitPath: false, value: "id", label: "name", expandTrigger: "hover" })
+    },
+    placeholder: {
+      type: String,
+      default: "\u8BF7\u9009\u62E9\u7236\u8282"
+    },
+    vId: {
+      type: String,
+      default: "opOrgId"
+    },
+    vCmpId: {
+      type: String,
+      default: "opCmpId"
+    },
+    vDetId: {
+      type: String,
+      default: "opDetId"
+    },
+    vGroupId: {
+      type: String,
+      default: "opGroupId"
+    }
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const modeValue = useModel(__props, "modelValue");
+    const props = __props;
+    const handelchangeOrg = (val) => {
+      modeValue.value[props.vId] = val;
+      const node = findNode(val);
+      if (node) {
+        if (node.pid == 0) {
+          if (Object.prototype.hasOwnProperty.call(modeValue.value, props.vCmpId))
+            modeValue.value[props.vCmpId] = node.id;
+          if (Object.prototype.hasOwnProperty.call(modeValue.value, props.vDetId))
+            modeValue.value[props.vDetId] = 0;
+          if (Object.prototype.hasOwnProperty.call(modeValue.value, props.vGroupId))
+            modeValue.value[props.vGroupId] = 0;
+        } else if (node.level == 2) {
+          if (Object.prototype.hasOwnProperty.call(modeValue.value, props.vDetId))
+            modeValue.value[props.vDetId] = node.id;
+          if (Object.prototype.hasOwnProperty.call(modeValue.value, props.vCmpId))
+            modeValue.value[props.vCmpId] = node.pid;
+          if (Object.prototype.hasOwnProperty.call(modeValue.value, props.vGroupId))
+            modeValue.value[props.vGroupId] = 0;
+        } else if (node.level == 3) {
+          if (Object.prototype.hasOwnProperty.call(modeValue.value, props.vGroupId))
+            modeValue.value[props.vGroupId] = node.id;
+          if (Object.prototype.hasOwnProperty.call(modeValue.value, props.vDetId))
+            modeValue.value[props.vDetId] = node.pid;
+          let top = findNode(node.pid);
+          if (top) {
+            if (Object.prototype.hasOwnProperty.call(modeValue.value, props.vCmpId))
+              modeValue.value[props.vCmpId] = top.id;
+          }
+        }
+      }
+    };
+    const findNode = (id) => {
+      const search = (nodes) => {
+        var _a;
+        for (const node of nodes) {
+          if (node.id === id) return node;
+          if ((_a = node.children) == null ? void 0 : _a.length) {
+            const found = search(node.children);
+            if (found) return found;
+          }
+        }
+        return null;
+      };
+      return search(props.orgData || []);
+    };
+    return (_ctx, _cache) => {
+      const _component_el_cascader = resolveComponent("el-cascader");
+      return openBlock(), createBlock(_component_el_cascader, {
+        options: props.orgData,
+        props: __props.cascaderProps,
+        placeholder: __props.placeholder,
+        filterable: "",
+        class: "w100",
+        modelValue: modeValue.value[__props.vId],
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modeValue.value[__props.vId] = $event),
+        onChange: handelchangeOrg
+      }, {
+        default: withCtx(({ node, data }) => [
+          createElementVNode(
+            "span",
+            null,
+            toDisplayString(node.label),
+            1
+            /* TEXT */
+          ),
+          !node.isLeaf ? (openBlock(), createElementBlock(
+            "span",
+            _hoisted_1$i,
+            " (" + toDisplayString(data.children.length) + ") ",
+            1
+            /* TEXT */
+          )) : createCommentVNode("v-if", true)
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["options", "props", "placeholder", "modelValue"]);
+    };
+  }
+});
+
+const FmCascader = _sfc_main$n;
 
 const plugins = [
   FButton,
@@ -26558,7 +26683,8 @@ const plugins = [
   FLayout,
   FSettings,
   FModifyRecord,
-  FmTree
+  FmTree,
+  FmCascader
 ];
 
 var installer = makeInstaller([...plugins]);

package/lib/component.js

@@ -15,6 +15,7 @@ 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');
+var index$d = require('./packages/components/fmcascader/index.js');
 
 const plugins = [
   index.FButton,
@@ -29,7 +30,8 @@ const plugins = [
   index$9.FLayout,
   index$a.FSettings,
   index$b.FModifyRecord,
-  index$c.FmTree
+  index$c.FmTree,
+  index$d.FmCascader
 ];
 
 exports.default = plugins;