bp-aicc-editor 1.0.0

package/lib/config-DHGpQmWe.js

@@ -0,0 +1,695 @@
+import { NRadioGroup as z, NRadioButton as O, NButton as W, NIcon as j } from "naive-ui";
+import { ElTabPane as q, ElTabs as Z } from "element-plus";
+import { defineComponent as D, toRef as H, resolveComponent as t, createBlock as s, openBlock as f, withCtx as d, createVNode as e, createTextVNode as V, createElementBlock as A, Fragment as P, renderList as B, createCommentVNode as K, createElementVNode as J } from "vue";
+import { n as L, E as M, j as Q, e as X, k as Y, l as x, m as ee, o as le, p as oe, g as ne, q as ae } from "./select-options-BTOkre7F.js";
+import { u as de } from "./use-border-BUij5e0F.js";
+import { k as ue, p as te, _ as ie } from "./index-Bjs1bW2W.js";
+import { u as fe } from "./use-series-Cmnkexlu.js";
+import { ScrollTableSeries as re } from "./scroll-table-BTbnMVFS.js";
+const me = D({
+  name: "VScrollTableProp",
+  components: {
+    ElTabs: Z,
+    ElTabPane: q
+  },
+  props: {
+    com: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(o) {
+    const n = H(o.com, "config"), { activeTab: G, handleAddSeriesItem: T, handRemoveSeriesItem: C } = fe(n, re);
+    return {
+      config: n,
+      activeTab: G,
+      handleAddSeriesItem: T,
+      handRemoveSeriesItem: C,
+      handAddEvent: (v) => {
+        n.value.series[v].config.event.push({
+          static: !0,
+          use: !0,
+          key1: "",
+          operator: "",
+          key2: "",
+          value: "",
+          config: {
+            ...te,
+            icon: "",
+            layout: "lr",
+            // lr  rl
+            ...de(),
+            background: ue({ isCss: !0 })
+          }
+        });
+      },
+      operators: ae,
+      fontFamilys: ne,
+      cssLayoutlr: oe,
+      cssLayoutLabel: le,
+      hAligns: L,
+      vAligns: ee,
+      orients: x,
+      waperEffects: Y,
+      lineStyles: X,
+      topShowTypes: Q,
+      GenerateType: M,
+      aligns: L
+    };
+  }
+});
+function se(o, n, G, T, C, N) {
+  const p = O, v = z, u = t("g-field"), r = t("g-input-number"), $ = t("chartGenerateConfig"), m = t("g-switch"), h = t("GBorderConfig"), y = t("g-field-collapse"), c = t("GChartFontConfig"), b = t("ElTabPane"), w = t("g-color-picker"), F = t("GSwiperConfig"), S = t("ElTabs"), g = t("g-input"), E = t("g-select"), I = t("IconPlus"), R = j, _ = W;
+  return o.config.generate.configType === o.GenerateType.基础 ? (f(), s($, {
+    key: 0,
+    config: o.config,
+    "chart-type": "none"
+  }, {
+    default: d(() => [
+      e(u, {
+        level: 2,
+        "label-span": "6",
+        label: "大小"
+      }, {
+        default: d(() => [
+          e(v, {
+            value: o.config.generate.size,
+            "onUpdate:value": n[0] || (n[0] = (l) => o.config.generate.size = l),
+            size: "small"
+          }, {
+            default: d(() => [
+              e(p, { value: "small" }, {
+                default: d(() => [...n[17] || (n[17] = [
+                  V(" 小 ", -1)
+                ])]),
+                _: 1
+              }),
+              e(p, { value: "medium" }, {
+                default: d(() => [...n[18] || (n[18] = [
+                  V(" 默认 ", -1)
+                ])]),
+                _: 1
+              }),
+              e(p, { value: "large" }, {
+                default: d(() => [...n[19] || (n[19] = [
+                  V(" 大 ", -1)
+                ])]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["value"])
+        ]),
+        _: 1
+      }),
+      e(u, {
+        level: 2,
+        "label-span": "6",
+        label: "间距"
+      }, {
+        default: d(() => [
+          e(r, {
+            modelValue: o.config.generate.headerGap,
+            "onUpdate:modelValue": n[1] || (n[1] = (l) => o.config.generate.headerGap = l),
+            label: "表头与表格间距",
+            inline: "",
+            suffix: "px"
+          }, null, 8, ["modelValue"]),
+          e(r, {
+            modelValue: o.config.generate.rowWap,
+            "onUpdate:modelValue": n[2] || (n[2] = (l) => o.config.generate.rowWap = l),
+            label: "表格行间距",
+            inline: "",
+            suffix: "px"
+          }, null, 8, ["modelValue"])
+        ]),
+        _: 1
+      }),
+      e(u, {
+        level: 2,
+        "label-span": "6",
+        label: "每页行数"
+      }, {
+        default: d(() => [
+          e(r, {
+            modelValue: o.config.swiper.row,
+            "onUpdate:modelValue": n[3] || (n[3] = (l) => o.config.swiper.row = l),
+            label: "每页显示表格行数",
+            suffix: "行"
+          }, null, 8, ["modelValue"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  }, 8, ["config"])) : o.config.generate.configType === o.GenerateType.全量 ? (f(), s(S, {
+    key: "cardleft",
+    "tab-position": "left",
+    type: "card"
+  }, {
+    default: d(() => [
+      e(b, {
+        label: "全局",
+        tab: "global"
+      }, {
+        default: d(() => [
+          e(y, {
+            modelValue: o.config.generate.border.show,
+            "onUpdate:modelValue": n[7] || (n[7] = (l) => o.config.generate.border.show = l),
+            toggle: "",
+            level: 2,
+            label: "边框"
+          }, {
+            default: d(() => [
+              e(u, {
+                level: 2,
+                label: "边框位置"
+              }, {
+                default: d(() => [
+                  e(m, {
+                    modelValue: o.config.generate.single.out,
+                    "onUpdate:modelValue": n[4] || (n[4] = (l) => o.config.generate.single.out = l),
+                    inline: "",
+                    label: "外边框"
+                  }, null, 8, ["modelValue"]),
+                  e(m, {
+                    modelValue: o.config.generate.single.column,
+                    "onUpdate:modelValue": n[5] || (n[5] = (l) => o.config.generate.single.column = l),
+                    inline: "",
+                    label: "行边框"
+                  }, null, 8, ["modelValue"]),
+                  e(m, {
+                    modelValue: o.config.generate.single.line,
+                    "onUpdate:modelValue": n[6] || (n[6] = (l) => o.config.generate.single.line = l),
+                    inline: "",
+                    label: "列边框"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              e(h, {
+                config: o.config.generate.border
+              }, null, 8, ["config"])
+            ]),
+            _: 1
+          }, 8, ["modelValue"]),
+          e(y, {
+            modelValue: o.config.order.show,
+            "onUpdate:modelValue": n[11] || (n[11] = (l) => o.config.order.show = l),
+            toggle: "",
+            level: 2,
+            label: "序号"
+          }, {
+            default: d(() => [
+              e(u, {
+                level: 2,
+                label: "自动补0"
+              }, {
+                default: d(() => [
+                  e(m, {
+                    modelValue: o.config.order.addZero,
+                    "onUpdate:modelValue": n[8] || (n[8] = (l) => o.config.order.addZero = l)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              e(u, {
+                level: 2,
+                label: "尺寸"
+              }, {
+                default: d(() => [
+                  e(r, {
+                    modelValue: o.config.order.width,
+                    "onUpdate:modelValue": n[9] || (n[9] = (l) => o.config.order.width = l),
+                    suffix: "px",
+                    inline: "",
+                    label: "宽"
+                  }, null, 8, ["modelValue"]),
+                  e(r, {
+                    modelValue: o.config.order.height,
+                    "onUpdate:modelValue": n[10] || (n[10] = (l) => o.config.order.height = l),
+                    suffix: "px",
+                    inline: "",
+                    label: "高"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              e(u, {
+                level: 2,
+                label: "字体"
+              }, {
+                default: d(() => [
+                  e(c, {
+                    config: o.config.order,
+                    "no-line-height": "",
+                    overflow: !1
+                  }, null, 8, ["config"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      }),
+      e(b, {
+        label: "表头",
+        tab: "header"
+      }, {
+        default: d(() => [
+          e(u, {
+            level: 2,
+            label: "高度"
+          }, {
+            default: d(() => [
+              e(r, {
+                modelValue: o.config.header.height,
+                "onUpdate:modelValue": n[12] || (n[12] = (l) => o.config.header.height = l),
+                suffix: "px"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          e(u, {
+            level: 2,
+            label: "背景色"
+          }, {
+            default: d(() => [
+              e(w, {
+                modelValue: o.config.header.background,
+                "onUpdate:modelValue": n[13] || (n[13] = (l) => o.config.header.background = l)
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          e(u, {
+            level: 2,
+            label: "表头"
+          }, {
+            default: d(() => [
+              e(c, {
+                label: "表头",
+                overflow: !1,
+                "no-line-height": "",
+                config: o.config.header.font
+              }, null, 8, ["config"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }),
+      e(b, {
+        label: "奇数行",
+        tab: "odd"
+      }, {
+        default: d(() => [
+          e(u, {
+            level: 2,
+            label: "背景色"
+          }, {
+            default: d(() => [
+              e(w, {
+                modelValue: o.config.odd.background,
+                "onUpdate:modelValue": n[14] || (n[14] = (l) => o.config.odd.background = l)
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          e(u, {
+            level: 2,
+            label: "行属性"
+          }, {
+            default: d(() => [
+              e(c, {
+                label: "行属性",
+                overflow: !1,
+                "no-line-height": "",
+                config: o.config.odd.font
+              }, null, 8, ["config"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }),
+      e(b, {
+        label: "偶数行",
+        tab: "even"
+      }, {
+        default: d(() => [
+          e(u, {
+            level: 2,
+            label: "背景色"
+          }, {
+            default: d(() => [
+              e(w, {
+                modelValue: o.config.even.background,
+                "onUpdate:modelValue": n[15] || (n[15] = (l) => o.config.even.background = l)
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          e(u, {
+            level: 2,
+            label: "行属性"
+          }, {
+            default: d(() => [
+              e(c, {
+                label: "行属性",
+                overflow: !1,
+                "no-line-height": "",
+                config: o.config.even.font
+              }, null, 8, ["config"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }),
+      e(b, {
+        label: "轮播",
+        tab: "swiper"
+      }, {
+        default: d(() => [
+          e(F, {
+            config: o.config.swiper,
+            "disable-col": ""
+          }, null, 8, ["config"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  })) : (f(), s(S, {
+    key: "series",
+    modelValue: o.activeTab,
+    "onUpdate:modelValue": n[16] || (n[16] = (l) => o.activeTab = l),
+    "tab-position": "left",
+    type: "card",
+    addable: "",
+    closable: o.config.series.length > 1,
+    class: "iking-v-custom-series",
+    onTabRemove: o.handRemoveSeriesItem,
+    onTabAdd: o.handleAddSeriesItem
+  }, {
+    default: d(() => [
+      (f(!0), A(P, null, B(o.config.series, (l, U) => (f(), s(b, {
+        key: U,
+        label: `系列${U + 1}`,
+        tab: `系列${U + 1}`,
+        name: U
+      }, {
+        default: d(() => [
+          e(u, {
+            level: 2,
+            label: "列名"
+          }, {
+            default: d(() => [
+              e(g, {
+                modelValue: l.name,
+                "onUpdate:modelValue": (a) => l.name = a
+              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+            ]),
+            _: 2
+          }, 1024),
+          e(u, {
+            level: 2,
+            label: "列Key值"
+          }, {
+            default: d(() => [
+              e(g, {
+                modelValue: l.config.field,
+                "onUpdate:modelValue": (a) => l.config.field = a
+              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+            ]),
+            _: 2
+          }, 1024),
+          e(u, {
+            level: 2,
+            label: "对齐方式"
+          }, {
+            default: d(() => [
+              e(E, {
+                modelValue: l.config.align,
+                "onUpdate:modelValue": (a) => l.config.align = a,
+                data: o.aligns
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "data"])
+            ]),
+            _: 2
+          }, 1024),
+          e(u, {
+            level: 2,
+            label: "列类别"
+          }, {
+            default: d(() => [
+              e(v, {
+                value: l.config.type,
+                "onUpdate:value": (a) => l.config.type = a,
+                size: "small"
+              }, {
+                default: d(() => [
+                  e(p, { value: "text" }, {
+                    default: d(() => [...n[20] || (n[20] = [
+                      V(" 文本 ", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  e(p, { value: "number" }, {
+                    default: d(() => [...n[21] || (n[21] = [
+                      V(" 数值 ", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  e(p, { value: "date" }, {
+                    default: d(() => [...n[22] || (n[22] = [
+                      V(" 日期 ", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["value", "onUpdate:value"])
+            ]),
+            _: 2
+          }, 1024),
+          l.config.type === "number" ? (f(), s(u, {
+            key: 0,
+            level: 2,
+            label: "数值"
+          }, {
+            default: d(() => [
+              e(m, {
+                modelValue: l.config.number.animation.active,
+                "onUpdate:modelValue": (a) => l.config.number.animation.active = a,
+                label: "数值动画"
+              }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+              e(m, {
+                modelValue: l.config.number.animation.showSeparator,
+                "onUpdate:modelValue": (a) => l.config.number.animation.showSeparator = a,
+                label: "分隔符"
+              }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+              e(r, {
+                modelValue: l.config.number.animation.precision,
+                "onUpdate:modelValue": (a) => l.config.number.animation.precision = a,
+                label: "精度",
+                inline: "",
+                suffix: "",
+                min: 0
+              }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+              e(r, {
+                modelValue: l.config.number.animation.duration,
+                "onUpdate:modelValue": (a) => l.config.number.animation.duration = a,
+                label: "动画时长",
+                inline: "",
+                suffix: "ms",
+                min: 0,
+                step: 500
+              }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+              e(m, {
+                modelValue: l.config.number.animation.loop,
+                "onUpdate:modelValue": (a) => l.config.number.animation.loop = a,
+                label: "循环播放"
+              }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+              e(r, {
+                modelValue: l.config.number.animation.duration,
+                "onUpdate:modelValue": (a) => l.config.number.animation.duration = a,
+                label: "循环间隔",
+                inline: "",
+                suffix: "ms",
+                min: 0,
+                step: 500
+              }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+              e(g, {
+                modelValue: l.config.number.prefix,
+                "onUpdate:modelValue": (a) => l.config.number.prefix = a,
+                inline: "",
+                label: "前缀"
+              }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+              e(g, {
+                modelValue: l.config.number.suffix,
+                "onUpdate:modelValue": (a) => l.config.number.suffix = a,
+                inline: "",
+                label: "后缀"
+              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+            ]),
+            _: 2
+          }, 1024)) : l.config.type === "date" ? (f(), s(u, {
+            key: 1,
+            level: 2,
+            label: "日期"
+          }, {
+            default: d(() => [
+              e(g, {
+                modelValue: l.config.date.format,
+                "onUpdate:modelValue": (a) => l.config.date.format = a,
+                label: "日期格式化"
+              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+            ]),
+            _: 2
+          }, 1024)) : K("", !0),
+          e(y, {
+            modelValue: l.config.width.auto,
+            "onUpdate:modelValue": (a) => l.config.width.auto = a,
+            toggle: "",
+            level: 2,
+            label: "手动设置列宽"
+          }, {
+            default: d(() => [
+              e(u, {
+                level: 2,
+                label: "列类别"
+              }, {
+                default: d(() => [
+                  e(r, {
+                    modelValue: l.config.width.value,
+                    "onUpdate:modelValue": (a) => l.config.width.value = a,
+                    suffix: l.config.width.isPercent ? "%" : "px",
+                    label: "宽度值",
+                    inline: ""
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "suffix"]),
+                  e(m, {
+                    modelValue: l.config.width.isPercent,
+                    "onUpdate:modelValue": (a) => l.config.width.isPercent = a,
+                    label: "百分比模式"
+                  }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                ]),
+                _: 2
+              }, 1024)
+            ]),
+            _: 2
+          }, 1032, ["modelValue", "onUpdate:modelValue"]),
+          (f(!0), A(P, null, B(l.config.event, (a, k) => (f(), s(y, {
+            key: k,
+            modelValue: a.use,
+            "onUpdate:modelValue": (i) => a.use = i,
+            toggle: "",
+            "label-span": "5",
+            features: ["remove"],
+            list: l.config.event,
+            "d-index": k,
+            tooltip: "满足此条件的列表项，将按照此条件配置的样式展示",
+            label: `样式条件${k + 1}`
+          }, {
+            default: d(() => [
+              e(u, {
+                level: 2,
+                label: "条件配置",
+                "label-span": "5"
+              }, {
+                default: d(() => [
+                  e(g, {
+                    modelValue: a.key1,
+                    "onUpdate:modelValue": (i) => a.key1 = i,
+                    inline: "",
+                    label: "字段名"
+                  }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                  e(E, {
+                    modelValue: a.operator,
+                    "onUpdate:modelValue": (i) => a.operator = i,
+                    data: o.operators,
+                    inline: "",
+                    label: "运算符"
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "data"]),
+                  e(m, {
+                    modelValue: a.static,
+                    "onUpdate:modelValue": (i) => a.static = i,
+                    label: "是否与固定值比较"
+                  }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                  a.static ? (f(), s(g, {
+                    key: 1,
+                    modelValue: a.value,
+                    "onUpdate:modelValue": (i) => a.value = i,
+                    inline: "",
+                    label: "输入要比较的值"
+                  }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (f(), s(g, {
+                    key: 0,
+                    modelValue: a.key2,
+                    "onUpdate:modelValue": (i) => a.key2 = i,
+                    inline: "",
+                    label: "比较字段名"
+                  }, null, 8, ["modelValue", "onUpdate:modelValue"]))
+                ]),
+                _: 2
+              }, 1024),
+              e(u, {
+                level: 2,
+                label: "条件样式",
+                "label-span": "5"
+              }, {
+                default: d(() => [
+                  e(w, {
+                    modelValue: a.config.background,
+                    "onUpdate:modelValue": (i) => a.config.background = i,
+                    label: "背景色"
+                  }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                  e(c, {
+                    overflow: !1,
+                    "no-line-height": "",
+                    config: a.config
+                  }, null, 8, ["config"])
+                ]),
+                _: 2
+              }, 1024),
+              e(h, {
+                span: 5,
+                config: a.config
+              }, null, 8, ["config"])
+            ]),
+            _: 2
+          }, 1032, ["modelValue", "onUpdate:modelValue", "list", "d-index", "label"]))), 128)),
+          J("div", null, [
+            e(_, {
+              focusable: !1,
+              type: "default",
+              size: "tiny",
+              style: { width: "100%" },
+              onClick: (a) => o.handAddEvent(U)
+            }, {
+              icon: d(() => [
+                e(R, { size: 12 }, {
+                  default: d(() => [
+                    e(I)
+                  ]),
+                  _: 1
+                })
+              ]),
+              default: d(() => [
+                n[23] || (n[23] = V(" 新建样式条件 ", -1))
+              ]),
+              _: 1
+            }, 8, ["onClick"])
+          ])
+        ]),
+        _: 2
+      }, 1032, ["label", "tab", "name"]))), 128))
+    ]),
+    _: 1
+  }, 8, ["modelValue", "closable", "onTabRemove", "onTabAdd"]));
+}
+const we = /* @__PURE__ */ ie(me, [["render", se]]);
+export {
+  we as default
+};