@fangzhongya/fang-ui 0.0.38 → 0.0.40

package/dist/components/menus/src/index2.cjs

@@ -1,4 +1,130 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const index_vue_vue_type_script_setup_true_lang = require("./index.cjs");
-exports.default = index_vue_vue_type_script_setup_true_lang.default;
+const vue = require("vue");
+require("./menu-ll.cjs");
+const index$1 = require("element-plus/es/components/menu/index");
+const index = require("../../../hooks/cssname/index.cjs");
+const menuLl_vue_vue_type_script_lang = require("./menu-ll2.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: {
+    /**
+       * @props { Object } config={
+              children: 'children',
+              icon: 'icon',
+              prop: 'prop',
+              label: 'label',
+              class: ''
+          } () 配置参数
+       * @props { String } config.children= ( ) 下一级对象属性
+       * @props { String } config.icon= ( ) 字体图标属性
+       * @props { String } config.prop= ( ) 树中唯一值属性
+       * @props { String } config.label= ( ) 文字展示值属性
+       * @props { String } class= ( ) 添加样式类
+       */
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    /**
+     * @props { Object } compons 外部组件集合
+     */
+    compons: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    /**
+     * 是否带层级
+     */
+    level: [Boolean, String],
+    value: {
+      type: String
+    },
+    list: {
+      type: Array,
+      default() {
+        return [];
+      }
+    }
+  },
+  emits: ["select"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const cs = index.useCssName("menus");
+    const emit = __emit;
+    const attrs = vue.useAttrs();
+    const slots = vue.useSlots();
+    const config = vue.computed(() => {
+      return Object.assign(
+        {
+          children: "children",
+          icon: "icon",
+          prop: "prop",
+          label: "label",
+          class: ""
+        },
+        props.config
+      );
+    });
+    function getChildrenValue(list, value, config2) {
+      for (let index2 = 0; index2 < list.length; index2++) {
+        const element = list[index2];
+        const p = config2.prop;
+        if (p && element[p] == value) {
+          return element;
+        }
+      }
+    }
+    function getChildren(list, arr, config2) {
+      let arrObj = [];
+      let listarr = list;
+      arr.forEach((value) => {
+        let v = getChildrenValue(listarr, value, config2);
+        if (v) {
+          arrObj.push(Object.assign({}, v));
+          const c = config2.children;
+          if (c) {
+            listarr = v[c];
+          }
+        }
+      });
+      return arrObj;
+    }
+    function onSelect(id, arr) {
+      let arrObj = getChildren(props.list, arr, config.value);
+      emit("select", id, arr, arrObj);
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$1.ElMenu), vue.mergeProps(vue.unref(attrs), {
+        class: vue.unref(cs).z(),
+        onSelect,
+        "default-active": props.value
+      }), {
+        default: vue.withCtx(() => [
+          vue.createVNode(menuLl_vue_vue_type_script_lang.default, {
+            compons: props.compons,
+            value: props.value,
+            list: props.list,
+            level: props.level,
+            config: config.value
+          }, vue.createSlots({ _: 2 }, [
+            vue.renderList(Object.keys(vue.unref(slots)), (k) => {
+              return {
+                name: k,
+                fn: vue.withCtx((scope) => [
+                  vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope)))
+                ])
+              };
+            })
+          ]), 1032, ["compons", "value", "list", "level", "config"])
+        ]),
+        _: 3
+      }, 16, ["class", "default-active"]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/components/menus/src/index2.js

@@ -1,4 +1,130 @@
-import _sfc_main from "./index.js";
+import { defineComponent, useAttrs, useSlots, computed, createBlock, openBlock, unref, mergeProps, withCtx, createVNode, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import "./menu-ll.js";
+import { ElMenu } from "element-plus/es/components/menu/index";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import _sfc_main$1 from "./menu-ll2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    /**
+       * @props { Object } config={
+              children: 'children',
+              icon: 'icon',
+              prop: 'prop',
+              label: 'label',
+              class: ''
+          } () 配置参数
+       * @props { String } config.children= ( ) 下一级对象属性
+       * @props { String } config.icon= ( ) 字体图标属性
+       * @props { String } config.prop= ( ) 树中唯一值属性
+       * @props { String } config.label= ( ) 文字展示值属性
+       * @props { String } class= ( ) 添加样式类
+       */
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    /**
+     * @props { Object } compons 外部组件集合
+     */
+    compons: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    /**
+     * 是否带层级
+     */
+    level: [Boolean, String],
+    value: {
+      type: String
+    },
+    list: {
+      type: Array,
+      default() {
+        return [];
+      }
+    }
+  },
+  emits: ["select"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const cs = useCssName("menus");
+    const emit = __emit;
+    const attrs = useAttrs();
+    const slots = useSlots();
+    const config = computed(() => {
+      return Object.assign(
+        {
+          children: "children",
+          icon: "icon",
+          prop: "prop",
+          label: "label",
+          class: ""
+        },
+        props.config
+      );
+    });
+    function getChildrenValue(list, value, config2) {
+      for (let index = 0; index < list.length; index++) {
+        const element = list[index];
+        const p = config2.prop;
+        if (p && element[p] == value) {
+          return element;
+        }
+      }
+    }
+    function getChildren(list, arr, config2) {
+      let arrObj = [];
+      let listarr = list;
+      arr.forEach((value) => {
+        let v = getChildrenValue(listarr, value, config2);
+        if (v) {
+          arrObj.push(Object.assign({}, v));
+          const c = config2.children;
+          if (c) {
+            listarr = v[c];
+          }
+        }
+      });
+      return arrObj;
+    }
+    function onSelect(id, arr) {
+      let arrObj = getChildren(props.list, arr, config.value);
+      emit("select", id, arr, arrObj);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElMenu), mergeProps(unref(attrs), {
+        class: unref(cs).z(),
+        onSelect,
+        "default-active": props.value
+      }), {
+        default: withCtx(() => [
+          createVNode(_sfc_main$1, {
+            compons: props.compons,
+            value: props.value,
+            list: props.list,
+            level: props.level,
+            config: config.value
+          }, createSlots({ _: 2 }, [
+            renderList(Object.keys(unref(slots)), (k) => {
+              return {
+                name: k,
+                fn: withCtx((scope) => [
+                  renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope)))
+                ])
+              };
+            })
+          ]), 1032, ["compons", "value", "list", "level", "config"])
+        ]),
+        _: 3
+      }, 16, ["class", "default-active"]);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/dist/components/menus/src/menu-ll.cjs

@@ -1,154 +1,4 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const index$1 = require("element-plus/es/components/menu/index");
-const index$2 = require("../../icon/index.cjs");
-const use = require("../../common/use.cjs");
-const index = require("../../../hooks/cssname/index.cjs");
-const util$1 = require("./util.cjs");
-const util = require("../../../utils/util.cjs");
-require("../../../utils/vues/getBuildProps.cjs");
-require("@fangzhongya/utils/css/setObjStyle");
-require("@fangzhongya/utils/css/getCss");
-const _sfc_main = vue.defineComponent({
-  expose: [],
-  emits: ["list-events"],
-  props: {
-    list: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    //展示数据列表
-    level: [Boolean, String],
-    value: {
-      type: String
-    },
-    /**
-     * @props { Object } compons 外部组件集合
-     */
-    compons: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    config: Object
-  },
-  setup(props, { emit, slots }) {
-    const cs = index.useCssName("menu-li");
-    const getIcon = (obj, config = {}) => {
-      const i = obj[config.icon];
-      if (i) {
-        if (typeof i === "string") {
-          return vue.h(
-            index$2.Icon,
-            {
-              class: cs.z("icon")
-            },
-            vue.h("i", {
-              class: "icon-" + i
-            })
-          );
-        } else {
-          return vue.h(
-            index$2.Icon,
-            {
-              class: cs.z("icon")
-            },
-            vue.h(i)
-          );
-        }
-      }
-    };
-    const getLabel = (obj, config = {}) => {
-      return vue.h(
-        "span",
-        {
-          class: cs.z("text")
-        },
-        util$1.setLabel(
-          obj[config.label],
-          obj,
-          props,
-          props.compons,
-          emit,
-          slots,
-          0
-        )
-      );
-    };
-    const setIndexValue = (v, obj, config = {}) => {
-      if (props.level) {
-        const farr = [obj];
-        util.getFathers(obj, farr);
-        const p = config.prop;
-        const j = typeof props.level === "boolean" ? "-" : props.level;
-        return farr.map((o) => o[p]).join(j);
-      }
-      return v;
-    };
-    const getLists = (arrs, config = {}, listobj) => {
-      let arr = [];
-      arrs?.forEach((obj, index2) => {
-        if (listobj) {
-          obj.father = obj.father ?? listobj;
-        }
-        if (!use.useHide(obj, props.value)) {
-          const v = obj[config.prop];
-          const c = obj[config.children];
-          const i = setIndexValue(v, obj, props.config);
-          if (c && c.length > 0) {
-            arr.push(
-              vue.h(
-                index$1.ElSubMenu,
-                {
-                  popperClass: config.class + " " + config.class + "-" + v,
-                  index: i
-                },
-                {
-                  default: () => getLists(c, config, obj),
-                  title: () => vue.h(
-                    "div",
-                    {
-                      class: cs.z("item")
-                    },
-                    [
-                      getIcon(obj, config),
-                      getLabel(obj, config)
-                    ]
-                  )
-                }
-              )
-            );
-          } else {
-            arr.push(
-              vue.h(
-                index$1.ElMenuItem,
-                {
-                  index: i
-                },
-                {
-                  title: () => vue.h(
-                    "div",
-                    {
-                      class: cs.z("item")
-                    },
-                    [
-                      getIcon(obj, config),
-                      getLabel(obj, config)
-                    ]
-                  )
-                }
-              )
-            );
-          }
-        }
-      });
-      return arr;
-    };
-    return () => getLists(props.list, props.config);
-  }
-});
-exports.default = _sfc_main;
+const menuLl_vue_vue_type_script_lang = require("./menu-ll2.cjs");
+exports.default = menuLl_vue_vue_type_script_lang.default;

package/dist/components/menus/src/menu-ll.js

@@ -1,154 +1,4 @@
-import { defineComponent, h } from "vue";
-import { ElSubMenu, ElMenuItem } from "element-plus/es/components/menu/index";
-import { Icon } from "../../icon/index.js";
-import { useHide } from "../../common/use.js";
-import { useCssName } from "../../../hooks/cssname/index.js";
-import { setLabel } from "./util.js";
-import { getFathers } from "../../../utils/util.js";
-import "../../../utils/vues/getBuildProps.js";
-import "@fangzhongya/utils/css/setObjStyle";
-import "@fangzhongya/utils/css/getCss";
-const _sfc_main = defineComponent({
-  expose: [],
-  emits: ["list-events"],
-  props: {
-    list: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    //展示数据列表
-    level: [Boolean, String],
-    value: {
-      type: String
-    },
-    /**
-     * @props { Object } compons 外部组件集合
-     */
-    compons: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    config: Object
-  },
-  setup(props, { emit, slots }) {
-    const cs = useCssName("menu-li");
-    const getIcon = (obj, config = {}) => {
-      const i = obj[config.icon];
-      if (i) {
-        if (typeof i === "string") {
-          return h(
-            Icon,
-            {
-              class: cs.z("icon")
-            },
-            h("i", {
-              class: "icon-" + i
-            })
-          );
-        } else {
-          return h(
-            Icon,
-            {
-              class: cs.z("icon")
-            },
-            h(i)
-          );
-        }
-      }
-    };
-    const getLabel = (obj, config = {}) => {
-      return h(
-        "span",
-        {
-          class: cs.z("text")
-        },
-        setLabel(
-          obj[config.label],
-          obj,
-          props,
-          props.compons,
-          emit,
-          slots,
-          0
-        )
-      );
-    };
-    const setIndexValue = (v, obj, config = {}) => {
-      if (props.level) {
-        const farr = [obj];
-        getFathers(obj, farr);
-        const p = config.prop;
-        const j = typeof props.level === "boolean" ? "-" : props.level;
-        return farr.map((o) => o[p]).join(j);
-      }
-      return v;
-    };
-    const getLists = (arrs, config = {}, listobj) => {
-      let arr = [];
-      arrs?.forEach((obj, index) => {
-        if (listobj) {
-          obj.father = obj.father ?? listobj;
-        }
-        if (!useHide(obj, props.value)) {
-          const v = obj[config.prop];
-          const c = obj[config.children];
-          const i = setIndexValue(v, obj, props.config);
-          if (c && c.length > 0) {
-            arr.push(
-              h(
-                ElSubMenu,
-                {
-                  popperClass: config.class + " " + config.class + "-" + v,
-                  index: i
-                },
-                {
-                  default: () => getLists(c, config, obj),
-                  title: () => h(
-                    "div",
-                    {
-                      class: cs.z("item")
-                    },
-                    [
-                      getIcon(obj, config),
-                      getLabel(obj, config)
-                    ]
-                  )
-                }
-              )
-            );
-          } else {
-            arr.push(
-              h(
-                ElMenuItem,
-                {
-                  index: i
-                },
-                {
-                  title: () => h(
-                    "div",
-                    {
-                      class: cs.z("item")
-                    },
-                    [
-                      getIcon(obj, config),
-                      getLabel(obj, config)
-                    ]
-                  )
-                }
-              )
-            );
-          }
-        }
-      });
-      return arr;
-    };
-    return () => getLists(props.list, props.config);
-  }
-});
+import _sfc_main from "./menu-ll2.js";
 export {
   _sfc_main as default
 };