@jzg223/design-runtime 0.0.1 → 0.1.0-rc.2

package/dist/board/part-renderer.vue.js

@@ -0,0 +1,561 @@
+import _sfc_main from "./part-renderer2.vue.js";
+import { resolveComponent, openBlock, createElementBlock, normalizeStyle, normalizeClass, Fragment, createVNode, createCommentVNode, createElementVNode, toDisplayString, withModifiers, renderList, renderSlot, createBlock, resolveDynamicComponent, withKeys } from "vue";
+/* empty css                   */
+import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "part-empty"
+};
+const _hoisted_2 = { class: "num" };
+const _hoisted_3 = { class: "unit" };
+const _hoisted_4 = {
+  key: 2,
+  class: "part-table-wrap"
+};
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = { class: "th-label" };
+const _hoisted_7 = {
+  key: 0,
+  class: "sort-mark"
+};
+const _hoisted_8 = ["onMousedown"];
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = { key: 0 };
+const _hoisted_11 = ["colspan"];
+const _hoisted_12 = { key: 0 };
+const _hoisted_13 = {
+  key: 3,
+  class: "part-table-wrap"
+};
+const _hoisted_14 = ["colspan", "rowspan"];
+const _hoisted_15 = ["onClick"];
+const _hoisted_16 = ["onClick"];
+const _hoisted_17 = {
+  key: 0,
+  class: "total"
+};
+const _hoisted_18 = { key: 0 };
+const _hoisted_19 = ["colspan"];
+const _hoisted_20 = { key: 0 };
+const _hoisted_21 = { class: "total grand" };
+const _hoisted_22 = {
+  key: 5,
+  class: "part-image"
+};
+const _hoisted_23 = ["src"];
+const _hoisted_24 = {
+  key: 1,
+  class: "part-empty"
+};
+const _hoisted_25 = {
+  key: 6,
+  class: "part-border"
+};
+const _hoisted_26 = { class: "pt-text" };
+const _hoisted_27 = {
+  key: 7,
+  class: "part-container"
+};
+const _hoisted_28 = {
+  key: 0,
+  class: "glass-run"
+};
+const _hoisted_29 = { class: "pt-text" };
+const _hoisted_30 = {
+  key: 4,
+  class: "part-empty"
+};
+const _hoisted_31 = {
+  key: 8,
+  class: "part-tabs"
+};
+const _hoisted_32 = { class: "tab-head" };
+const _hoisted_33 = ["onClick"];
+const _hoisted_34 = {
+  key: 0,
+  class: "tab-content"
+};
+const _hoisted_35 = {
+  key: 1,
+  class: "part-empty"
+};
+const _hoisted_36 = {
+  key: 9,
+  class: "part-iframe"
+};
+const _hoisted_37 = ["src"];
+const _hoisted_38 = {
+  key: 1,
+  class: "part-empty"
+};
+const _hoisted_39 = {
+  key: 10,
+  class: "part-video"
+};
+const _hoisted_40 = ["src", "autoplay", "loop", "muted", "controls"];
+const _hoisted_41 = {
+  key: 1,
+  class: "part-empty"
+};
+const _hoisted_42 = {
+  key: 11,
+  class: "part-carousel"
+};
+const _hoisted_43 = ["src"];
+const _hoisted_44 = {
+  key: 1,
+  class: "part-empty"
+};
+const _hoisted_45 = {
+  key: 2,
+  class: "carousel-title"
+};
+const _hoisted_46 = { class: "carousel-dots" };
+const _hoisted_47 = ["onClick"];
+const _hoisted_48 = {
+  key: 1,
+  class: "part-empty"
+};
+const _hoisted_49 = {
+  key: 12,
+  class: "part-marquee"
+};
+const _hoisted_50 = {
+  key: 13,
+  class: "part-decoration"
+};
+const _hoisted_51 = {
+  key: 14,
+  class: "part-progress"
+};
+const _hoisted_52 = { class: "pg-head" };
+const _hoisted_53 = { key: 0 };
+const _hoisted_54 = { class: "pg-bar" };
+const _hoisted_55 = {
+  key: 15,
+  class: "part-button"
+};
+const _hoisted_56 = ["title", "onClick"];
+const _hoisted_57 = { class: "nav-text" };
+const _hoisted_58 = {
+  key: 17,
+  class: "part-filter"
+};
+const _hoisted_59 = { class: "filter-label" };
+const _hoisted_60 = ["value"];
+const _hoisted_61 = ["value"];
+const _hoisted_62 = ["value"];
+const _hoisted_63 = ["value"];
+const _hoisted_64 = ["value", "placeholder"];
+const _hoisted_65 = {
+  key: 18,
+  class: "part-empty"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_board_chart = resolveComponent("board-chart");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["part-body", $options.bodyClass]),
+    style: normalizeStyle($options.bodyStyle)
+  }, [
+    $props.part.type === "chart" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+      createVNode(_component_board_chart, {
+        option: $options.chartOption,
+        onChartClick: $options.onChartClick
+      }, null, 8, ["option", "onChartClick"]),
+      !$options.hasData ? (openBlock(), createElementBlock("div", _hoisted_1, "未绑定数据集")) : createCommentVNode("", true)
+    ], 64)) : $props.part.type === "kpi" ? (openBlock(), createElementBlock("div", {
+      key: 1,
+      class: "kpi",
+      style: normalizeStyle($options.kpiBoxStyle)
+    }, [
+      createElementVNode("div", {
+        class: "kpi-title",
+        style: normalizeStyle($options.subStyle)
+      }, toDisplayString($options.kpiTitle), 5),
+      createElementVNode("div", {
+        class: "kpi-value",
+        style: normalizeStyle($options.valueStyle)
+      }, [
+        createElementVNode("span", _hoisted_2, toDisplayString($options.kpiValue), 1),
+        createElementVNode("span", _hoisted_3, toDisplayString($props.part.view.unit), 1)
+      ], 4)
+    ], 4)) : $props.part.type === "table" ? (openBlock(), createElementBlock("div", _hoisted_4, [
+      $props.part.view.exportCsv ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: "part-toolbar",
+        onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {
+        }, ["stop"]))
+      }, [
+        createElementVNode("button", {
+          type: "button",
+          class: "drb-export",
+          title: "导出当前明细为 CSV",
+          onClick: _cache[0] || (_cache[0] = withModifiers((...args) => $options.exportCsv && $options.exportCsv(...args), ["stop"]))
+        }, [..._cache[10] || (_cache[10] = [
+          createElementVNode("svg", {
+            class: "drb-export__icon",
+            viewBox: "0 0 16 16",
+            width: "13",
+            height: "13",
+            "aria-hidden": "true"
+          }, [
+            createElementVNode("path", {
+              fill: "currentColor",
+              d: "M7.25 1h1.5v7.19l2.22-2.22 1.06 1.06L8 11.06 3.97 7.03l1.06-1.06 2.22 2.22V1zM2.5 12h11v1.5h-11V12z"
+            })
+          ], -1)
+        ])])
+      ], 32)) : createCommentVNode("", true),
+      createElementVNode("table", {
+        class: normalizeClass(["part-table", { stripe: $props.part.view.stripe !== false, bordered: !!$props.part.view.bordered, fixed: $options.hasColWidths }]),
+        style: normalizeStyle($options.tableStyle)
+      }, [
+        createElementVNode("colgroup", null, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($options.tableColumns, (c) => {
+            return openBlock(), createElementBlock("col", {
+              key: c.name,
+              style: normalizeStyle({ width: $options.colWidthOf(c) })
+            }, null, 4);
+          }), 128))
+        ]),
+        createElementVNode("thead", null, [
+          createElementVNode("tr", null, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList($options.tableColumns, (c) => {
+              return openBlock(), createElementBlock("th", {
+                key: c.name,
+                style: normalizeStyle($options.thStyle(c)),
+                class: normalizeClass({ sortable: $options.isSortable, sorted: $options.sortField === c.name }),
+                onClick: ($event) => $options.onSort(c)
+              }, [
+                createElementVNode("span", _hoisted_6, toDisplayString(c.label || c.alias || c.name), 1),
+                $options.isSortable && $options.sortField === c.name ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString($props.part.data.orderDesc ? "▼" : "▲"), 1)) : createCommentVNode("", true),
+                $options.isResizable ? (openBlock(), createElementBlock("span", {
+                  key: 1,
+                  class: "col-resizer",
+                  onMousedown: withModifiers(($event) => $options.startColResize($event, c), ["stop"]),
+                  onClick: _cache[2] || (_cache[2] = withModifiers(() => {
+                  }, ["stop"]))
+                }, null, 40, _hoisted_8)) : createCommentVNode("", true)
+              ], 14, _hoisted_5);
+            }), 128))
+          ])
+        ]),
+        createElementVNode("tbody", null, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($options.tableRows, (r, i) => {
+            return openBlock(), createElementBlock("tr", { key: i }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList($options.tableColumns, (c) => {
+                return openBlock(), createElementBlock("td", {
+                  key: c.name,
+                  onClick: ($event) => $options.onCellClick(r, c)
+                }, toDisplayString($options.cellText(r, c)), 9, _hoisted_9);
+              }), 128))
+            ]);
+          }), 128)),
+          !$options.tableRows.length ? (openBlock(), createElementBlock("tr", _hoisted_10, [
+            createElementVNode("td", {
+              colspan: $options.tableColumns.length || 1,
+              class: "part-empty"
+            }, toDisplayString($data.loading ? "加载中…" : "暂无数据"), 9, _hoisted_11)
+          ])) : createCommentVNode("", true)
+        ]),
+        $options.showSummary && $options.tableRows.length ? (openBlock(), createElementBlock("tfoot", _hoisted_12, [
+          createElementVNode("tr", null, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList($options.tableColumns, (c, i) => {
+              return openBlock(), createElementBlock("td", {
+                key: c.name
+              }, toDisplayString(i === 0 ? "合计" : $options.summaryText(c)), 1);
+            }), 128))
+          ])
+        ])) : createCommentVNode("", true)
+      ], 6)
+    ])) : $props.part.type === "crossTable" ? (openBlock(), createElementBlock("div", _hoisted_13, [
+      $props.part.view.exportCsv ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: "part-toolbar",
+        onMousedown: _cache[4] || (_cache[4] = withModifiers(() => {
+        }, ["stop"]))
+      }, [
+        createElementVNode("button", {
+          type: "button",
+          class: "drb-export",
+          title: "导出交叉表为 CSV",
+          onClick: _cache[3] || (_cache[3] = withModifiers((...args) => $options.exportCsv && $options.exportCsv(...args), ["stop"]))
+        }, [..._cache[11] || (_cache[11] = [
+          createElementVNode("svg", {
+            class: "drb-export__icon",
+            viewBox: "0 0 16 16",
+            width: "13",
+            height: "13",
+            "aria-hidden": "true"
+          }, [
+            createElementVNode("path", {
+              fill: "currentColor",
+              d: "M7.25 1h1.5v7.19l2.22-2.22 1.06 1.06L8 11.06 3.97 7.03l1.06-1.06 2.22 2.22V1zM2.5 12h11v1.5h-11V12z"
+            })
+          ], -1)
+        ])])
+      ], 32)) : createCommentVNode("", true),
+      createElementVNode("table", {
+        class: normalizeClass(["part-table cross", { stripe: $props.part.view.stripe !== false }])
+      }, [
+        createElementVNode("thead", null, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($options.crossView.headRows, (hrow, ri) => {
+            return openBlock(), createElementBlock("tr", {
+              key: "ch" + ri
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(hrow, (c, ci) => {
+                return openBlock(), createElementBlock("th", {
+                  key: "ch" + ri + "_" + ci,
+                  colspan: c.colspan || 1,
+                  rowspan: c.rowspan || 1,
+                  class: normalizeClass(c.cls),
+                  style: { textAlign: "center" }
+                }, toDisplayString(c.text), 11, _hoisted_14);
+              }), 128))
+            ]);
+          }), 128))
+        ]),
+        createElementVNode("tbody", null, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($options.crossView.bodyRows, (r, ri) => {
+            return openBlock(), createElementBlock("tr", {
+              key: "cb" + ri
+            }, [
+              createElementVNode("td", {
+                class: "row-head",
+                onClick: ($event) => $options.onDrill($options.crossView.rowField, r.name)
+              }, toDisplayString(r.name), 9, _hoisted_15),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(r.cells, (c, ci) => {
+                return openBlock(), createElementBlock("td", {
+                  key: "cb" + ri + "_" + ci,
+                  onClick: ($event) => $options.onDrill($options.crossView.rowField, r.name)
+                }, toDisplayString(c), 9, _hoisted_16);
+              }), 128)),
+              $props.part.view.showTotal !== false ? (openBlock(), createElementBlock("td", _hoisted_17, toDisplayString(r.total), 1)) : createCommentVNode("", true)
+            ]);
+          }), 128)),
+          !$options.crossView.bodyRows.length ? (openBlock(), createElementBlock("tr", _hoisted_18, [
+            createElementVNode("td", {
+              colspan: $options.crossView.colCount * Math.max(1, $options.crossMeasures.length) + 2,
+              class: "part-empty"
+            }, toDisplayString($data.loading ? "加载中…" : "暂无数据（请选择行维/列维/度量）"), 9, _hoisted_19)
+          ])) : createCommentVNode("", true)
+        ]),
+        $options.crossView.bodyRows.length && $props.part.view.showTotal !== false ? (openBlock(), createElementBlock("tfoot", _hoisted_20, [
+          createElementVNode("tr", null, [
+            _cache[12] || (_cache[12] = createElementVNode("td", { class: "row-head" }, "合计", -1)),
+            (openBlock(true), createElementBlock(Fragment, null, renderList($options.crossView.footCells, (c, ci) => {
+              return openBlock(), createElementBlock("td", {
+                key: "cf" + ci,
+                class: "total"
+              }, toDisplayString(c), 1);
+            }), 128)),
+            createElementVNode("td", _hoisted_21, toDisplayString($options.crossView.footTotal), 1)
+          ])
+        ])) : createCommentVNode("", true)
+      ], 2)
+    ])) : $props.part.type === "text" ? (openBlock(), createElementBlock("div", {
+      key: 4,
+      class: normalizeClass(["part-text", "ov-" + $options.textOverflow]),
+      style: normalizeStyle($options.textBoxStyle)
+    }, [
+      createElementVNode("span", { ref: "textInner" }, toDisplayString($props.part.view.content), 513)
+    ], 6)) : $props.part.type === "image" ? (openBlock(), createElementBlock("div", _hoisted_22, [
+      $props.part.view.src ? (openBlock(), createElementBlock("img", {
+        key: 0,
+        src: $options.mediaSrc($props.part.view.src),
+        style: normalizeStyle({ objectFit: $props.part.view.fit || "contain" })
+      }, null, 12, _hoisted_23)) : (openBlock(), createElementBlock("div", _hoisted_24, "未设置图片地址"))
+    ])) : $props.part.type === "border" ? (openBlock(), createElementBlock("div", _hoisted_25, [
+      $props.part.view.showTitle !== false ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(["border-title", "ts-" + $options.titleStyle]),
+        style: normalizeStyle($options.titleOffsetStyle)
+      }, [
+        createElementVNode("span", _hoisted_26, toDisplayString($props.part.view.title), 1)
+      ], 6)) : createCommentVNode("", true),
+      $props.childrenCount ? (openBlock(), createElementBlock("div", {
+        key: 1,
+        class: normalizeClass(["part-children", { "is-free": $options.childrenFree, "is-stacked": $props.stacked, "is-active": $props.design && $props.active }]),
+        style: normalizeStyle($options.childGridStyle)
+      }, [
+        renderSlot(_ctx.$slots, "children", {}, void 0, true)
+      ], 6)) : createCommentVNode("", true),
+      $props.design && $props.childrenCount ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+        _cache[13] || (_cache[13] = createElementVNode("div", { class: "hit hit-t" }, null, -1)),
+        _cache[14] || (_cache[14] = createElementVNode("div", { class: "hit hit-b" }, null, -1)),
+        _cache[15] || (_cache[15] = createElementVNode("div", { class: "hit hit-l" }, null, -1)),
+        _cache[16] || (_cache[16] = createElementVNode("div", { class: "hit hit-r" }, null, -1))
+      ], 64)) : createCommentVNode("", true)
+    ])) : $props.part.type === "container" ? (openBlock(), createElementBlock("div", _hoisted_27, [
+      $options.borderPreset === "glow" ? (openBlock(), createElementBlock("div", _hoisted_28)) : createCommentVNode("", true),
+      $options.borderPreset === "datav" ? (openBlock(), createBlock(resolveDynamicComponent($options.datavBorder), {
+        key: 1,
+        ref: "datavFrame",
+        class: "datav-frame",
+        color: $options.datavColors
+      }, null, 8, ["color"])) : createCommentVNode("", true),
+      $props.part.view.showTitle ? (openBlock(), createElementBlock("div", {
+        key: 2,
+        class: normalizeClass(["container-title", "ts-" + $options.titleStyle]),
+        style: normalizeStyle($options.titleOffsetStyle)
+      }, [
+        createElementVNode("span", _hoisted_29, toDisplayString($props.part.view.title), 1)
+      ], 6)) : createCommentVNode("", true),
+      $props.childrenCount ? (openBlock(), createElementBlock("div", {
+        key: 3,
+        class: normalizeClass(["part-children", { "is-free": $options.childrenFree, "is-stacked": $props.stacked, "is-active": $props.design && $props.active }]),
+        style: normalizeStyle($options.childGridStyle)
+      }, [
+        renderSlot(_ctx.$slots, "children", {}, void 0, true)
+      ], 6)) : $props.design ? (openBlock(), createElementBlock("div", _hoisted_30, "自由容器：把左侧元素拖进来，子部件按容器内的 24 列栅格排列")) : createCommentVNode("", true),
+      $props.design && $props.childrenCount ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [
+        _cache[17] || (_cache[17] = createElementVNode("div", { class: "hit hit-t" }, null, -1)),
+        _cache[18] || (_cache[18] = createElementVNode("div", { class: "hit hit-b" }, null, -1)),
+        _cache[19] || (_cache[19] = createElementVNode("div", { class: "hit hit-l" }, null, -1)),
+        _cache[20] || (_cache[20] = createElementVNode("div", { class: "hit hit-r" }, null, -1))
+      ], 64)) : createCommentVNode("", true)
+    ])) : $props.part.type === "tabContainer" ? (openBlock(), createElementBlock("div", _hoisted_31, [
+      createElementVNode("div", _hoisted_32, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList($options.tabs, (t, i) => {
+          return openBlock(), createElementBlock("span", {
+            key: i,
+            class: normalizeClass(["tab-item", { active: i === $data.activeTab }]),
+            onClick: ($event) => $data.activeTab = i
+          }, toDisplayString(t), 11, _hoisted_33);
+        }), 128))
+      ]),
+      createElementVNode("div", {
+        class: normalizeClass(["tab-body", { "is-grid": $options.tabHasChildren, "is-free": $options.tabHasChildren && $options.childrenFree, "is-stacked": $options.tabHasChildren && $props.stacked }]),
+        style: normalizeStyle($options.tabHasChildren ? $options.childGridStyle : null)
+      }, [
+        $options.tabHasChildren ? renderSlot(_ctx.$slots, "children", { tab: $data.activeTab }, void 0, true, 0) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          $options.tabContents.length ? (openBlock(), createElementBlock("div", _hoisted_34, toDisplayString($options.tabContents[$data.activeTab] || "（本页签暂无内容）"), 1)) : $props.design ? (openBlock(), createElementBlock("div", _hoisted_35, "tab 容器：可在右侧配置页签与每页内容，或把部件拖进当前页签")) : createCommentVNode("", true)
+        ], 64))
+      ], 6)
+    ])) : $props.part.type === "iframe" ? (openBlock(), createElementBlock("div", _hoisted_36, [
+      $props.part.view.src ? (openBlock(), createElementBlock("iframe", {
+        key: 0,
+        src: $options.mediaSrc($props.part.view.src),
+        frameborder: "0"
+      }, null, 8, _hoisted_37)) : (openBlock(), createElementBlock("div", _hoisted_38, "未设置页面地址"))
+    ])) : $props.part.type === "video" ? (openBlock(), createElementBlock("div", _hoisted_39, [
+      $props.part.view.src ? (openBlock(), createElementBlock("video", {
+        key: 0,
+        src: $options.mediaSrc($props.part.view.src),
+        autoplay: !!$props.part.view.autoplay,
+        loop: $props.part.view.loop !== false,
+        muted: $props.part.view.muted !== false,
+        controls: $props.part.view.controls !== false
+      }, null, 8, _hoisted_40)) : (openBlock(), createElementBlock("div", _hoisted_41, "未设置视频地址"))
+    ])) : $props.part.type === "carousel" ? (openBlock(), createElementBlock("div", _hoisted_42, [
+      $options.carouselImages.length ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList($options.carouselImages, (img, i) => {
+          return openBlock(), createElementBlock("div", {
+            key: i,
+            class: "carousel-item",
+            style: normalizeStyle({ opacity: i === $data.carouselIndex ? 1 : 0 })
+          }, [
+            img.src ? (openBlock(), createElementBlock("img", {
+              key: 0,
+              src: $options.mediaSrc(img.src)
+            }, null, 8, _hoisted_43)) : (openBlock(), createElementBlock("div", _hoisted_44, "第 " + toDisplayString(i + 1) + " 张未设置地址", 1)),
+            $props.part.view.showTitle !== false && img.title ? (openBlock(), createElementBlock("div", _hoisted_45, toDisplayString(img.title), 1)) : createCommentVNode("", true)
+          ], 4);
+        }), 128)),
+        createElementVNode("div", _hoisted_46, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($options.carouselImages, (img, i) => {
+            return openBlock(), createElementBlock("span", {
+              key: i,
+              class: normalizeClass({ active: i === $data.carouselIndex }),
+              onClick: ($event) => $data.carouselIndex = i
+            }, null, 10, _hoisted_47);
+          }), 128))
+        ])
+      ], 64)) : (openBlock(), createElementBlock("div", _hoisted_48, "未配置轮播图"))
+    ])) : $props.part.type === "marquee" ? (openBlock(), createElementBlock("div", _hoisted_49, [
+      createElementVNode("div", {
+        class: "marquee-inner",
+        style: normalizeStyle($options.marqueeStyle)
+      }, toDisplayString($props.part.view.content), 5)
+    ])) : $props.part.type === "decoration" ? (openBlock(), createElementBlock("div", _hoisted_50, [
+      (openBlock(), createBlock(resolveDynamicComponent($options.datavDecoration), {
+        ref: "datavDeco",
+        color: $options.datavDecoColors
+      }, null, 8, ["color"]))
+    ])) : $props.part.type === "progress" ? (openBlock(), createElementBlock("div", _hoisted_51, [
+      createElementVNode("div", _hoisted_52, [
+        createElementVNode("span", null, toDisplayString($props.part.view.title), 1),
+        $props.part.view.showValue !== false ? (openBlock(), createElementBlock("span", _hoisted_53, toDisplayString($options.progressValue) + toDisplayString($props.part.view.unit), 1)) : createCommentVNode("", true)
+      ]),
+      createElementVNode("div", _hoisted_54, [
+        createElementVNode("div", {
+          class: "pg-fill",
+          style: normalizeStyle({ width: Math.max(0, Math.min(100, $options.progressValue)) + "%" })
+        }, null, 4)
+      ])
+    ])) : $props.part.type === "button" ? (openBlock(), createElementBlock("div", _hoisted_55, [
+      createElementVNode("button", {
+        class: normalizeClass(["btn", "btn-" + ($props.part.view.type || "primary")]),
+        onClick: _cache[5] || (_cache[5] = (...args) => $options.onButtonClick && $options.onButtonClick(...args))
+      }, toDisplayString($props.part.view.text), 3)
+    ])) : $props.part.type === "nav" ? (openBlock(), createElementBlock("div", {
+      key: 16,
+      class: normalizeClass(["part-nav", ["nav-" + ($props.part.view.style || "plate"), { "is-absolute": $options.navAbsolute }]]),
+      style: normalizeStyle($options.navStyle)
+    }, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList($options.navItems, (it, i) => {
+        return openBlock(), createElementBlock("div", {
+          key: i,
+          class: normalizeClass(["nav-item", { "is-active": $options.isNavActive(it) }]),
+          style: normalizeStyle($options.navItemStyle(it)),
+          role: "button",
+          title: it.label,
+          onClick: withModifiers(($event) => $options.onNavClick(it), ["stop"])
+        }, [
+          createElementVNode("span", _hoisted_57, toDisplayString(it.label), 1)
+        ], 14, _hoisted_56);
+      }), 128))
+    ], 6)) : $props.part.type === "filter" ? (openBlock(), createElementBlock("div", _hoisted_58, [
+      createElementVNode("span", _hoisted_59, toDisplayString($props.part.view.label || "筛选"), 1),
+      $options.filterCfg.type === "select" || $options.filterCfg.type === "period" ? (openBlock(), createElementBlock("select", {
+        key: 0,
+        class: "filter-input",
+        value: $options.currentParam,
+        onChange: _cache[6] || (_cache[6] = ($event) => $options.onFilterChange($event.target.value))
+      }, [
+        _cache[21] || (_cache[21] = createElementVNode("option", { value: "" }, "全部", -1)),
+        (openBlock(true), createElementBlock(Fragment, null, renderList($options.filterCfg.options, (o) => {
+          return openBlock(), createElementBlock("option", {
+            key: o,
+            value: o
+          }, toDisplayString(o), 9, _hoisted_61);
+        }), 128))
+      ], 40, _hoisted_60)) : $options.filterCfg.type === "date" ? (openBlock(), createElementBlock("input", {
+        key: 1,
+        class: "filter-input",
+        type: "date",
+        value: $options.currentParam,
+        onChange: _cache[7] || (_cache[7] = ($event) => $options.onFilterChange($event.target.value))
+      }, null, 40, _hoisted_62)) : $options.filterCfg.type === "year" ? (openBlock(), createElementBlock("input", {
+        key: 2,
+        class: "filter-input",
+        type: "number",
+        min: "1900",
+        max: "2999",
+        value: $options.currentParam,
+        placeholder: "如 2026",
+        onChange: _cache[8] || (_cache[8] = ($event) => $options.onFilterChange($event.target.value))
+      }, null, 40, _hoisted_63)) : (openBlock(), createElementBlock("input", {
+        key: 3,
+        class: "filter-input",
+        value: $options.currentParam,
+        placeholder: $options.filterCfg.type === "org" ? "机构编码（本期手填）" : "输入后回车",
+        onKeyup: _cache[9] || (_cache[9] = withKeys(($event) => $options.onFilterChange($event.target.value), ["enter"]))
+      }, null, 40, _hoisted_64))
+    ])) : (openBlock(), createElementBlock("div", _hoisted_65, "未知部件类型：" + toDisplayString($props.part.type), 1))
+  ], 6);
+}
+const PartRenderer = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-16075a7b"]]);
+export {
+  PartRenderer as default
+};