@fangzhongya/fang-ui 0.0.38 → 0.0.40

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

@@ -1,4 +1,337 @@
-import _sfc_main from "./index.js";
+import { defineComponent, ref, computed, h, onMounted } from "vue";
+import { setLabel, setSslot } from "./util.js";
+import { setStyles } from "../../common/css.js";
+import { uesObjComponSelected, useHide } from "../../common/use.js";
+import { getCompons } from "../../common/compons.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { dataProps, dataExpose, dataEmits } from "./data.js";
+import "../common/img.js";
+import _sfc_main$1 from "../common/img2.js";
+const Components = {
+  Img: _sfc_main$1
+};
+const _sfc_main = defineComponent({
+  emits: dataEmits,
+  components: Components,
+  expose: dataExpose,
+  props: dataProps,
+  setup(props, { emit, slots }) {
+    const compons = getCompons(props.compons);
+    const cs = useCssName("lists");
+    const isfocus = ref(false);
+    const rowObj = ref();
+    const borderColor = computed(() => {
+      const d = "#ccc";
+      if (typeof props.border === "boolean") {
+        return d;
+      } else {
+        return props.border ?? d;
+      }
+    });
+    function isComponSelected(obj) {
+      if (uesObjComponSelected(obj, props)) {
+        if (rowObj.value == obj) {
+          if (isfocus.value) {
+            return true;
+          } else {
+            return false;
+          }
+        } else {
+          return false;
+        }
+      } else {
+        return true;
+      }
+    }
+    const getLists = (arrs, listobj) => {
+      let arr = [], trs = [], lin = 0;
+      arrs.forEach((obj, index) => {
+        if (listobj) {
+          obj.father = obj.father ?? listobj;
+        }
+        if (!useHide(obj, props.value)) {
+          let is = false;
+          if (obj.whole) {
+            lin = props.column;
+            is = true;
+          } else {
+            let k = (obj.column || 1) + lin;
+            if (k > props.column) {
+              lin = obj.column || 1;
+              is = true;
+            } else {
+              lin = k;
+              is = false;
+            }
+          }
+          if (is) {
+            arr.push(h("tr", {}, trs));
+            trs = [];
+          }
+          trs.push(...getTd(obj, index));
+          if (lin >= props.column) {
+            arr.push(h("tr", {}, trs));
+            trs = [];
+            lin = 0;
+          }
+        }
+      });
+      if (trs.length > 0) {
+        arr.push(h("tr", {}, trs));
+      }
+      return arr;
+    };
+    const getListTops = (arrs, listobj) => {
+      let arr = [], trvs = [], trls = [], lin = 0;
+      arrs.forEach((obj, index) => {
+        if (listobj) {
+          obj.father = obj.father ?? listobj;
+        }
+        if (!useHide(obj, props.value)) {
+          let is = false;
+          if (obj.whole) {
+            lin = props.column;
+            is = true;
+          } else {
+            let k = (obj.column || 1) + lin;
+            if (k > props.column) {
+              lin = obj.column || 1;
+              is = true;
+            } else {
+              lin = k;
+              is = false;
+            }
+          }
+          if (is) {
+            arr.push(h("tr", {}, trls));
+            trls = [];
+            arr.push(h("tr", {}, trvs));
+            trvs = [];
+          }
+          if (obj.isdiv) {
+            trls.push(getValue(obj, index, true));
+          } else {
+            trls.push(getlabel(obj, index));
+            trvs.push(getValue(obj, index));
+          }
+          if (lin >= props.column) {
+            arr.push(h("tr", {}, trls));
+            arr.push(h("tr", {}, trvs));
+            trls = [];
+            trvs = [];
+            lin = 0;
+          }
+        }
+      });
+      if (trls.length > 0) {
+        arr.push(h("tr", {}, trls));
+        arr.push(h("tr", {}, trvs));
+      }
+      return arr;
+    };
+    const getlabel = (obj, index) => {
+      return h(
+        "th",
+        {
+          style: {
+            width: obj.labelWidth ?? props.labelWidth
+          },
+          class: [
+            cs.z("table-th"),
+            cs.is("whole", obj.whole),
+            obj.class ?? ""
+          ].join(" "),
+          colspan: props.labelPosition == "top" ? setColspan(obj) : void 0,
+          onClick: (event) => {
+            isfocus.value = true;
+            rowObj.value = obj;
+            event.stopPropagation();
+            return false;
+          }
+        },
+        [
+          h(
+            "span",
+            {
+              class: cs.z("table-label")
+            },
+            [
+              setLabel(
+                obj,
+                props,
+                compons,
+                emit,
+                slots,
+                isComponSelected,
+                index
+              )
+            ]
+          )
+        ]
+      );
+    };
+    const getChildrenValue = (obj, index) => {
+      if (obj.children) {
+        return [
+          h(
+            "div",
+            {
+              class: cs.z("table-children")
+            },
+            [
+              props.labelPosition == "top" ? getListTops(obj.children, obj) : getLists(obj.children, obj)
+            ]
+          )
+        ];
+      } else {
+        return [
+          h(
+            "span",
+            {
+              class: cs.z("table-value")
+            },
+            [
+              setSslot(
+                obj,
+                props.value,
+                props,
+                compons,
+                emit,
+                slots,
+                isComponSelected,
+                index
+              )
+            ]
+          )
+        ];
+      }
+    };
+    const getValue = (obj, index, isRow) => {
+      return h(
+        "td",
+        {
+          style: setStyles(obj, props.value, props),
+          class: [
+            cs.z("table-td"),
+            cs.is("whole", obj.whole),
+            obj.class ?? ""
+          ].join(" "),
+          colspan: setColspan(obj),
+          rowspan: isRow ? 2 : void 0,
+          onClick: (event) => {
+            isfocus.value = true;
+            rowObj.value = obj;
+            event.stopPropagation();
+            return false;
+          }
+        },
+        [...getChildrenValue(obj, index)]
+      );
+    };
+    const getTd = (obj, index) => {
+      const arr = [getValue(obj, index)];
+      if (!obj.isdiv) {
+        arr.unshift(getlabel(obj, index));
+      }
+      if (props.labelPosition == "auto") {
+        return [
+          h(
+            "td",
+            {
+              colspan: setColspan(obj),
+              class: cs.is("whole", obj.whole)
+            },
+            [
+              h(
+                "div",
+                {
+                  class: cs.z("table-auto")
+                },
+                arr
+              )
+            ]
+          )
+        ];
+      } else {
+        return arr;
+      }
+    };
+    const setColspan = (obj) => {
+      if (["auto", "top"].includes(props.labelPosition)) {
+        if (obj.whole) {
+          return props.column;
+        } else if (obj.column) {
+          return obj.column;
+        } else {
+          return "";
+        }
+      } else {
+        const j = !obj.isdiv ? 0 : 1;
+        if (obj.whole) {
+          return (props.column - 1) * 2 + 1 + j;
+        } else if (obj.column) {
+          return (obj.column - 1) * 2 + 1 + j;
+        } else {
+          return 1 + j;
+        }
+      }
+    };
+    const renderValue = () => {
+      if (props.list && props.list.length > 0) {
+        return h(
+          "div",
+          {
+            class: cs.z("div"),
+            style: cs.vdo({
+              borderColor: borderColor.value
+            })
+            // onClick(event: Event) {
+            // 	isfocus.value = true;
+            // 	event.stopPropagation();
+            // 	return false;
+            // },
+          },
+          [
+            h(
+              "table",
+              {
+                class: [
+                  cs.z("table"),
+                  props.labelPosition ?? "",
+                  cs.is(
+                    "border",
+                    props.border ? true : false
+                  ),
+                  cs.is("aliquots", props.aliquots)
+                ].join(" "),
+                cellspacing: "0",
+                cellpadding: "0",
+                border: "0"
+              },
+              props.labelPosition == "top" ? getListTops(props.list) : getLists(props.list)
+            )
+          ]
+        );
+      } else {
+        return "";
+      }
+    };
+    onMounted(() => {
+      if (window) {
+        window.addEventListener("click", () => {
+          isfocus.value = false;
+        });
+      }
+    });
+    return {
+      renderValue,
+      borderColor
+    };
+  },
+  render(props) {
+    return props.renderValue();
+  }
+});
 export {
   _sfc_main as default
 };

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

@@ -2,18 +2,15 @@
 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");
+const setClass = (item, data, index) => {
+  const v = data[item.state ?? item.prop];
+  if (item.setcss) {
+    return item.setcss(item, data, v, index);
+  }
+  return v;
+};
 function setSslot(obj, data, props, compons, emit, slots, isComponSelected, index) {
   const slot = use.useSetSlot(obj, data, slots, index);
   if (slot) {
@@ -75,5 +72,6 @@ function setLabel(obj, props, compons, emit, slots, isComponSelected, index) {
   }
   return label;
 }
+exports.setClass = setClass;
 exports.setLabel = setLabel;
 exports.setSslot = setSslot;

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

@@ -1,17 +1,14 @@
 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";
+const setClass = (item, data, index) => {
+  const v = data[item.state ?? item.prop];
+  if (item.setcss) {
+    return item.setcss(item, data, v, index);
+  }
+  return v;
+};
 function setSslot(obj, data, props, compons, emit, slots, isComponSelected, index) {
   const slot = useSetSlot(obj, data, slots, index);
   if (slot) {
@@ -74,6 +71,7 @@ function setLabel(obj, props, compons, emit, slots, isComponSelected, index) {
   return label;
 }
 export {
+  setClass,
   setLabel,
   setSslot
 };

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

@@ -1,4 +1,4 @@
-import { ElLoadingService, ElLoadingDirective } from "element-plus";
+import { ElLoadingDirective, ElLoadingService } from "element-plus";
 const vLoading = ElLoadingDirective;
 const Loading = ElLoadingService;
 export {

package/dist/components/menus/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 Menus = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "Menus");
 exports.Menus = Menus;
 exports.default = Menus;

package/dist/components/menus/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 Menus = withInstall(_sfc_main, "Menus");
 export {
   Menus,

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

@@ -1,129 +1,4 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const menuLl_vue_vue_type_script_lang = require("./menu-ll.cjs");
-const index$1 = require("element-plus/es/components/menu/index");
-const index = require("../../../hooks/cssname/index.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;
+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/menus/src/index.js

@@ -1,129 +1,4 @@
-import { defineComponent, useAttrs, useSlots, computed, createBlock, openBlock, unref, mergeProps, withCtx, createVNode, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
-import _sfc_main$1 from "./menu-ll.js";
-import { ElMenu } from "element-plus/es/components/menu/index";
-import { useCssName } from "../../../hooks/cssname/index.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"]);
-    };
-  }
-});
+import _sfc_main from "./index2.js";
 export {
   _sfc_main as default
 };