sun-card-design 1.2.2 → 1.2.4

package/dist/mobile/sun-card-design-mobile.es61.js

@@ -1,162 +0,0 @@
-import { ref, computed, watch, resolveComponent, createElementBlock, openBlock, normalizeStyle, createElementVNode, createVNode, withCtx, TransitionGroup, Fragment, renderList, createBlock, Transition, createCommentVNode } from "vue";
-import FormItem from "./sun-card-design-mobile.es25.js";
-/* empty css                            */
-import _export_sfc from "./sun-card-design-mobile.es28.js";
-const _hoisted_1 = { class: "expand-list-container" };
-const _hoisted_2 = ["onClick"];
-const _sfc_main = {
-  __name: "gridList",
-  props: ["record", "recordData", "columnsIndex"],
-  emits: ["clickEvent", "clickColumnsEvent", "fileUpdateEvent"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const currentDisplayRows = ref(0);
-    const collapse = computed(() => props.record.options?.style?.collapse ?? false);
-    const collapseLine = computed(() => props.record.options?.style?.collapseLine ?? 2);
-    const expandType = computed(() => props.record.options?.style?.expandType || "noRepeat");
-    const expandLine = computed(() => props.record.options?.style?.expandLine ?? 2);
-    const totalColumns = computed(() => props.record.columns?.length || 0);
-    const autoNumber = computed(() => props.record.options?.autoNumber || 2);
-    const totalRows = computed(() => Math.ceil(totalColumns.value / autoNumber.value));
-    watch([collapse, collapseLine, totalRows], () => {
-      if (collapse.value) {
-        currentDisplayRows.value = Math.min(collapseLine.value, totalRows.value);
-      } else {
-        currentDisplayRows.value = totalRows.value;
-      }
-    }, { immediate: true });
-    const displayedColumns = computed(() => {
-      if (!collapse.value) {
-        return props.record.columns || [];
-      }
-      const displayCount = currentDisplayRows.value * autoNumber.value;
-      return (props.record.columns || []).slice(0, displayCount);
-    });
-    const showExpandMore = computed(() => {
-      if (!collapse.value) return false;
-      return currentDisplayRows.value < totalRows.value;
-    });
-    const handleExpandMore = () => {
-      if (expandType.value === "noRepeat") {
-        currentDisplayRows.value = totalRows.value;
-      } else if (expandType.value === "repeat") {
-        currentDisplayRows.value = Math.min(
-          currentDisplayRows.value + expandLine.value,
-          totalRows.value
-        );
-      }
-    };
-    const getIndex = (index) => {
-      if (index !== void 0) {
-        return index;
-      }
-      return props.columnsIndex;
-    };
-    const onClick = (record) => {
-      emit("clickEvent", record);
-    };
-    const onUpdate = (record) => {
-      emit("fileUpdateEvent", record);
-    };
-    const onClickColumns = (record) => {
-      if (!record.options.clickEvent) return;
-      emit("clickColumnsEvent", record);
-    };
-    function isGradientColor(color) {
-      return /^(linear|radial)-gradient\(.*\)$/.test(color);
-    }
-    const getBackground = computed(() => {
-      if (!props.recordData?.config?.background) {
-        return "transparent";
-      }
-      if (isGradientColor(props.recordData.config.background)) {
-        return "none";
-      }
-      return props.recordData.config.background;
-    });
-    return (_ctx, _cache) => {
-      const _component_a_col = resolveComponent("a-col");
-      const _component_a_row = resolveComponent("a-row");
-      return openBlock(), createElementBlock("div", {
-        class: "main-grid",
-        style: normalizeStyle({ background: getBackground.value })
-      }, [
-        createElementVNode("div", _hoisted_1, [
-          createVNode(_component_a_row, {
-            gutter: [props.record.options.style.lrGutter, props.record.options.style.tbGutter]
-          }, {
-            default: withCtx(() => [
-              createVNode(TransitionGroup, {
-                name: "expand-list",
-                tag: "div",
-                class: "expand-list-group"
-              }, {
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(displayedColumns.value, (item, index) => {
-                    return openBlock(), createBlock(_component_a_col, {
-                      key: item.uuid || `col-${index}`,
-                      flex: item.flex,
-                      span: 24 / props.record.options.autoNumber,
-                      style: normalizeStyle({
-                        flex: _ctx.none
-                      }),
-                      class: "expand-col-item"
-                    }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", {
-                          class: "box",
-                          style: normalizeStyle({
-                            background: props.record.options.style?.background,
-                            border: props.record.options.style?.borderColor === "none" ? "none" : "1px solid " + (props.record.options.style?.borderColor || "transparent"),
-                            borderRadius: props.record.options.style?.borderRadius + "px",
-                            padding: props.record.options.style?.tbPadding + "px " + props.record.options.style?.lrPadding + "px",
-                            justifyContent: props.record.options.style?.alignItems || "start",
-                            minHeight: props.record.options.style?.minHeight + "px" || "48px",
-                            boxShadow: props.record.options.style?.boxShadow || null
-                          }),
-                          onClick: ($event) => onClickColumns(item)
-                        }, [
-                          (openBlock(true), createElementBlock(Fragment, null, renderList(item.list, (element, index2) => {
-                            return openBlock(), createBlock(FormItem, {
-                              record: element,
-                              key: index2,
-                              recordData: props.recordData,
-                              columnsIndex: getIndex(item.index),
-                              onClickEvent: onClick,
-                              onFileUpdateEvent: onUpdate,
-                              onClickColumnsEvent: onClickColumns
-                            }, null, 8, ["record", "recordData", "columnsIndex"]);
-                          }), 128))
-                        ], 12, _hoisted_2)
-                      ]),
-                      _: 2
-                    }, 1032, ["flex", "span", "style"]);
-                  }), 128))
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["gutter"])
-        ]),
-        createVNode(Transition, { name: "fade" }, {
-          default: withCtx(() => [
-            showExpandMore.value ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: "expand-more",
-              onClick: handleExpandMore
-            }, [..._cache[0] || (_cache[0] = [
-              createElementVNode("span", null, "展开更多", -1)
-            ])])) : createCommentVNode("", true)
-          ]),
-          _: 1
-        })
-      ], 4);
-    };
-  }
-};
-const GridList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-159c873b"]]);
-export {
-  GridList as default
-};