@fangzhongya/fang-ui 0.0.54 → 0.0.55

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

@@ -1,335 +1,269 @@
-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 { ElLoadingDirective } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/loading/style/css";
+import { defineComponent, useSlots, useAttrs, ref, watch, createElementBlock, openBlock, mergeProps, unref, withDirectives, normalizeStyle, normalizeClass, renderSlot, Fragment, renderList, createVNode, createSlots, withCtx, createElementVNode } from "vue";
+import { dataExpose, dataSlot, dataEmits, dataProps } from "./data.js";
+import { ElCard } from "element-plus/es/components/card/index";
 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,
+import { useLocale } from "../../../hooks/locale/index.js";
+import { useInherit } from "../../../hooks/inherit/index.js";
+import { List } from "../../list/index.js";
+import "../../../utils/css.js";
+import { setObjStyle } from "@fangzhongya/utils/css/setObjStyle";
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
   props: dataProps,
-  setup(props, { emit, slots }) {
-    const compons = getCompons(props.compons);
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const slots = useSlots();
+    const attrs = useInherit(useAttrs());
+    const { getLocale } = useLocale();
     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;
+    const props = __props;
+    const emit = __emit;
+    const header = ref([]);
+    const footer = ref([]);
+    const dataList = 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, 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;
-          }
+          dataList.value.push({ ...obj });
         }
       });
-      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;
+    watch(
+      [() => props.list, () => {
+        var _a;
+        return (_a = props.list) == null ? void 0 : _a.length;
+      }],
+      () => {
+        setList();
+      },
+      {
+        immediate: true,
+        deep: true
+      }
+    );
+    const setListValue = (list, index) => {
+      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(index, 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 + index + 1;
             } else {
-              lin = k;
-              is = false;
+              value = index + 1;
             }
           }
-          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;
-          }
+          arr.push({ ...obj, value });
+        } else {
+          arr.push({ ...obj });
         }
-      });
-      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)
-            ]
-          )
-        ];
+    const rows = ref();
+    const onClick = (item, index) => {
+      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 [
-          h(
-            "span",
-            {
-              class: cs.z("table-value")
-            },
-            [
-              setSslot(
-                obj,
-                props.value,
-                props,
-                compons,
-                emit,
-                slots,
-                isComponSelected,
-                index
-              )
-            ]
-          )
-        ];
+        rows.value = item;
+        emit("row-click", item, 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
-              )
-            ]
-          )
-        ];
+    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 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 "";
+      if (minWidth) {
+        obj.minWidth = minWidth;
       }
-    };
-    onMounted(() => {
-      if (window) {
-        window.addEventListener("click", () => {
-          isfocus.value = false;
-        });
+      if (v.whole) {
+        obj.display = "block";
+        obj.width = "100%";
+      }
+      return setObjStyle(vst, obj);
+    }
+    const selections = 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({
+      ...dataExpose,
+      clearSelection,
+      getSelections,
+      toggleRowSelection
     });
-    return {
-      renderValue,
-      borderColor
+    return (_ctx, _cache) => {
+      const _directive_loading = ElLoadingDirective;
+      return openBlock(), createElementBlock("div", mergeProps({
+        class: unref(cs).z(),
+        style: unref(cs).vdo({
+          interval: props.interval
+        })
+      }, unref(attrs).root), [
+        withDirectives((openBlock(), createElementBlock("div", {
+          class: normalizeClass([
+            unref(cs).z("list"),
+            unref(cs).is("absolute", props.adaptive),
+            unref(cs).zis("list", "column", props.rowColumn > 1)
+          ]),
+          style: normalizeStyle({
+            height: props.height
+          })
+        }, [
+          props.value && props.value.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(props.value, (item, index) => {
+            return openBlock(), createElementBlock("div", {
+              class: normalizeClass([
+                unref(cs).z("list-item"),
+                unref(cs).is("active", rows.value === item),
+                unref(cs).is("selected", selections.value.includes(item))
+              ]),
+              style: normalizeStyle(setStyles(item)),
+              onClick: ($event) => onClick(item, index)
+            }, [
+              renderSlot(_ctx.$slots, unref(dataSlot).default, {
+                config: unref(attrs).assem,
+                value: item,
+                index,
+                list: props.list,
+                active: rows.value === item,
+                selected: selections.value.includes(item),
+                options: props.options,
+                compons: props.compons
+              }, () => [
+                createVNode(unref(ElCard), null, createSlots({
+                  default: withCtx(() => [
+                    createVNode(unref(List), mergeProps({ ref_for: true }, unref(attrs).assem, {
+                      value: item,
+                      list: setListValue(dataList.value, index),
+                      options: props.options,
+                      compons: props.compons
+                    }), createSlots({ _: 2 }, [
+                      renderList(Object.keys(unref(slots)).filter(
+                        (v) => !["no-data"].includes(v)
+                      ), (k) => {
+                        return {
+                          name: k,
+                          fn: withCtx((scope) => [
+                            renderSlot(_ctx.$slots, k, mergeProps({ ref_for: true }, scope))
+                          ])
+                        };
+                      })
+                    ]), 1040, ["value", "list", "options", "compons"])
+                  ]),
+                  _: 2
+                }, [
+                  header.value.length > 0 ? {
+                    name: "header",
+                    fn: withCtx(() => [
+                      createVNode(unref(List), mergeProps({ ref_for: true }, unref(attrs).assem, {
+                        value: item,
+                        list: setListValue(header.value, index),
+                        options: props.options,
+                        compons: props.compons
+                      }), createSlots({ _: 2 }, [
+                        renderList(Object.keys(unref(slots)).filter(
+                          (v) => !["no-data"].includes(v)
+                        ), (k) => {
+                          return {
+                            name: k,
+                            fn: withCtx((scope) => [
+                              renderSlot(_ctx.$slots, k, mergeProps({ ref_for: true }, scope))
+                            ])
+                          };
+                        })
+                      ]), 1040, ["value", "list", "options", "compons"])
+                    ]),
+                    key: "0"
+                  } : void 0,
+                  footer.value.length > 0 ? {
+                    name: "footer",
+                    fn: withCtx(() => [
+                      createVNode(unref(List), mergeProps({ ref_for: true }, unref(attrs).assem, {
+                        value: item,
+                        list: setListValue(footer.value, index),
+                        options: props.options,
+                        compons: props.compons
+                      }), createSlots({ _: 2 }, [
+                        renderList(Object.keys(unref(slots)).filter(
+                          (v) => !["no-data"].includes(v)
+                        ), (k) => {
+                          return {
+                            name: k,
+                            fn: withCtx((scope) => [
+                              renderSlot(_ctx.$slots, k, mergeProps({ ref_for: true }, scope))
+                            ])
+                          };
+                        })
+                      ]), 1040, ["value", "list", "options", "compons"])
+                    ]),
+                    key: "1"
+                  } : void 0
+                ]), 1024)
+              ])
+            ], 14, _hoisted_1);
+          }), 256)) : renderSlot(_ctx.$slots, unref(dataSlot).noData, { key: 1 }, () => [
+            createElementVNode("div", {
+              class: normalizeClass(unref(cs).z("no-data"))
+            }, _cache[0] || (_cache[0] = [
+              createElementVNode("span", null, "暂无数据", -1)
+            ]), 2)
+          ])
+        ], 6)), [
+          [_directive_loading, props.loading]
+        ])
+      ], 16);
     };
-  },
-  render(props) {
-    return props.renderValue();
   }
 });
 export {

package/dist/components/listsp/index.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* empty css                   */
+const withInstall = require("../../utils/vues/withInstall.cjs");
+require("./src/index.cjs");
+const index_vue_vue_type_script_setup_true_lang = require("./src/index2.cjs");
+const Listsp = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "Listsp");
+exports.Listsp = Listsp;
+exports.default = Listsp;

package/dist/components/listsp/index.css

@@ -0,0 +1,86 @@
+:root {
+  --on: rgb(91, 189, 246);
+  --color-primary: #409eff;
+  --bag-primary: #409eff;
+  --bag-primary-text: #fff;
+  --border: #eee;
+  --layout-panel-gap: 10px;
+  --layout-panel-padding: 20px;
+  --layout-form-item-padding-right: var(
+  	--layout-panel-gap
+  );
+  --g-main-bg: var(--bg-color-page);
+}
+
+.lists {
+  width: 100%;
+  min-height: 100px;
+  position: relative;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  background-color: #eee;
+}
+.lists-list {
+  padding: 0 var(--lists-interval);
+}
+.lists-list.is-absolute {
+  position: absolute;
+  inset: 0;
+  overflow-y: auto;
+}
+.lists-list--column .lists-list-item {
+  display: inline-block;
+}
+.lists-list-item {
+  background-color: #fff;
+  margin: 0 var(--lists-interval);
+  margin-top: calc(var(--lists-interval) * 2);
+}
+.lists-list-item:last-child {
+  margin-bottom: calc(var(--lists-interval) * 2);
+}
+.lists-list-item.is-active {
+  background-color: rgb(250, 235, 215);
+}
+.lists-list-item.is-selected {
+  background-color: rgb(215, 250, 224);
+}
+.lists-list-item .el-card {
+  background-color: transparent;
+}
+
+.paging {
+  padding: 10px;
+}
+.paging-slot {
+  padding-left: 10px;
+  font-size: 14px;
+  font-weight: 400;
+  color: #9b9b9b;
+  white-space: pre-wrap;
+}
+.paging .el-pagination__total {
+  font-size: 14px;
+  font-weight: 400;
+  color: #9b9b9b;
+}
+
+.listsp {
+  width: 100%;
+  height: var(--listsp-height);
+  display: flex;
+  flex-direction: column;
+}
+.listsp-main {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+}
+.listsp-paginat {
+  overflow: hidden;
+}
+.listsp-paginat .el-pagination {
+  justify-content: flex-end;
+}

package/dist/components/listsp/index.d.ts

@@ -0,0 +1,2 @@
+declare const Listsp: any;
+export { Listsp, Listsp as default };

package/dist/components/listsp/index.js

@@ -0,0 +1,9 @@
+/* empty css                 */
+import { withInstall } from "../../utils/vues/withInstall.js";
+import "./src/index.js";
+import _sfc_main from "./src/index2.js";
+const Listsp = withInstall(_sfc_main, "Listsp");
+export {
+  Listsp,
+  Listsp as default
+};