@a2simcode/ui 0.0.42 → 0.0.43

package/dist/simcode-ui.es179.js

@@ -0,0 +1,92 @@
+import { defineComponent as k, computed as u, ref as A, resolveComponent as o, openBlock as d, createElementBlock as O, createElementVNode as l, createVNode as n, unref as p, createBlock as V, createCommentVNode as x } from "vue";
+import { useAppInject as B } from "./simcode-ui.es174.js";
+const J = { class: "j-order-panel" }, E = { class: "content" }, F = { class: "btn-wrapper" }, D = { class: "field-wrapper" }, I = { class: "buttons" }, T = /* @__PURE__ */ k({
+  name: "JOrderPanel",
+  __name: "order-panel",
+  props: {
+    columns: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["save", "clear"],
+  setup(m, { expose: v, emit: _ }) {
+    const { t: s } = B(), f = m, a = _, b = u(
+      () => f.columns.filter((e) => !e.children?.length && e.config?.sorter?.isNot !== !0).map((e) => ({
+        label: e.config?.label,
+        value: e.id
+      }))
+    ), t = A([]), i = u(() => t.value.map((e) => e.value)), g = [
+      {
+        id: "label",
+        type: "j-title",
+        getCompConfig: ({ row: e }) => ({ title: e.label }),
+        config: { style: { width: "180px" } }
+      },
+      {
+        id: "sord",
+        type: "j-radio",
+        config: {
+          dataType: "options",
+          options: [
+            { label: "升序", value: "ASC" },
+            { label: "降序", value: "DESC" }
+          ],
+          isButton: !0
+        }
+      }
+    ], h = ({ data: e }) => {
+      i.value.includes(e.value) || t.value.push({
+        label: e.label,
+        value: e.value,
+        sord: "ASC"
+      });
+    }, C = (e) => {
+      t.value = JSON.parse(JSON.stringify(e));
+    }, y = () => {
+      a("save", JSON.parse(JSON.stringify(t.value)));
+    }, j = () => {
+      t.value = [], a("clear");
+    };
+    return v({ init: C }), (e, r) => {
+      const N = o("j-button-select"), S = o("j-input-rows"), c = o("j-button");
+      return d(), O("div", J, [
+        l("div", E, [
+          l("div", F, [
+            n(N, {
+              label: "添加排序规则",
+              options: b.value,
+              "model-value": i.value.join(","),
+              onChange: h
+            }, null, 8, ["options", "model-value"])
+          ]),
+          l("div", D, [
+            n(S, {
+              modelValue: t.value,
+              "onUpdate:modelValue": r[0] || (r[0] = (w) => t.value = w),
+              columns: g,
+              "edit-config": { isAddBtn: !1, drag: !0 }
+            }, null, 8, ["modelValue"])
+          ])
+        ]),
+        l("div", I, [
+          n(c, {
+            label: p(s)("排序"),
+            type: "primary",
+            onClick: y
+          }, null, 8, ["label"]),
+          t.value.length > 0 ? (d(), V(c, {
+            key: 0,
+            label: p(s)("清空排序"),
+            icon: "mdi:delete-sweep",
+            type: "text",
+            onClick: j
+          }, null, 8, ["label"])) : x("", !0)
+        ])
+      ]);
+    };
+  }
+});
+export {
+  T as default
+};

package/dist/simcode-ui.es18.js

@@ -0,0 +1,7 @@
+import { withInstall as t } from "./simcode-ui.es66.js";
+import a from "./simcode-ui.es83.js";
+const r = t(a);
+export {
+  r as JDynamicLayer,
+  r as default
+};

package/dist/simcode-ui.es181.js

@@ -0,0 +1,158 @@
+import { defineComponent as K, ref as u, computed as j, resolveComponent as f, openBlock as O, createElementBlock as R, createElementVNode as h, createVNode as p, unref as _, withCtx as A } from "vue";
+import { useAppInject as I } from "./simcode-ui.es174.js";
+const L = { class: "j-column-panel" }, z = { class: "content" }, P = { class: "search-wrapper" }, U = { class: "tree-wrapper" }, W = { class: "buttons" }, G = /* @__PURE__ */ K({
+  name: "JColumnPanel",
+  __name: "column-panel",
+  props: {
+    columns: {
+      type: Array,
+      default: () => []
+    },
+    columnConfig: {
+      type: Array
+    }
+  },
+  emits: ["save"],
+  setup(x, { expose: D, emit: E }) {
+    const { t: m } = I(), c = x, M = E, v = u(), o = u(""), T = {}, g = u([]), d = u([]), y = (e, t) => {
+      const n = [], i = /* @__PURE__ */ new Map();
+      e.forEach((l) => {
+        i.set(l.id, l), T[l.id] = l;
+      });
+      const a = /* @__PURE__ */ new Set();
+      return t && t.length > 0 && t.forEach((l) => {
+        const s = i.get(l.id);
+        if (s) {
+          a.add(s.id);
+          const w = {
+            id: s.id,
+            label: s.config?.label || s.id,
+            type: s.type,
+            display: s.config?.display !== !1
+          };
+          s.children && s.children.length > 0 && (w.children = y(s.children, l.children)), n.push(w);
+        }
+      }), e.forEach((l) => {
+        if (!a.has(l.id)) {
+          const s = {
+            id: l.id,
+            label: l.config?.label || l.id,
+            type: l.type,
+            display: l.config?.display !== !1
+          };
+          l.children && l.children.length > 0 && (s.children = y(l.children)), n.push(s);
+        }
+      }), n;
+    }, C = (e, t) => t.length === 0 ? e : e.map((n) => {
+      const i = t.some(
+        (l) => n.label.toLowerCase().includes(l.toLowerCase())
+      ), a = n.children ? C(n.children, t) : [];
+      return i || a.length > 0 ? {
+        ...n,
+        children: a.length > 0 ? a : n.children
+      } : null;
+    }).filter(Boolean), V = j(() => {
+      if (!o.value)
+        return d.value;
+      const e = o.value.split(/\s+/).filter(Boolean);
+      return C(d.value, e);
+    }), r = u([]), k = j(() => {
+      const e = /* @__PURE__ */ new Map();
+      if (c.columnConfig && c.columnConfig.length > 0) {
+        const t = (n) => {
+          n.forEach((i) => {
+            e.set(i.id, i), i.children && t(i.children);
+          });
+        };
+        t(c.columnConfig);
+      }
+      return e;
+    }), b = () => {
+      const e = (t) => {
+        const n = [];
+        return t.forEach((i) => {
+          let a = !0;
+          if (k.value.size > 0) {
+            const l = k.value.get(i.id);
+            l ? a = l.display : a = i.config?.display !== !1;
+          } else
+            a = i.config?.display !== !1;
+          a && (n.push(i.id), i.children && n.push(...e(i.children)));
+        }), n;
+      };
+      r.value = e(c.columns);
+    }, S = (e, { node: t }) => {
+      e.includes(t.id) ? r.value.push(t.id) : r.value = r.value.filter((i) => i !== t.id);
+    }, J = (e, t, n) => n === "inner" ? !1 : e.parent === t.parent, N = () => {
+      const e = (t) => t.map((n) => {
+        const i = {
+          ...n,
+          display: r.value.includes(n.id)
+        };
+        return n.children && (i.children = e(n.children)), i;
+      });
+      M("save", e(d.value));
+    }, B = () => {
+      if (b(), d.value = JSON.parse(JSON.stringify(g.value)), o.value = "", v.value) {
+        const e = v.value;
+        e.setCheck && e.setCheck(r.value);
+        const t = e.$refs?.treeRef || e;
+        t?.setCheckedKeys && t.setCheckedKeys(r.value);
+      }
+    };
+    return D({ init: () => {
+      b(), g.value = y(c.columns, c.columnConfig), d.value = JSON.parse(JSON.stringify(g.value));
+    } }), (e, t) => {
+      const n = f("j-icon"), i = f("el-input"), a = f("j-tree"), l = f("j-button");
+      return O(), R("div", L, [
+        h("div", z, [
+          h("div", P, [
+            p(i, {
+              modelValue: o.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (s) => o.value = s),
+              modelModifiers: { trim: !0 },
+              placeholder: _(m)("搜索 (多个关键词用空格隔开)"),
+              clearable: ""
+            }, {
+              prefix: A(() => [
+                p(n, { icon: "mdi:search" })
+              ]),
+              _: 1
+            }, 8, ["modelValue", "placeholder"])
+          ]),
+          h("div", U, [
+            p(a, {
+              ref_key: "treeRef",
+              ref: v,
+              list: V.value,
+              "is-tree-data": !0,
+              "default-checked-keys": r.value,
+              "default-expand-all": !0,
+              checkable: "",
+              "id-key": "id",
+              draggable: !o.value,
+              "allow-drop": J,
+              check: S
+            }, null, 8, ["list", "default-checked-keys", "draggable"])
+          ])
+        ]),
+        h("div", W, [
+          p(l, {
+            label: _(m)("确定"),
+            type: "primary",
+            onClick: N
+          }, null, 8, ["label"]),
+          p(l, {
+            label: _(m)("重置"),
+            icon: "mdi:restore",
+            type: "text",
+            onClick: B
+          }, null, 8, ["label"])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  G as default
+};

package/dist/simcode-ui.es183.js

@@ -0,0 +1,37 @@
+import { unref as F } from "vue";
+import { validateRules as E } from "./simcode-ui.es211.js";
+function R(m, u) {
+  const c = (r, e, o, t, s) => {
+    Object.keys(e).forEach((i) => {
+      let n = i;
+      o && (n = `${o}.${i}`);
+      const l = e[i], { rules: d, myGridtableId: v } = u(
+        n,
+        o ? e : void 0,
+        () => t,
+        s
+      );
+      if (d.length) {
+        const a = f(n, l, d);
+        r.push(a);
+      }
+      v && l.forEach((a) => {
+        c(r, a, v, l, o ? e : void 0);
+      });
+    });
+  }, f = (r, e, o) => E(r, e, o);
+  return {
+    validateForm: async () => {
+      const r = F(m), e = [];
+      c(e, r, "");
+      const o = await Promise.all(e), t = {};
+      return o.forEach((s) => {
+        s && (t[s.name] = { msg: s.errors });
+      }), t;
+    },
+    validateField: f
+  };
+}
+export {
+  R as default
+};

package/dist/simcode-ui.es184.js

@@ -0,0 +1,52 @@
+import { defineComponent as v, useTemplateRef as d, ref as m, computed as s, resolveComponent as y, openBlock as n, createElementBlock as g, normalizeStyle as k, createBlock as i } from "vue";
+const _ = /* @__PURE__ */ v({
+  __name: "slider-captcha-action",
+  props: {
+    actionStyle: {},
+    isPassing: { type: Boolean },
+    toLeft: { type: Boolean }
+  },
+  setup(a, { expose: u }) {
+    const r = a, t = d("actionRef"), o = m("0"), p = s(() => {
+      const { actionStyle: e, toLeft: c } = r;
+      return {
+        ...e,
+        left: c ? "0" : o.value,
+        backgroundColor: "var(--j-color-bg-container)",
+        borderRadius: f.value ? "6px" : void 0,
+        transition: c ? "all 300ms cubic-bezier(0.4, 0, 0.2, 1)" : void 0
+      };
+    }), f = s(() => Number.parseInt(o.value) > 10 && !r.isPassing);
+    return u({
+      getEl: () => t.value,
+      getStyle: () => t?.value?.style,
+      setLeft: (e) => {
+        o.value = e;
+      }
+    }), (e, c) => {
+      const l = y("j-icon");
+      return n(), g("div", {
+        ref_key: "actionRef",
+        ref: t,
+        style: k(p.value),
+        class: "j-slider-captcha-action",
+        name: "captcha-action"
+      }, [
+        a.isPassing ? (n(), i(l, {
+          key: 0,
+          color: "var(--j-color-text-2)",
+          class: "nav-checked",
+          icon: "mdi:check-circle-outline"
+        })) : (n(), i(l, {
+          key: 1,
+          color: "var(--j-color-text-2)",
+          class: "nav-checked",
+          icon: "mdi:chevron-double-right"
+        }))
+      ], 4);
+    };
+  }
+});
+export {
+  _ as default
+};

package/dist/simcode-ui.es185.js

@@ -0,0 +1,34 @@
+import { defineComponent as c, useTemplateRef as i, ref as u, computed as p, openBlock as f, createElementBlock as d, normalizeStyle as b } from "vue";
+const h = /* @__PURE__ */ c({
+  __name: "slider-captcha-bar",
+  props: {
+    barStyle: {},
+    toLeft: { type: Boolean }
+  },
+  setup(a, { expose: n }) {
+    const s = a, o = i("barRef"), r = u("0"), l = p(() => {
+      const { barStyle: e, toLeft: t } = s;
+      return {
+        ...e,
+        width: t ? "0" : r.value,
+        transition: t ? "width 300ms cubic-bezier(0.4, 0, 0.2, 1)" : void 0,
+        backgroundColor: "var(--j-color-success)",
+        position: "absolute",
+        height: "100%"
+      };
+    });
+    return n({
+      getEl: () => o.value,
+      setWidth: (e) => {
+        r.value = e;
+      }
+    }), (e, t) => (f(), d("div", {
+      ref_key: "barRef",
+      ref: o,
+      style: b(l.value)
+    }, null, 4));
+  }
+});
+export {
+  h as default
+};

package/dist/simcode-ui.es186.js

@@ -0,0 +1,53 @@
+import { defineComponent as r, useTemplateRef as u, computed as i, openBlock as m, createElementBlock as p, normalizeStyle as o, normalizeClass as f, createElementVNode as d, toDisplayString as y } from "vue";
+const x = /* @__PURE__ */ r({
+  __name: "slider-captcha-content",
+  props: {
+    contentStyle: {
+      type: Object,
+      default: () => ({})
+    },
+    isPassing: {
+      type: Boolean,
+      default: !1
+    },
+    // 动画持续时间，单位秒
+    animationDuration: {
+      type: [String, Number],
+      default: 2
+    },
+    // 动画是否只执行一次
+    animationIterationCount: {
+      type: [String, Number],
+      default: "infinite"
+    }
+  },
+  setup(e, { expose: s }) {
+    const t = e, n = u("contentRef"), c = i(() => {
+      const { contentStyle: a } = t;
+      return {
+        ...a,
+        fontSize: "12px"
+      };
+    });
+    s({
+      getEl: () => n.value
+    });
+    const l = i(() => ({
+      animation: `shine ${t.animationDuration}s linear ${t.animationIterationCount}`
+    }));
+    return (a, S) => (m(), p("div", {
+      ref_key: "contentRef",
+      ref: n,
+      class: f([{ success: e.isPassing }, "j-slider-captcha-content"]),
+      style: o(c.value)
+    }, [
+      d("div", {
+        style: o(l.value),
+        class: "j-spine-text"
+      }, y(e.isPassing ? "验证成功" : "请按住滑块拖动"), 5)
+    ], 6));
+  }
+});
+export {
+  x as default
+};

package/dist/simcode-ui.es187.js

@@ -0,0 +1,9 @@
+import { toDecimal as o } from "./simcode-ui.es57.js";
+const c = (n) => n < 1024 ? o(n) + " B" : n >= 1024 && n < 1048576 ? o(n / 1024) + " KB" : n >= 1048576 && n < 1073741824 ? o(n / 1024 / 1024) + " MB" : n >= 1073741824 ? o(n / 1024 / 1024 / 1024) + " GB" : "", f = (n) => {
+  const r = window.open("_blank");
+  r && (r.location = n);
+};
+export {
+  c as countFileSize,
+  f as downFile
+};

package/dist/simcode-ui.es188.js

@@ -0,0 +1,216 @@
+import { defineComponent as S, resolveComponent as k, openBlock as t, createElementBlock as s, normalizeClass as U, Fragment as w, renderList as x, createBlock as n, normalizeStyle as $, createElementVNode as u, createVNode as v, withCtx as r, createTextVNode as d, toDisplayString as i, unref as a, createCommentVNode as o, withDirectives as F, withModifiers as c, vShow as m, renderSlot as B } from "vue";
+import { useAppInject as b } from "./simcode-ui.es174.js";
+import { countFileSize as j } from "./simcode-ui.es187.js";
+const N = {
+  key: 1,
+  style: { position: "relative", width: "72px", height: "72px", overflow: "hidden" }
+}, V = ["src"], _ = { class: "j-upload-dragItem-content" }, L = { class: "j-upload-dragItem-mask" }, q = ["src"], A = { class: "j-upload-imgItem-mask" }, D = { class: "j-upload-item-content" }, H = /* @__PURE__ */ S({
+  __name: "list",
+  props: {
+    isUploadImg: {
+      type: Boolean,
+      default: !1
+    },
+    drag: {
+      type: Boolean,
+      default: !1
+    },
+    showFileList: {
+      type: Boolean,
+      default: !0
+    },
+    list: {
+      type: Array,
+      default: () => []
+    },
+    previewFile: {
+      type: Function,
+      required: !0
+    },
+    deleteFile: {
+      type: Function,
+      required: !0
+    },
+    /**
+     * @zh 是否只读
+     */
+    readonly: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否展示上传成功图标
+     */
+    isShowSuccessIcon: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(l) {
+    const { t: f } = b();
+    return (I, E) => {
+      const g = k("j-icon"), p = k("el-text"), h = k("j-button"), C = k("el-progress"), z = k("el-link");
+      return t(), s("div", {
+        class: U(["j-upload-list", { "j-upload-image-list": l.isUploadImg, "j-upload-drag-list": l.drag }])
+      }, [
+        l.drag ? (t(), s(w, { key: 0 }, [
+          l.showFileList ? (t(!0), s(w, { key: 0 }, x(l.list, (e) => (t(), s("div", {
+            key: e.id,
+            class: "j-upload-dragItem"
+          }, [
+            l.isUploadImg ? (t(), s("div", N, [
+              u("img", {
+                src: e.url,
+                style: { width: "100%" },
+                alt: ""
+              }, null, 8, V)
+            ])) : (t(), n(g, {
+              key: 0,
+              icon: "file-text",
+              style: $({ color: e.color ? `var(${e.color})` : void 0 }),
+              size: 72
+            }, null, 8, ["style"])),
+            u("div", _, [
+              v(p, { ellipsis: "" }, {
+                default: r(() => [
+                  d(i(`${a(f)(e.name)}${e.status === "unUpload" ? "(" + a(f)("未传") + ")" : ""}`), 1)
+                ]),
+                _: 2
+              }, 1024),
+              u("div", null, [
+                e.status === "uploading" ? (t(), n(p, { key: 0 }, {
+                  default: r(() => [
+                    d(i(a(j)(e.uploadSize)) + "/", 1)
+                  ]),
+                  _: 2
+                }, 1024)) : o("", !0),
+                v(p, null, {
+                  default: r(() => [
+                    d(i(a(j)(e.size)), 1)
+                  ]),
+                  _: 2
+                }, 1024)
+              ])
+            ]),
+            F(u("div", L, [
+              e.status === "done" || e.status === "unUpload" ? (t(), n(h, {
+                key: 0,
+                icon: "mdi:eye",
+                type: "link",
+                onClick: c((y) => l.previewFile(e), ["stop"])
+              }, null, 8, ["onClick"])) : o("", !0),
+              !l.readonly && (e.status === "done" || e.status === "unUpload") ? (t(), n(h, {
+                key: 1,
+                icon: "mdi:delete",
+                type: "link",
+                danger: "",
+                onClick: c((y) => l.deleteFile(e), ["stop", "prevent"])
+              }, null, 8, ["onClick"])) : o("", !0)
+            ], 512), [
+              [m, e.status === "error"]
+            ]),
+            e.status === "uploading" ? (t(), n(C, {
+              key: 2,
+              "stroke-width": 4,
+              style: { position: "absolute", bottom: "-4px", left: "0", margin: "0 !important" },
+              percent: e.percent,
+              "show-text": !1
+            }, null, 8, ["percent"])) : o("", !0)
+          ]))), 128)) : o("", !0),
+          B(I.$slots, "default")
+        ], 64)) : l.isUploadImg ? (t(!0), s(w, { key: 1 }, x(l.list, (e) => (t(), s("div", {
+          key: e.id,
+          class: "j-upload-imgItem"
+        }, [
+          e.status === "done" || e.status === "unUpload" ? (t(), s("img", {
+            key: 0,
+            src: e.url,
+            style: { width: "100%" },
+            alt: ""
+          }, null, 8, q)) : o("", !0),
+          F(u("div", A, [
+            e.status === "done" || e.status === "unUpload" ? (t(), n(h, {
+              key: 0,
+              type: "link",
+              icon: "mdi:eye",
+              onClick: c((y) => l.previewFile(e), ["stop"])
+            }, null, 8, ["onClick"])) : o("", !0),
+            !l.readonly && (e.status === "done" || e.status === "unUpload") ? (t(), n(h, {
+              key: 1,
+              type: "link",
+              danger: "",
+              icon: "mdi:delete",
+              onClick: c((y) => l.deleteFile(e), ["stop", "prevent"])
+            }, null, 8, ["onClick"])) : o("", !0)
+          ], 512), [
+            [m, e.status === "error"]
+          ]),
+          e.status === "uploading" ? (t(), n(C, {
+            key: 1,
+            "stroke-width": 4,
+            percent: e.percent,
+            "show-text": !1
+          }, null, 8, ["percent"])) : o("", !0)
+        ]))), 128)) : (t(!0), s(w, { key: 2 }, x(l.list, (e) => (t(), s("div", {
+          key: e.id,
+          class: "j-upload-item"
+        }, [
+          v(g, {
+            icon: "file-text",
+            style: $({ color: e.color ? `var(${e.color})` : void 0 }),
+            size: 16
+          }, null, 8, ["style"]),
+          u("div", D, [
+            v(z, {
+              type: "primary",
+              underline: "never",
+              onClick: c((y) => l.previewFile(e), ["stop"])
+            }, {
+              default: r(() => [
+                d(i(`${a(f)(e.name)}${e.status === "unUpload" ? "(" + a(f)("未传") + ")" : ""}`), 1)
+              ]),
+              _: 2
+            }, 1032, ["onClick"])
+          ]),
+          e.status === "uploading" ? (t(), n(p, { key: 0 }, {
+            default: r(() => [
+              d(i(a(j)(e.uploadSize)) + "/", 1)
+            ]),
+            _: 2
+          }, 1024)) : o("", !0),
+          v(p, null, {
+            default: r(() => [
+              d(i(a(j)(e.size)), 1)
+            ]),
+            _: 2
+          }, 1024),
+          e.status === "done" && l.isShowSuccessIcon ? (t(), n(g, {
+            key: 1,
+            class: "j-upload-item-success",
+            icon: "check-circle",
+            size: 24
+          })) : o("", !0),
+          l.readonly ? o("", !0) : F((t(), n(g, {
+            key: 2,
+            class: "j-upload-item-error",
+            icon: "delete",
+            size: 24,
+            onClick: c((y) => l.deleteFile(e), ["stop", "prevent"])
+          }, null, 8, ["onClick"])), [
+            [m, e.status === "error"]
+          ]),
+          e.status === "uploading" ? (t(), n(C, {
+            key: 3,
+            style: { position: "absolute", bottom: "-4px", left: "0", margin: "0 !important" },
+            "stroke-width": 4,
+            percent: e.percent,
+            "show-text": !1
+          }, null, 8, ["percent"])) : o("", !0)
+        ]))), 128))
+      ], 2);
+    };
+  }
+});
+export {
+  H as default
+};