cc1-admin-front 0.0.1

package/dist/index-tQ4ZyO21.js

@@ -0,0 +1,592 @@
+import { defineComponent as C, ref as j, reactive as N, onMounted as D, onUnmounted as E, resolveComponent as p, openBlock as u, createElementBlock as h, normalizeStyle as R, createBlock as x, createCommentVNode as w, watch as $, Fragment as k, renderList as L, withDirectives as M, vModelText as O, nextTick as z, withCtx as f, createElementVNode as a, createVNode as m, createTextVNode as g, toDisplayString as y } from "vue";
+import { ApiAuthMenu as A, scurd as F, ssys as H } from "./cc1-admin-front.js";
+import { Scope as W } from "cc1-vue3";
+import { TSys as V } from "cc1-form";
+import { _ as T } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const q = /* @__PURE__ */ C({
+  __name: "addIconItem",
+  props: {
+    isbig: { default: !1 },
+    el: { default: {} },
+    lib: { default: "" },
+    color: { default: "" },
+    nofill: { default: !1 }
+  },
+  setup(_) {
+    const n = j({}), l = N({
+      show: !1,
+      observer: {}
+    });
+    return D(() => {
+      l.observer = new IntersectionObserver(
+        (r, e) => {
+          r.forEach((i) => {
+            l.show = i.isIntersecting;
+          });
+        },
+        { threshold: 0 }
+      ), l.observer.observe(n.value);
+    }), E(() => {
+      l.observer.disconnect();
+    }), (r, e) => {
+      const i = p("VIcon");
+      return u(), h("span", {
+        style: R({ minHeight: _.isbig ? "40px" : "20px" }),
+        ref_key: "_dom",
+        ref: n
+      }, [
+        l.show ? (u(), x(i, {
+          key: 0,
+          lib: _.lib,
+          name: _.el.name,
+          size: _.isbig ? 40 : 20,
+          color: _.color,
+          nofill: _.nofill
+        }, null, 8, ["lib", "name", "size", "color", "nofill"])) : w("", !0)
+      ], 4);
+    };
+  }
+}), G = {
+  class: "row items-center",
+  style: { gap: "10px" }
+}, J = ["onUpdate:modelValue"], K = /* @__PURE__ */ C({
+  __name: "colorChoose",
+  props: {
+    colors: { default: [] },
+    length: { default: 6 }
+  },
+  emits: ["update:colors"],
+  setup(_, { emit: n }) {
+    const l = _, r = n, e = N({
+      color: []
+    });
+    for (let d = 0; d < l.length; d++)
+      e.color.push({ value: l.colors[d] || "#000000" });
+    const i = () => r(
+      "update:colors",
+      e.color.map((d) => d.value)
+    );
+    i();
+    const o = W.Timer();
+    let c = null;
+    return $(
+      () => e.color,
+      () => {
+        o.un(c), c = o.once(() => {
+          i();
+        }, 100);
+      },
+      { deep: !0 }
+    ), (d, t) => (u(), h("div", G, [
+      (u(!0), h(k, null, L(e.color, (v, b) => M((u(), h("input", {
+        type: "color",
+        "onUpdate:modelValue": (I) => e.color[b].value = I
+      }, null, 8, J)), [
+        [O, e.color[b].value]
+      ])), 256))
+    ]));
+  }
+}), P = {
+  class: "row items-center",
+  style: { height: "60px", overflow: "auto" }
+}, Q = {
+  class: "row items-center",
+  style: { gap: "10px", margin: "15px 0" }
+}, X = {
+  class: "row items-center",
+  style: { gap: "10px", "margin-bottom": "15px" }
+}, Y = { class: "row items-center" }, Z = {
+  class: "flex items-center",
+  style: { "margin-bottom": "10px" }
+}, ee = { style: { "margin-left": "10px" } }, oe = {
+  key: 0,
+  class: "row"
+}, le = ["onClick"], te = {
+  style: { width: "0px" },
+  class: "flex flex-center"
+}, ne = { style: { "text-wrap": "nowrap" } }, ie = { class: "dialog-footer" }, se = /* @__PURE__ */ C({
+  __name: "addDialog",
+  props: {
+    show: { default: !1 },
+    iconName: { default: "home" },
+    iconLib: { default: "ant" },
+    iconFill: { default: [] }
+  },
+  emits: ["close", "update:show"],
+  setup(_, { emit: n }) {
+    const l = _;
+    $(
+      () => l.show,
+      () => {
+        e.show = l.show, e.show && e.open();
+      }
+    );
+    const r = n, e = N({
+      libs: [],
+      lib: "",
+      size: 0,
+      nofill: !1,
+      isbig: !1,
+      getlibs: async () => {
+        if (e.libs.length) return;
+        const i = VConf.vicon, o = `${i.url}/_keys.json`;
+        let c = await i.fun.getRes(o);
+        c || (c = await i.fun.getResorce(o, !0));
+        const d = `${i.url}/_size.json`;
+        let t = await i.fun.getRes(d);
+        t || (t = await i.fun.getResorce(d, !0)), e.size = t.num, e.libs = c;
+      },
+      init: () => {
+        e.lib = l.iconLib || "ant", e.item.lib = l.iconLib || "ant", e.item.name = l.iconName || "home", e.color.length = 0, e.color.push(...l.iconFill);
+      },
+      changeLib: () => {
+        e.open(!1);
+      },
+      list: {},
+      title: "选择图标",
+      findName: "",
+      color: [],
+      item: {
+        lib: "",
+        name: ""
+      },
+      show: !1,
+      showIcon: !1,
+      open: async (i = !0) => {
+        V.loading(!0);
+        const o = VConf.vicon;
+        await e.getlibs(), i && e.init(), e.showIcon = !1;
+        const c = e.lib, d = `${o.url}/${c}/_all.json`;
+        if (e.list[c] || (e.list[c] = []), e.list[c].length) {
+          z(() => {
+            e.showIcon = !0;
+          }), V.loading(!1);
+          return;
+        }
+        let t = await o.fun.getRes(d);
+        t || (t = await o.fun.getResorce(d, !0));
+        const v = Object.keys(t);
+        e.list[c] = [];
+        for (let b = 0; b < v.length; b++)
+          e.list[c].push({
+            name: v[b]
+          });
+        z(() => {
+          e.showIcon = !0;
+        }), V.loading(!1);
+      },
+      choose: async (i) => {
+        e.item.lib = e.lib, e.item.name = i.name, await StrUtil.copyText(`${e.lib}-${i.name}`);
+      },
+      close: () => {
+        e.show = !1;
+      },
+      closeItem: () => {
+        r("close", { lib: e.item.lib, name: e.item.name, color: e.color }), e.close();
+      }
+    });
+    return $(
+      () => e.show,
+      () => {
+        r("update:show", e.show);
+      }
+    ), (i, o) => {
+      const c = p("el-radio"), d = p("el-radio-group"), t = p("el-input"), v = p("el-switch"), b = p("el-tooltip"), I = p("VIcon"), B = p("el-scrollbar"), U = p("el-button"), S = p("el-dialog");
+      return u(), x(S, {
+        modelValue: e.show,
+        "onUpdate:modelValue": o[5] || (o[5] = (s) => e.show = s),
+        title: e.title,
+        "close-on-click-modal": !1,
+        style: { width: "950px" },
+        "z-index": 1e4
+      }, {
+        footer: f(() => [
+          a("span", ie, [
+            m(U, {
+              onClick: e.close
+            }, {
+              default: f(() => o[15] || (o[15] = [
+                g("关闭", -1)
+              ])),
+              _: 1,
+              __: [15]
+            }, 8, ["onClick"]),
+            m(U, {
+              type: "primary",
+              onClick: e.closeItem
+            }, {
+              default: f(() => o[16] || (o[16] = [
+                g("确定", -1)
+              ])),
+              _: 1,
+              __: [16]
+            }, 8, ["onClick"])
+          ])
+        ]),
+        default: f(() => [
+          a("div", P, [
+            m(d, {
+              modelValue: e.lib,
+              "onUpdate:modelValue": o[0] || (o[0] = (s) => e.lib = s),
+              onChange: e.changeLib
+            }, {
+              default: f(() => [
+                (u(!0), h(k, null, L(e.libs, (s) => (u(), x(c, {
+                  value: s,
+                  size: "small"
+                }, {
+                  default: f(() => [
+                    g(y(s), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["value"]))), 256))
+              ]),
+              _: 1
+            }, 8, ["modelValue", "onChange"])
+          ]),
+          a("div", Q, [
+            o[6] || (o[6] = a("div", null, "条件：", -1)),
+            m(t, {
+              modelValue: e.findName,
+              "onUpdate:modelValue": o[1] || (o[1] = (s) => e.findName = s),
+              style: { width: "160px" },
+              placeholder: "查找"
+            }, null, 8, ["modelValue"]),
+            o[7] || (o[7] = a("div", null, "当前可选图标库数量：", -1)),
+            g(" " + y(e.libs.length) + "个 ", 1),
+            o[8] || (o[8] = a("div", null, "当前可选图标数量：", -1)),
+            g(" " + y(e.size) + "个 ", 1),
+            o[9] || (o[9] = a("div", null, "总大小：", -1)),
+            o[10] || (o[10] = g(" 43.49M ", -1))
+          ]),
+          a("div", X, [
+            o[13] || (o[13] = a("div", null, "放大：", -1)),
+            m(v, {
+              modelValue: e.isbig,
+              "onUpdate:modelValue": o[2] || (o[2] = (s) => e.isbig = s)
+            }, null, 8, ["modelValue"]),
+            m(b, {
+              effect: "dark",
+              content: "开启时使用图标库上传时的颜色示例:chroma、chromab、bank等多色图标库",
+              placement: "top"
+            }, {
+              default: f(() => [
+                a("div", Y, [
+                  o[11] || (o[11] = a("div", null, "颜色控制：", -1)),
+                  m(v, {
+                    modelValue: e.nofill,
+                    "onUpdate:modelValue": o[3] || (o[3] = (s) => e.nofill = s)
+                  }, null, 8, ["modelValue"])
+                ])
+              ]),
+              _: 1
+            }),
+            !e.nofill && e.showIcon ? (u(), h(k, { key: 0 }, [
+              o[12] || (o[12] = a("div", null, "颜色：", -1)),
+              m(K, {
+                colors: e.color,
+                "onUpdate:colors": o[4] || (o[4] = (s) => e.color = s)
+              }, null, 8, ["colors"])
+            ], 64)) : w("", !0)
+          ]),
+          a("div", Z, [
+            o[14] || (o[14] = a("div", null, "当前选中：", -1)),
+            m(I, {
+              lib: e.item.lib,
+              name: e.item.name,
+              color: e.color
+            }, null, 8, ["lib", "name", "color"]),
+            a("div", ee, y(e.item.lib) + "-" + y(e.item.name), 1)
+          ]),
+          m(B, { "max-height": "400px" }, {
+            default: f(() => [
+              e.showIcon ? (u(), h("div", oe, [
+                (u(!0), h(k, null, L(e.list[e.lib], (s) => (u(), h(k, null, [
+                  !e.findName || s.name.indexOf(e.findName) != -1 ? (u(), h("div", {
+                    key: 0,
+                    class: "iconlist column flex-center",
+                    onClick: (me) => e.choose(s),
+                    style: R({
+                      background: s.name === e.item.name && e.lib === e.item.lib ? "#c8ebff" : void 0,
+                      height: e.isbig ? "80px" : "60px",
+                      width: e.isbig ? "180px" : "90px"
+                    })
+                  }, [
+                    m(q, {
+                      isbig: e.isbig,
+                      el: s,
+                      color: e.color,
+                      nofill: e.nofill,
+                      lib: e.lib
+                    }, null, 8, ["isbig", "el", "color", "nofill", "lib"]),
+                    a("div", te, [
+                      a("div", ne, y(s.name), 1)
+                    ])
+                  ], 12, le)) : w("", !0)
+                ], 64))), 256))
+              ])) : w("", !0)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue", "title"]);
+    };
+  }
+}), ae = /* @__PURE__ */ T(se, [["__scopeId", "data-v-b9c727d4"]]), re = { class: "flex flex-center" }, ce = { class: "row" }, ue = ["onClick"], de = /* @__PURE__ */ C({
+  __name: "index",
+  setup(_) {
+    const n = N({
+      routers: [],
+      initRouters: () => {
+        n.routers = [];
+        const l = (r, e) => {
+          r.forEach((i) => {
+            if (i.path) {
+              let o = i.path.split("/:")[0];
+              o.length && e.push({
+                path: o,
+                label: o,
+                value: o
+              });
+            }
+            i.children && l(i.children, e);
+          });
+        };
+        l(V.routes, n.routers);
+      },
+      icon: {
+        visible: !1,
+        current: null,
+        form: {
+          iconName: "",
+          iconLib: "",
+          iconFill: ["#1890ff"]
+        },
+        show(l) {
+          n.icon.current = l, n.icon.visible = !0;
+        },
+        select(l) {
+          n.icon.current.iconLib = l.lib, n.icon.current.iconName = l.name, n.icon.current.iconFill = l.color;
+        }
+      },
+      data: [],
+      option: {
+        api: A,
+        data(l) {
+          return n.data = H.getTableTree(l), n.data;
+        },
+        form: {
+          openBefore: async (l, r) => {
+            F.form.openBefore.parentId(l, r, n.data, n.option), F.setOptionsData(n.option, "url", n.routers);
+          },
+          submitBefore(l, r) {
+            l.iconName?.length || (l.iconLib = "", l.iconName = "", l.iconFill = []);
+          }
+        },
+        search: {
+          show: !1
+        },
+        table: {
+          border: !0,
+          index: !1
+        },
+        column: [
+          {
+            key: "parentId",
+            label: "父级",
+            type: "tree-select",
+            value: "0",
+            form: {
+              span: 12
+            },
+            options: {
+              treeSelect: {
+                data: [],
+                multiple: !1
+              }
+            },
+            show: {
+              table: !1
+            }
+          },
+          {
+            key: "title",
+            label: "名称",
+            type: "input",
+            value: "",
+            sort: {
+              table: 1
+            }
+          },
+          {
+            key: "type",
+            label: "类型",
+            type: "select",
+            value: 0,
+            options: {
+              select: {
+                data: [
+                  { label: "目录", value: 0 },
+                  { label: "路由", value: 1 }
+                ]
+              }
+            },
+            sort: {
+              table: 2
+            }
+          },
+          {
+            key: "icon",
+            label: "图标",
+            type: "input",
+            value: "",
+            sort: {
+              table: 3
+            }
+          },
+          {
+            key: "show",
+            label: "显示",
+            type: "switch",
+            value: !0,
+            show: {
+              table: !1
+            }
+          },
+          {
+            key: "url",
+            label: "地址",
+            type: "select",
+            value: "",
+            show: {
+              form: (l) => l.type === 1
+            },
+            options: {
+              select: {
+                filterable: !0,
+                data: []
+              }
+            },
+            table: {
+              minWidth: "250px",
+              align: "left"
+            },
+            form: {
+              span: 12
+            },
+            sort: {
+              table: 4
+            }
+          },
+          {
+            key: "sort",
+            label: "排序",
+            type: "input",
+            value: 0,
+            table: {
+              width: "80px",
+              align: "center"
+            },
+            sort: {
+              table: 5
+            }
+          },
+          {
+            key: "desc",
+            label: "备注",
+            type: "input",
+            value: "",
+            show: {
+              table: !1
+            }
+          }
+        ],
+        tools: {
+          add: (l) => l === void 0 ? !0 : l.type === 0,
+          update: !0,
+          delete: !0,
+          export: {
+            show: !1
+          },
+          expand: !0
+        }
+      }
+    });
+    return n.initRouters(), (l, r) => {
+      const e = p("VIcon"), i = p("el-tag"), o = p("el-switch"), c = p("el-button"), d = p("t-curd");
+      return u(), x(d, {
+        option: n.option
+      }, {
+        "table-icon": f(({ row: t }) => [
+          a("div", re, [
+            t.iconName ? (u(), x(e, {
+              key: 0,
+              lib: t.iconLib,
+              name: t.iconName,
+              color: t.iconFill,
+              size: "18"
+            }, null, 8, ["lib", "name", "color"])) : w("", !0)
+          ])
+        ]),
+        "table-type": f(({ row: t }) => [
+          m(i, {
+            type: t.type === 0 ? "warning" : void 0
+          }, {
+            default: f(() => [
+              g(y(t.type === 0 ? "目录" : "路由"), 1)
+            ]),
+            _: 2
+          }, 1032, ["type"])
+        ]),
+        "form-show": f(({ row: t, item: v }) => [
+          t.type === 1 ? (u(), x(o, {
+            key: 0,
+            modelValue: t[v.key],
+            "onUpdate:modelValue": (b) => t[v.key] = b
+          }, null, 8, ["modelValue", "onUpdate:modelValue"])) : w("", !0)
+        ]),
+        "form-icon": f(({ row: t, item: v }) => [
+          a("div", ce, [
+            m(c, {
+              style: { "margin-right": "16px" },
+              onClick: (b) => n.icon.show(t)
+            }, {
+              default: f(() => r[1] || (r[1] = [
+                g("选择图标", -1)
+              ])),
+              _: 2,
+              __: [1]
+            }, 1032, ["onClick"]),
+            t.iconName ? (u(), h("div", {
+              key: 0,
+              class: "iconlist",
+              onClick: (b) => t.iconName = ""
+            }, [
+              m(e, {
+                lib: t.iconLib,
+                name: t.iconName,
+                color: t.iconFill,
+                size: "26"
+              }, null, 8, ["lib", "name", "color"])
+            ], 8, ue)) : w("", !0)
+          ])
+        ]),
+        "tools-right": f(() => [
+          m(ae, {
+            iconName: n.icon.form.iconName,
+            iconLib: n.icon.form.iconLib,
+            iconFill: n.icon.form.iconFill,
+            show: n.icon.visible,
+            "onUpdate:show": r[0] || (r[0] = (t) => n.icon.visible = t),
+            onClose: n.icon.select
+          }, null, 8, ["iconName", "iconLib", "iconFill", "show", "onClose"])
+        ]),
+        _: 1
+      }, 8, ["option"]);
+    };
+  }
+}), ve = /* @__PURE__ */ T(de, [["__scopeId", "data-v-888f75ee"]]);
+export {
+  ve as default
+};