@fangzhongya/fang-ui 0.0.54 → 0.0.56

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

@@ -1,337 +1,271 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const es = require("element-plus/es");
+require("element-plus/es/components/base/style/css");
+require("element-plus/es/components/loading/style/css");
 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,
+const index$3 = require("element-plus/es/components/card/index");
+const index$2 = require("../../../hooks/cssname/index.cjs");
+const index$1 = require("../../../hooks/locale/index.cjs");
+const index = require("../../../hooks/inherit/index.cjs");
+const index$4 = require("../../list/index.cjs");
+require("../../../utils/css.cjs");
+const setObjStyle = require("@fangzhongya/utils/css/setObjStyle");
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
   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;
+  emits: data.dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const slots = vue.useSlots();
+    const attrs = index.useInherit(vue.useAttrs());
+    const { getLocale } = index$1.useLocale();
+    const cs = index$2.useCssName("lists");
+    const props = __props;
+    const emit = __emit;
+    const header = vue.ref([]);
+    const footer = vue.ref([]);
+    const dataList = vue.ref([]);
+    const setList = () => {
+      const list = props.list || [];
+      list.forEach((obj) => {
+        const fixed = obj.fixed;
+        if (fixed) {
+          if (typeof fixed === "boolean") {
+            header.value.push({ ...obj });
+          } else if (fixed == "right") {
+            footer.value.push({ ...obj });
           } else {
-            return false;
+            header.value.push({ ...obj });
           }
         } 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;
-          }
+          dataList.value.push({ ...obj });
         }
       });
-      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;
+    vue.watch(
+      [() => props.list, () => {
+        var _a;
+        return (_a = props.list) == null ? void 0 : _a.length;
+      }],
+      () => {
+        setList();
+      },
+      {
+        immediate: true,
+        deep: true
+      }
+    );
+    const setListValue = (list, index2) => {
+      const arr = [];
+      for (let i = 0; i < list.length; i++) {
+        const obj = list[i];
+        if (obj.type == "index") {
+          let value = "";
+          const paginat = attrs.assem.paginat;
+          if (obj.index) {
+            value = obj.index(index2, paginat);
           } else {
-            let k = (obj.column || 1) + lin;
-            if (k > props.column) {
-              lin = obj.column || 1;
-              is = true;
+            if (paginat && paginat.current && paginat.pageSize) {
+              value = (paginat.current - 1) * paginat.pageSize + index2 + 1;
             } else {
-              lin = k;
-              is = false;
+              value = index2 + 1;
             }
           }
-          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;
-          }
+          arr.push({ ...obj, value });
+        } else {
+          arr.push({ ...obj });
         }
-      });
-      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)
-            ]
-          )
-        ];
+    const rows = vue.ref();
+    const onClick = (item, index2) => {
+      if (attrs.assem.ischecked) {
+        const i = selections.value.indexOf(item);
+        if (i != -1) {
+          selections.value.splice(i, 1);
+        } else {
+          selections.value.push(item);
+        }
+        emit("selection-change", selections.value);
       } else {
-        return [
-          vue.h(
-            "span",
-            {
-              class: cs.z("table-value")
-            },
-            [
-              util.setSslot(
-                obj,
-                props.value,
-                props,
-                compons$1,
-                emit,
-                slots,
-                isComponSelected,
-                index2
-              )
-            ]
-          )
-        ];
+        rows.value = item;
+        emit("row-click", item, 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
-              )
-            ]
-          )
-        ];
+    function setStyles(v) {
+      const style = v.style || {};
+      let vst;
+      if (typeof style === "function") {
+        vst = style(v, props) || {};
       } else {
-        return arr;
+        vst = style;
       }
-    };
-    const setColspan = (obj) => {
-      if (["auto", "top"].includes(props.labelPosition)) {
-        if (obj.whole) {
-          return props.column;
-        } else if (obj.column) {
-          return obj.column;
-        } else {
-          return "";
-        }
+      const obj = {};
+      const minWidth = v.minWidth ?? props.rowMinWidth;
+      const width = v.width ?? props.rowWidth;
+      if (width) {
+        obj.width = width;
       } 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;
+        if (props.rowColumn > 1) {
+          obj.width = "calc(" + Number((100 / props.rowColumn).toFixed(2)) + "% - " + props.interval + " * 2)";
         }
       }
-    };
-    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 "";
+      if (minWidth) {
+        obj.minWidth = minWidth;
       }
-    };
-    vue.onMounted(() => {
-      if (window) {
-        window.addEventListener("click", () => {
-          isfocus.value = false;
-        });
+      if (v.whole) {
+        obj.display = "block";
+        obj.width = "100%";
       }
+      return setObjStyle.setObjStyle(vst, obj);
+    }
+    const selections = vue.ref([]);
+    function toggleRowSelection(item, is) {
+      if (is) {
+        selections.value.push(item);
+      } else {
+        const i = selections.value.indexOf(item);
+        if (i != -1) {
+          selections.value.splice(i, 1);
+        }
+      }
+    }
+    function clearSelection() {
+      selections.value = [];
+    }
+    function getSelections() {
+      return selections.value;
+    }
+    __expose({
+      ...data.dataExpose,
+      clearSelection,
+      getSelections,
+      toggleRowSelection
     });
-    return {
-      renderValue,
-      borderColor
+    return (_ctx, _cache) => {
+      const _directive_loading = es.ElLoadingDirective;
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        class: vue.unref(cs).z(),
+        style: vue.unref(cs).vdo({
+          interval: props.interval
+        })
+      }, vue.unref(attrs).root), [
+        vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass([
+            vue.unref(cs).z("list"),
+            vue.unref(cs).is("absolute", props.adaptive),
+            vue.unref(cs).zis("list", "column", props.rowColumn > 1)
+          ]),
+          style: vue.normalizeStyle({
+            height: props.height
+          })
+        }, [
+          props.value && props.value.length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(props.value, (item, index2) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              class: vue.normalizeClass([
+                vue.unref(cs).z("list-item"),
+                vue.unref(cs).is("active", rows.value === item),
+                vue.unref(cs).is("selected", selections.value.includes(item))
+              ]),
+              style: vue.normalizeStyle(setStyles(item)),
+              onClick: ($event) => onClick(item, index2)
+            }, [
+              vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).default, {
+                config: vue.unref(attrs).assem,
+                value: item,
+                index: index2,
+                list: props.list,
+                active: rows.value === item,
+                selected: selections.value.includes(item),
+                options: props.options,
+                compons: props.compons
+              }, () => [
+                vue.createVNode(vue.unref(index$3.ElCard), null, vue.createSlots({
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(index$4.List), vue.mergeProps({ ref_for: true }, vue.unref(attrs).assem, {
+                      value: item,
+                      list: setListValue(dataList.value, index2),
+                      options: props.options,
+                      compons: props.compons
+                    }), vue.createSlots({ _: 2 }, [
+                      vue.renderList(Object.keys(vue.unref(slots)).filter(
+                        (v) => !["no-data"].includes(v)
+                      ), (k) => {
+                        return {
+                          name: k,
+                          fn: vue.withCtx((scope) => [
+                            vue.renderSlot(_ctx.$slots, k, vue.mergeProps({ ref_for: true }, scope))
+                          ])
+                        };
+                      })
+                    ]), 1040, ["value", "list", "options", "compons"])
+                  ]),
+                  _: 2
+                }, [
+                  header.value.length > 0 ? {
+                    name: "header",
+                    fn: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(index$4.List), vue.mergeProps({ ref_for: true }, vue.unref(attrs).assem, {
+                        value: item,
+                        list: setListValue(header.value, index2),
+                        options: props.options,
+                        compons: props.compons
+                      }), vue.createSlots({ _: 2 }, [
+                        vue.renderList(Object.keys(vue.unref(slots)).filter(
+                          (v) => !["no-data"].includes(v)
+                        ), (k) => {
+                          return {
+                            name: k,
+                            fn: vue.withCtx((scope) => [
+                              vue.renderSlot(_ctx.$slots, k, vue.mergeProps({ ref_for: true }, scope))
+                            ])
+                          };
+                        })
+                      ]), 1040, ["value", "list", "options", "compons"])
+                    ]),
+                    key: "0"
+                  } : void 0,
+                  footer.value.length > 0 ? {
+                    name: "footer",
+                    fn: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(index$4.List), vue.mergeProps({ ref_for: true }, vue.unref(attrs).assem, {
+                        value: item,
+                        list: setListValue(footer.value, index2),
+                        options: props.options,
+                        compons: props.compons
+                      }), vue.createSlots({ _: 2 }, [
+                        vue.renderList(Object.keys(vue.unref(slots)).filter(
+                          (v) => !["no-data"].includes(v)
+                        ), (k) => {
+                          return {
+                            name: k,
+                            fn: vue.withCtx((scope) => [
+                              vue.renderSlot(_ctx.$slots, k, vue.mergeProps({ ref_for: true }, scope))
+                            ])
+                          };
+                        })
+                      ]), 1040, ["value", "list", "options", "compons"])
+                    ]),
+                    key: "1"
+                  } : void 0
+                ]), 1024)
+              ])
+            ], 14, _hoisted_1);
+          }), 256)) : vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).noData, { key: 1 }, () => [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(cs).z("no-data"))
+            }, _cache[0] || (_cache[0] = [
+              vue.createElementVNode("span", null, "暂无数据", -1)
+            ]), 2)
+          ])
+        ], 6)), [
+          [_directive_loading, props.loading]
+        ])
+      ], 16);
     };
-  },
-  render(props) {
-    return props.renderValue();
   }
 });
 exports.default = _sfc_main;