@fangzhongya/fang-ui 0.0.38 → 0.0.40

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

@@ -1,336 +1,4 @@
-import { defineComponent, ref, computed, onMounted, h } from "vue";
-import { setLabel, setSslot } from "./util.js";
-import { setStyles } from "../../common/css.js";
-import { useHide, uesObjComponSelected } 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 _sfc_main$1 from "../common/img.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();
-  }
-});
+import _sfc_main from "./index2.js";
 export {
   _sfc_main as default
 };

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

@@ -1,4 +1,337 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const index_vue_vue_type_script_lang = require("./index.cjs");
-exports.default = index_vue_vue_type_script_lang.default;
+const vue = require("vue");
+const util = require("./util.cjs");
+const css = require("../../common/css.cjs");
+const use = require("../../common/use.cjs");
+const compons = require("../../common/compons.cjs");
+const index = require("../../../hooks/cssname/index.cjs");
+const data = require("./data.cjs");
+require("../common/img.cjs");
+const img_vue_vue_type_script_setup_true_lang = require("../common/img2.cjs");
+const Components = {
+  Img: img_vue_vue_type_script_setup_true_lang.default
+};
+const _sfc_main = vue.defineComponent({
+  emits: data.dataEmits,
+  components: Components,
+  expose: data.dataExpose,
+  props: data.dataProps,
+  setup(props, { emit, slots }) {
+    const compons$1 = compons.getCompons(props.compons);
+    const cs = index.useCssName("lists");
+    const isfocus = vue.ref(false);
+    const rowObj = vue.ref();
+    const borderColor = vue.computed(() => {
+      const d = "#ccc";
+      if (typeof props.border === "boolean") {
+        return d;
+      } else {
+        return props.border ?? d;
+      }
+    });
+    function isComponSelected(obj) {
+      if (use.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, index2) => {
+        if (listobj) {
+          obj.father = obj.father ?? listobj;
+        }
+        if (!use.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(vue.h("tr", {}, trs));
+            trs = [];
+          }
+          trs.push(...getTd(obj, index2));
+          if (lin >= props.column) {
+            arr.push(vue.h("tr", {}, trs));
+            trs = [];
+            lin = 0;
+          }
+        }
+      });
+      if (trs.length > 0) {
+        arr.push(vue.h("tr", {}, trs));
+      }
+      return arr;
+    };
+    const getListTops = (arrs, listobj) => {
+      let arr = [], trvs = [], trls = [], lin = 0;
+      arrs.forEach((obj, index2) => {
+        if (listobj) {
+          obj.father = obj.father ?? listobj;
+        }
+        if (!use.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(vue.h("tr", {}, trls));
+            trls = [];
+            arr.push(vue.h("tr", {}, trvs));
+            trvs = [];
+          }
+          if (obj.isdiv) {
+            trls.push(getValue(obj, index2, true));
+          } else {
+            trls.push(getlabel(obj, index2));
+            trvs.push(getValue(obj, index2));
+          }
+          if (lin >= props.column) {
+            arr.push(vue.h("tr", {}, trls));
+            arr.push(vue.h("tr", {}, trvs));
+            trls = [];
+            trvs = [];
+            lin = 0;
+          }
+        }
+      });
+      if (trls.length > 0) {
+        arr.push(vue.h("tr", {}, trls));
+        arr.push(vue.h("tr", {}, trvs));
+      }
+      return arr;
+    };
+    const getlabel = (obj, index2) => {
+      return vue.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;
+          }
+        },
+        [
+          vue.h(
+            "span",
+            {
+              class: cs.z("table-label")
+            },
+            [
+              util.setLabel(
+                obj,
+                props,
+                compons$1,
+                emit,
+                slots,
+                isComponSelected,
+                index2
+              )
+            ]
+          )
+        ]
+      );
+    };
+    const getChildrenValue = (obj, index2) => {
+      if (obj.children) {
+        return [
+          vue.h(
+            "div",
+            {
+              class: cs.z("table-children")
+            },
+            [
+              props.labelPosition == "top" ? getListTops(obj.children, obj) : getLists(obj.children, obj)
+            ]
+          )
+        ];
+      } else {
+        return [
+          vue.h(
+            "span",
+            {
+              class: cs.z("table-value")
+            },
+            [
+              util.setSslot(
+                obj,
+                props.value,
+                props,
+                compons$1,
+                emit,
+                slots,
+                isComponSelected,
+                index2
+              )
+            ]
+          )
+        ];
+      }
+    };
+    const getValue = (obj, index2, isRow) => {
+      return vue.h(
+        "td",
+        {
+          style: css.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, index2)]
+      );
+    };
+    const getTd = (obj, index2) => {
+      const arr = [getValue(obj, index2)];
+      if (!obj.isdiv) {
+        arr.unshift(getlabel(obj, index2));
+      }
+      if (props.labelPosition == "auto") {
+        return [
+          vue.h(
+            "td",
+            {
+              colspan: setColspan(obj),
+              class: cs.is("whole", obj.whole)
+            },
+            [
+              vue.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 vue.h(
+          "div",
+          {
+            class: cs.z("div"),
+            style: cs.vdo({
+              borderColor: borderColor.value
+            })
+            // onClick(event: Event) {
+            // 	isfocus.value = true;
+            // 	event.stopPropagation();
+            // 	return false;
+            // },
+          },
+          [
+            vue.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 "";
+      }
+    };
+    vue.onMounted(() => {
+      if (window) {
+        window.addEventListener("click", () => {
+          isfocus.value = false;
+        });
+      }
+    });
+    return {
+      renderValue,
+      borderColor
+    };
+  },
+  render(props) {
+    return props.renderValue();
+  }
+});
+exports.default = _sfc_main;