fec-dev-designer 1.0.0

package/es/src/packages/table/tableSetting.vue.js

@@ -0,0 +1,423 @@
+import "../../../node_modules/element-plus/theme-chalk/base.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-checkbox.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-empty.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-radio.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-tag.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-option.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-option-group.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-scrollbar.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-popper.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-select.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-button.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-button-group.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-dropdown.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-dropdown-menu.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-dropdown-item.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-input.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-input-number.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-switch.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-radio-group.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-radio-button.css.js";
+import { ref as Q, computed as V, openBlock as r, createElementBlock as g, Fragment as c, createElementVNode as a, createVNode as o, unref as l, withCtx as t, createTextVNode as d, createBlock as _, createCommentVNode as S, renderList as k, toDisplayString as v, normalizeClass as W, isRef as T } from "vue";
+import { getEditConfigData as X } from "../utils/common.js";
+import { Plus as Y, Coin as Z, Setting as h, Rank as ee, Delete as le, Filter as te, Hide as oe } from "../../../node_modules/@element-plus/icons-vue/dist/index.js";
+import { useDataSourceDialog as ne } from "../dataSource/useDataSourceDialog.js";
+import { VueDraggable as ie } from "../../../node_modules/vue-draggable-plus/dist/vue-draggable-plus.js";
+import "./tableSetting.vue2.js";
+import ae from "../../../_virtual/_plugin-vue_export-helper.js";
+import { ElRadioButton as de, ElRadioGroup as se, ElRadio as re } from "../../../node_modules/element-plus/es/components/radio/index.js";
+import { ElSwitch as ue } from "../../../node_modules/element-plus/es/components/switch/index.js";
+import { ElInputNumber as me } from "../../../node_modules/element-plus/es/components/input-number/index.js";
+import { ElButton as pe } from "../../../node_modules/element-plus/es/components/button/index.js";
+import { ElDropdownItem as fe, ElDropdownMenu as ge, ElDropdown as _e } from "../../../node_modules/element-plus/es/components/dropdown/index.js";
+import { ElTag as ve } from "../../../node_modules/element-plus/es/components/tag/index.js";
+import { ElIcon as Ve } from "../../../node_modules/element-plus/es/components/icon/index.js";
+import { ElOption as ce, ElSelect as be } from "../../../node_modules/element-plus/es/components/select/index.js";
+import { ElEmpty as Se } from "../../../node_modules/element-plus/es/components/empty/index.js";
+import { ElCheckbox as ke } from "../../../node_modules/element-plus/es/components/checkbox/index.js";
+const ye = { class: "table-setting" }, we = { class: "setting-left" }, De = { class: "setting-right" }, xe = {
+  key: 0,
+  class: "sort-panel"
+}, ze = { class: "sort-header" }, Ee = { class: "sort-rules-list" }, Ce = { class: "drag-handle" }, Ue = { class: "col-display-btn" }, Re = { style: { "text-align": "left", "max-height": "300px", "overflow-y": "auto" } }, Ie = {
+  __name: "tableSetting",
+  setup(Ne) {
+    const E = Q(!1), { dataSourceDialogVisible: y, openDataSourceDialog: F, DataSourceDialog: P } = ne(), i = V(() => X()), C = V(() => i.value.dataSources || []), w = V({
+      get: () => i.value.dataSourceId,
+      set: (s) => {
+        i.value.dataSourceId = s;
+      }
+    }), U = V(() => {
+      if (!w.value)
+        return "";
+      const s = C.value.find(
+        (e) => e.id === w.value
+      );
+      return s ? s.name : "";
+    }), $ = () => {
+      F();
+    }, u = V({
+      get: () => i.value.sortRules || [],
+      set: (s) => {
+        i.value.sortRules = s;
+      }
+    });
+    function R() {
+      return i.value.fieldsData.filter((s) => s.isShow).length;
+    }
+    function A(s) {
+      s != "add" && (i.value.dataSourceId = s);
+    }
+    function G() {
+      u.value = [
+        ...u.value,
+        {
+          field: "",
+          order: "asc"
+        }
+      ];
+    }
+    function H(s) {
+      u.value = u.value.filter((e, p) => p !== s);
+    }
+    return (s, e) => {
+      const p = de, D = se, I = ue, L = me, f = pe, x = fe, N = ge, z = _e, M = ve, O = Ve, j = ce, q = be, B = re, J = Se, K = ke;
+      return r(), g(c, null, [
+        a("div", ye, [
+          a("div", we, [
+            o(D, {
+              modelValue: l(i).selectMode,
+              "onUpdate:modelValue": e[0] || (e[0] = (n) => l(i).selectMode = n),
+              size: "small"
+            }, {
+              default: t(() => [
+                o(p, { value: "none" }, {
+                  default: t(() => [...e[8] || (e[8] = [
+                    d("无", -1)
+                  ])]),
+                  _: 1
+                }),
+                o(p, { value: "single" }, {
+                  default: t(() => [...e[9] || (e[9] = [
+                    d("单选", -1)
+                  ])]),
+                  _: 1
+                }),
+                o(p, { value: "multiple" }, {
+                  default: t(() => [...e[10] || (e[10] = [
+                    d("多选", -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            e[15] || (e[15] = a("div", { class: "setting-divider" }, null, -1)),
+            e[16] || (e[16] = a("span", { class: "text-label" }, "序号", -1)),
+            o(I, {
+              modelValue: l(i).showIndex,
+              "onUpdate:modelValue": e[1] || (e[1] = (n) => l(i).showIndex = n),
+              size: "small"
+            }, null, 8, ["modelValue"]),
+            e[17] || (e[17] = a("div", { class: "setting-divider" }, null, -1)),
+            e[18] || (e[18] = a("span", { class: "text-label" }, "编辑", -1)),
+            o(I, {
+              modelValue: l(i).editable,
+              "onUpdate:modelValue": e[2] || (e[2] = (n) => l(i).editable = n),
+              size: "small"
+            }, null, 8, ["modelValue"]),
+            e[19] || (e[19] = a("div", { class: "setting-divider" }, null, -1)),
+            e[20] || (e[20] = a("span", { class: "text-label" }, "高度", -1)),
+            o(D, {
+              modelValue: l(i).heightMode,
+              "onUpdate:modelValue": e[3] || (e[3] = (n) => l(i).heightMode = n),
+              size: "small"
+            }, {
+              default: t(() => [
+                o(p, { value: "auto" }, {
+                  default: t(() => [...e[11] || (e[11] = [
+                    d("自适应", -1)
+                  ])]),
+                  _: 1
+                }),
+                o(p, { value: "fixed" }, {
+                  default: t(() => [...e[12] || (e[12] = [
+                    d("固定", -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            l(i).heightMode === "fixed" ? (r(), _(L, {
+              key: 0,
+              modelValue: l(i).height,
+              "onUpdate:modelValue": e[4] || (e[4] = (n) => l(i).height = n),
+              min: 100,
+              size: "small",
+              "controls-position": "right",
+              class: "height-input"
+            }, {
+              append: t(() => [...e[13] || (e[13] = [
+                d("px", -1)
+              ])]),
+              _: 1
+            }, 8, ["modelValue"])) : S("", !0),
+            e[21] || (e[21] = a("div", { class: "setting-divider" }, null, -1)),
+            e[22] || (e[22] = a("span", { class: "text-label" }, "列表数据源", -1)),
+            o(z, {
+              trigger: "click",
+              onCommand: A
+            }, {
+              dropdown: t(() => [
+                o(N, null, {
+                  default: t(() => [
+                    (r(!0), g(c, null, k(l(C), (n) => (r(), _(x, {
+                      key: n.id,
+                      command: n.id
+                    }, {
+                      default: t(() => [
+                        d(v(n.name), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["command"]))), 128)),
+                    o(x, { command: "add" }, {
+                      default: t(() => [
+                        o(f, {
+                          type: "primary",
+                          size: "small",
+                          icon: l(Y),
+                          link: "",
+                          onClick: $
+                        }, {
+                          default: t(() => [...e[14] || (e[14] = [
+                            d(" 新增数据源 ", -1)
+                          ])]),
+                          _: 1
+                        }, 8, ["icon"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              default: t(() => [
+                o(f, {
+                  icon: l(Z),
+                  size: "small",
+                  class: W(["data-source-btn", { "is-configured": l(w) }])
+                }, {
+                  default: t(() => [
+                    d(v(l(U) ? `已配置 (${l(U)})` : "配置数据源"), 1)
+                  ]),
+                  _: 1
+                }, 8, ["icon", "class"])
+              ]),
+              _: 1
+            })
+          ]),
+          a("div", De, [
+            o(f, {
+              icon: l(h),
+              size: "small"
+            }, {
+              default: t(() => [...e[23] || (e[23] = [
+                d("配置事件", -1)
+              ])]),
+              _: 1
+            }, 8, ["icon"]),
+            e[30] || (e[30] = a("div", { class: "setting-divider" }, null, -1)),
+            o(z, {
+              trigger: "click",
+              "popper-class": "sort-config-dropdown",
+              onVisibleChange: e[6] || (e[6] = (n) => E.value = n)
+            }, {
+              dropdown: t(() => [
+                l(E) ? (r(), g("div", xe, [
+                  a("div", ze, [
+                    e[26] || (e[26] = a("span", { class: "sort-tip" }, "以下排序规则从上到下按序执行", -1)),
+                    o(f, {
+                      type: "primary",
+                      size: "small",
+                      onClick: G,
+                      icon: "Plus"
+                    }, {
+                      default: t(() => [...e[25] || (e[25] = [
+                        d(" 添加排序规则 ", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  a("div", Ee, [
+                    o(l(ie), {
+                      modelValue: l(u),
+                      "onUpdate:modelValue": e[5] || (e[5] = (n) => T(u) ? u.value = n : null),
+                      animation: 150,
+                      handle: ".drag-handle"
+                    }, {
+                      default: t(() => [
+                        (r(!0), g(c, null, k(l(u), (n, b) => (r(), g("div", {
+                          key: b,
+                          class: "sort-rule-item"
+                        }, [
+                          a("div", Ce, [
+                            o(O, null, {
+                              default: t(() => [
+                                o(l(ee))
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          o(q, {
+                            modelValue: n.field,
+                            "onUpdate:modelValue": (m) => n.field = m,
+                            size: "small",
+                            placeholder: "选择字段",
+                            style: { width: "150px" },
+                            "append-to": ".sort-config-dropdown"
+                          }, {
+                            default: t(() => [
+                              (r(!0), g(c, null, k(l(i).fieldsData, (m) => (r(), _(j, {
+                                key: m.id,
+                                label: m.label,
+                                value: m.fieldName
+                              }, null, 8, ["label", "value"]))), 128))
+                            ]),
+                            _: 1
+                          }, 8, ["modelValue", "onUpdate:modelValue"]),
+                          o(D, {
+                            modelValue: n.order,
+                            "onUpdate:modelValue": (m) => n.order = m,
+                            size: "small"
+                          }, {
+                            default: t(() => [
+                              o(B, { value: "asc" }, {
+                                default: t(() => [...e[27] || (e[27] = [
+                                  d("升序", -1)
+                                ])]),
+                                _: 1
+                              }),
+                              o(B, { value: "desc" }, {
+                                default: t(() => [...e[28] || (e[28] = [
+                                  d("降序", -1)
+                                ])]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          }, 8, ["modelValue", "onUpdate:modelValue"]),
+                          o(f, {
+                            icon: l(le),
+                            link: "",
+                            type: "danger",
+                            class: "delete-btn",
+                            onClick: (m) => H(b)
+                          }, null, 8, ["icon", "onClick"])
+                        ]))), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"]),
+                    l(u).length === 0 ? (r(), _(J, {
+                      key: 0,
+                      description: "暂无排序规则",
+                      "image-size": 60
+                    })) : S("", !0)
+                  ])
+                ])) : S("", !0)
+              ]),
+              default: t(() => [
+                o(f, {
+                  icon: l(te),
+                  size: "small"
+                }, {
+                  default: t(() => [
+                    e[24] || (e[24] = d(" 配置排序 ", -1)),
+                    l(u).length > 0 ? (r(), _(M, {
+                      key: 0,
+                      size: "small",
+                      type: "primary",
+                      class: "sort-count-tag"
+                    }, {
+                      default: t(() => [
+                        d(v(l(u).length), 1)
+                      ]),
+                      _: 1
+                    })) : S("", !0)
+                  ]),
+                  _: 1
+                }, 8, ["icon"])
+              ]),
+              _: 1
+            }),
+            e[31] || (e[31] = a("div", { class: "setting-divider" }, null, -1)),
+            o(z, {
+              size: "small",
+              "hide-on-click": !1,
+              trigger: "click"
+            }, {
+              dropdown: t(() => [
+                o(N, null, {
+                  default: t(() => [
+                    a("div", Re, [
+                      (r(!0), g(c, null, k(l(i).fieldsData, (n) => (r(), _(x, {
+                        key: n.id,
+                        class: "optCol"
+                      }, {
+                        default: t(() => [
+                          o(K, {
+                            modelValue: n.isShow,
+                            "onUpdate:modelValue": (b) => n.isShow = b,
+                            disabled: n.isShow && R() === 1,
+                            size: "small"
+                          }, {
+                            default: t(() => [
+                              d(v(n.label), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["modelValue", "onUpdate:modelValue", "disabled"])
+                        ]),
+                        _: 2
+                      }, 1024))), 128))
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              default: t(() => [
+                a("div", Ue, [
+                  o(f, {
+                    icon: l(oe),
+                    size: "small"
+                  }, {
+                    default: t(() => [
+                      e[29] || (e[29] = d("列显隐 ", -1)),
+                      o(M, {
+                        size: "small",
+                        type: "primary",
+                        class: "col-count"
+                      }, {
+                        default: t(() => [
+                          d(v(R()) + "/" + v(l(i).fieldsData.length), 1)
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["icon"])
+                ])
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        o(l(P), {
+          modelValue: l(y),
+          "onUpdate:modelValue": e[7] || (e[7] = (n) => T(y) ? y.value = n : null)
+        }, null, 8, ["modelValue"])
+      ], 64);
+    };
+  }
+}, vl = /* @__PURE__ */ ae(Ie, [["__scopeId", "data-v-08d8f9b4"]]);
+export {
+  vl as default
+};

package/es/src/packages/table/tableSetting.vue2.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/es/src/packages/utils/common.js

@@ -0,0 +1,65 @@
+import n from "../../store/index.js";
+import o from "../../../node_modules/lodash-es/cloneDeep.js";
+function d(t) {
+  return o(t);
+}
+function f(t) {
+  n.commit("set_edit_config_data", t);
+}
+function u() {
+  return n.getters.editConfigData;
+}
+function g(t) {
+  n.commit("set_selected_item", t);
+}
+function m(t) {
+  n.commit("set_hover_item", t);
+}
+function r(t) {
+  var e;
+  return ((e = n.getters.hoverItem) == null ? void 0 : e.id) == (t == null ? void 0 : t.id);
+}
+function s(t) {
+  var e;
+  return ((e = n.getters.selectedItem) == null ? void 0 : e.id) == (t == null ? void 0 : t.id);
+}
+function D() {
+  return n.getters.selectedItem;
+}
+function l(t) {
+  return {
+    "is-hover": r(t),
+    "is-select": s(t)
+  };
+}
+function C(t) {
+  const e = n.getters.editConfigData;
+  e.dataSources = t, n.commit("set_edit_config_data", e);
+}
+function _() {
+  return n.getters.editConfigData.dataSources;
+}
+function p() {
+  const t = n.getters.editingType, e = n.getters.editConfigData.fieldsData;
+  switch (t) {
+    case "table":
+      return e;
+    case "form":
+      return e.map((i) => i.component);
+  }
+  return e;
+}
+export {
+  d as cloneDeep,
+  l as getCurrentClass,
+  D as getCurrentItem,
+  u as getEditConfigData,
+  p as getEditConfigDataFields,
+  _ as getEditConfigDataSources,
+  r as isHoverItem,
+  s as isSelectedItem,
+  f as setEditConfigData,
+  C as setEditConfigDataSources,
+  m as setHoverItem,
+  g as setSelectedItem
+};