@fangzhongya/fang-ui 0.0.38 → 0.0.40

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

@@ -1,4 +1,152 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const menuLl_vue_vue_type_script_lang = require("./menu-ll.cjs");
-exports.default = menuLl_vue_vue_type_script_lang.default;
+const vue = require("vue");
+const index$2 = require("element-plus/es/components/menu/index");
+const index$1 = require("../../icon/index.cjs");
+const use = require("../../common/use.cjs");
+const index = require("../../../hooks/cssname/index.cjs");
+const util = require("./util.cjs");
+require("../../../utils/index.cjs");
+const util$1 = require("../../../utils/util.cjs");
+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$1.Icon,
+            {
+              class: cs.z("icon")
+            },
+            vue.h("i", {
+              class: "icon-" + i
+            })
+          );
+        } else {
+          return vue.h(
+            index$1.Icon,
+            {
+              class: cs.z("icon")
+            },
+            vue.h(i)
+          );
+        }
+      }
+    };
+    const getLabel = (obj, config = {}) => {
+      return vue.h(
+        "span",
+        {
+          class: cs.z("text")
+        },
+        util.setLabel(
+          obj[config.label],
+          obj,
+          props,
+          props.compons,
+          emit,
+          slots,
+          0
+        )
+      );
+    };
+    const setIndexValue = (v, obj, config = {}) => {
+      if (props.level) {
+        const farr = [obj];
+        util$1.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$2.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$2.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;

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

@@ -1,4 +1,152 @@
-import _sfc_main from "./menu-ll.js";
+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 "../../../utils/index.js";
+import { getFathers } from "../../../utils/util.js";
+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);
+  }
+});
 export {
   _sfc_main as default
 };

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

@@ -2,18 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("vue");
 const use = require("../../common/use.cjs");
-require("@fangzhongya/utils/basic/string/splitUpper");
-require("@fangzhongya/utils/basic/array/isArray");
+require("../../../utils/util.cjs");
 const isObject = require("@fangzhongya/utils/basic/object/isObject");
-require("@fangzhongya/utils/basic/string/firstLower");
-require("@fangzhongya/utils/basic/object/hasOwn");
-require("@fangzhongya/utils/basic/string/firstUpper");
-require("@fangzhongya/utils/name/lineToLargeHump");
-require("@fangzhongya/utils/name/lineToSmallHump");
-require("@fangzhongya/utils/name/humpToLine");
-require("@fangzhongya/utils/basic/object/deepCopy");
-require("@fangzhongya/utils/basic/Array/toggleArray");
-require("@fangzhongya/utils/basic/object/objValue");
 function setLabel(value, obj, props, compons, emit, slots, index) {
   let label = value ?? obj.label ?? "";
   if (label) {

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

@@ -1,17 +1,7 @@
 import "vue";
 import { useSetSlot, useSetCompon, useGetDomValue } from "../../common/use.js";
-import "@fangzhongya/utils/basic/string/splitUpper";
-import "@fangzhongya/utils/basic/array/isArray";
+import "../../../utils/util.js";
 import { isObject } from "@fangzhongya/utils/basic/object/isObject";
-import "@fangzhongya/utils/basic/string/firstLower";
-import "@fangzhongya/utils/basic/object/hasOwn";
-import "@fangzhongya/utils/basic/string/firstUpper";
-import "@fangzhongya/utils/name/lineToLargeHump";
-import "@fangzhongya/utils/name/lineToSmallHump";
-import "@fangzhongya/utils/name/humpToLine";
-import "@fangzhongya/utils/basic/object/deepCopy";
-import "@fangzhongya/utils/basic/Array/toggleArray";
-import "@fangzhongya/utils/basic/object/objValue";
 function setLabel(value, obj, props, compons, emit, slots, index) {
   let label = value ?? obj.label ?? "";
   if (label) {

package/dist/components/option/index.cjs

@@ -2,7 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 ;/* empty css                   */
 const withInstall = require("../../utils/vues/withInstall.cjs");
-const index_vue_vue_type_script_setup_true_lang = require("./src/index.cjs");
+require("./src/index.cjs");
+const index_vue_vue_type_script_setup_true_lang = require("./src/index2.cjs");
 const Option = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "Option");
 exports.Option = Option;
 exports.default = Option;

package/dist/components/option/index.js

@@ -1,6 +1,7 @@
 /* empty css                 */
 import { withInstall } from "../../utils/vues/withInstall.js";
-import _sfc_main from "./src/index.js";
+import "./src/index.js";
+import _sfc_main from "./src/index2.js";
 const Option = withInstall(_sfc_main, "Option");
 export {
   Option,

package/dist/components/option/src/data.cjs

@@ -5,7 +5,9 @@ const dataProps = buildProps.buildProps({
   value: null
 });
 const dataEmits = [];
+const dataSlot = {};
 const dataExpose = {};
 exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
+exports.dataSlot = dataSlot;

package/dist/components/option/src/data.js

@@ -3,9 +3,11 @@ const dataProps = buildProps({
   value: null
 });
 const dataEmits = [];
+const dataSlot = {};
 const dataExpose = {};
 export {
   dataEmits,
   dataExpose,
-  dataProps
+  dataProps,
+  dataSlot
 };

package/dist/components/option/src/index.cjs

@@ -1,37 +1,4 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const data = require("./data.cjs");
-const index$1 = require("../../../hooks/cssname/index.cjs");
-const index$2 = require("../../../hooks/locale/index.cjs");
-const index = require("../../../hooks/inherit/index.cjs");
-const index$3 = require("element-plus/es/components/select/index");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "index",
-  props: data.dataProps,
-  emits: data.dataEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const refEl = vue.ref();
-    const attrs = index.useInherit(vue.useAttrs());
-    vue.useSlots();
-    const cs = index$1.useCssName("option");
-    index$2.useLocale();
-    const props = __props;
-    __expose({
-      ...data.dataExpose,
-      refEl
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-        class: vue.unref(cs).z()
-      }, vue.unref(attrs).root), [
-        vue.createVNode(vue.unref(index$3.ElOption), vue.mergeProps(vue.unref(attrs).assem, {
-          value: props.value,
-          ref_key: "refEl",
-          ref: refEl
-        }), null, 16, ["value"])
-      ], 16);
-    };
-  }
-});
-exports.default = _sfc_main;
+const index_vue_vue_type_script_setup_true_lang = require("./index2.cjs");
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

package/dist/components/option/src/index.js

@@ -1,37 +1,4 @@
-import { defineComponent, ref, useAttrs, useSlots, createElementBlock, openBlock, mergeProps, unref, createVNode } from "vue";
-import { dataEmits, dataProps, dataExpose } from "./data.js";
-import { useCssName } from "../../../hooks/cssname/index.js";
-import { useLocale } from "../../../hooks/locale/index.js";
-import { useInherit } from "../../../hooks/inherit/index.js";
-import { ElOption } from "element-plus/es/components/select/index";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: dataProps,
-  emits: dataEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const refEl = ref();
-    const attrs = useInherit(useAttrs());
-    useSlots();
-    const cs = useCssName("option");
-    useLocale();
-    const props = __props;
-    __expose({
-      ...dataExpose,
-      refEl
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({
-        class: unref(cs).z()
-      }, unref(attrs).root), [
-        createVNode(unref(ElOption), mergeProps(unref(attrs).assem, {
-          value: props.value,
-          ref_key: "refEl",
-          ref: refEl
-        }), null, 16, ["value"])
-      ], 16);
-    };
-  }
-});
+import _sfc_main from "./index2.js";
 export {
   _sfc_main as default
 };

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

@@ -1,4 +1,38 @@
 "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");
+const data = require("./data.cjs");
+const index$1 = require("../../../hooks/cssname/index.cjs");
+const index$2 = require("../../../hooks/locale/index.cjs");
+const index = require("../../../hooks/inherit/index.cjs");
+const index$3 = require("element-plus/es/components/select/index");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: data.dataProps,
+  emits: data.dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const refEl = vue.ref();
+    const attrs = index.useInherit(vue.useAttrs());
+    const slots = vue.useSlots();
+    const cs = index$1.useCssName("option");
+    const { getLocale } = index$2.useLocale();
+    const props = __props;
+    const emit = __emit;
+    __expose({
+      ...data.dataExpose,
+      refEl
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        class: vue.unref(cs).z()
+      }, vue.unref(attrs).root), [
+        vue.createVNode(vue.unref(index$3.ElOption), vue.mergeProps(vue.unref(attrs).assem, {
+          value: props.value,
+          ref_key: "refEl",
+          ref: refEl
+        }), null, 16, ["value"])
+      ], 16);
+    };
+  }
+});
+exports.default = _sfc_main;

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

@@ -1,4 +1,38 @@
-import _sfc_main from "./index.js";
+import { defineComponent, ref, useAttrs, useSlots, createElementBlock, openBlock, mergeProps, unref, createVNode } from "vue";
+import { dataExpose, dataEmits, dataProps } from "./data.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { useLocale } from "../../../hooks/locale/index.js";
+import { useInherit } from "../../../hooks/inherit/index.js";
+import { ElOption } from "element-plus/es/components/select/index";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const refEl = ref();
+    const attrs = useInherit(useAttrs());
+    const slots = useSlots();
+    const cs = useCssName("option");
+    const { getLocale } = useLocale();
+    const props = __props;
+    const emit = __emit;
+    __expose({
+      ...dataExpose,
+      refEl
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        class: unref(cs).z()
+      }, unref(attrs).root), [
+        createVNode(unref(ElOption), mergeProps(unref(attrs).assem, {
+          value: props.value,
+          ref_key: "refEl",
+          ref: refEl
+        }), null, 16, ["value"])
+      ], 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/dist/components/option-group/index.cjs

@@ -2,7 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 ;/* empty css                   */
 const withInstall = require("../../utils/vues/withInstall.cjs");
-const index_vue_vue_type_script_setup_true_lang = require("./src/index.cjs");
+require("./src/index.cjs");
+const index_vue_vue_type_script_setup_true_lang = require("./src/index2.cjs");
 const OptionGroup = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "OptionGroup");
 exports.OptionGroup = OptionGroup;
 exports.default = OptionGroup;

package/dist/components/option-group/index.js

@@ -1,6 +1,7 @@
 /* empty css                 */
 import { withInstall } from "../../utils/vues/withInstall.js";
-import _sfc_main from "./src/index.js";
+import "./src/index.js";
+import _sfc_main from "./src/index2.js";
 const OptionGroup = withInstall(_sfc_main, "OptionGroup");
 export {
   OptionGroup,

package/dist/components/option-group/src/data.cjs

@@ -3,7 +3,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const buildProps = require("../../../utils/vues/buildProps.cjs");
 const dataProps = buildProps.buildProps({});
 const dataEmits = [];
+const dataSlot = {};
 const dataExpose = {};
 exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
+exports.dataSlot = dataSlot;

package/dist/components/option-group/src/data.js

@@ -1,9 +1,11 @@
 import { buildProps } from "../../../utils/vues/buildProps.js";
 const dataProps = buildProps({});
 const dataEmits = [];
+const dataSlot = {};
 const dataExpose = {};
 export {
   dataEmits,
   dataExpose,
-  dataProps
+  dataProps,
+  dataSlot
 };

package/dist/components/option-group/src/index.cjs

@@ -1,44 +1,4 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const data = require("./data.cjs");
-const index$1 = require("../../../hooks/cssname/index.cjs");
-const index$2 = require("../../../hooks/locale/index.cjs");
-const index = require("../../../hooks/inherit/index.cjs");
-const index$3 = require("element-plus/es/components/select/index");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "index",
-  props: data.dataProps,
-  emits: data.dataEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const refEl = vue.ref();
-    const attrs = index.useInherit(vue.useAttrs());
-    const slots = vue.useSlots();
-    const cs = index$1.useCssName("option-group");
-    index$2.useLocale();
-    __expose({
-      ...data.dataExpose,
-      refEl
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-        class: vue.unref(cs).z()
-      }, vue.unref(attrs).root), [
-        vue.createVNode(vue.unref(index$3.ElOptionGroup), vue.mergeProps(vue.unref(attrs).assem, {
-          ref_key: "refEl",
-          ref: refEl
-        }), vue.createSlots({ _: 2 }, [
-          vue.renderList(Object.keys(vue.unref(slots)), (k, i) => {
-            return {
-              name: k,
-              fn: vue.withCtx((scope) => [
-                vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope)))
-              ])
-            };
-          })
-        ]), 1040)
-      ], 16);
-    };
-  }
-});
-exports.default = _sfc_main;
+const index_vue_vue_type_script_setup_true_lang = require("./index2.cjs");
+exports.default = index_vue_vue_type_script_setup_true_lang.default;