@a2simcode/ui 0.0.42 → 0.0.43

package/dist/simcode-ui.es82.js

@@ -0,0 +1,210 @@
+import { defineComponent as L, ref as i, resolveComponent as c, openBlock as m, createBlock as C, withCtx as p, renderSlot as B } from "vue";
+import { useLayerProvide as U } from "./simcode-ui.es174.js";
+const H = /* @__PURE__ */ L({
+  name: "JLayer",
+  __name: "layer",
+  props: {
+    /**
+     * @zh 宽度
+     * @defaultValue 600
+     */
+    width: {
+      type: Number,
+      default: 600
+    },
+    /**
+     * @zh 高度
+     * @defaultValue 400
+     */
+    height: {
+      type: Number,
+      default: 400
+    },
+    /**
+     * @zh 是否需要步骤条
+     * @defaultValue false
+     */
+    isStep: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 步骤名称
+     * @defaultValue []
+     */
+    steps: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * @zh 是否有表头
+     * @defaultValue true
+     */
+    hasHeader: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 是否需要"取消""确定"按钮
+     * @defaultValue true
+     */
+    hasBtns: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 是否需要保存按钮
+     * @defaultValue true
+     */
+    hasSaveBtn: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 保存按钮文字
+     */
+    btnText: {
+      type: String,
+      default: "保存"
+    },
+    /**
+     * @zh 扩展按钮
+     */
+    buttons: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * @zh 关闭时销毁元素
+     * @defaultValue false
+     */
+    destroyOnClose: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 到下一步校验
+     */
+    validateSteps: {
+      type: Function,
+      default: void 0
+    },
+    /**
+     * @zh 弹窗关闭前
+     */
+    beforeClose: {
+      type: Function,
+      default: void 0
+    }
+  },
+  emits: ["ok", "closed", "cancel"],
+  setup(e, { expose: k, emit: S }) {
+    const u = S, l = i(!1), v = i(""), o = i(), n = i(0), b = i(""), d = i(), g = (a, t, y) => {
+      v.value = a, d.value = y, b.value = t || "modal", l.value = !0;
+    }, x = () => {
+      l.value = !1;
+    }, f = (a, t) => {
+      u("ok", a, t);
+    }, h = () => {
+      n.value = 0, u("closed");
+    }, r = () => {
+      u("cancel");
+    }, w = (a) => {
+      o.value && o.value.showLoading(a);
+    }, O = () => {
+      o.value && o.value.hideLoading();
+    };
+    return U({
+      stepActive: n
+    }), k({ open: g, close: x, showLoading: w, hideLoading: O }), (a, t) => {
+      const y = c("j-dialog-full"), j = c("j-drawer"), A = c("j-dialog");
+      return b.value === "full" ? (m(), C(y, {
+        key: 0,
+        ref_key: "modalRef",
+        ref: o,
+        visible: l.value,
+        "onUpdate:visible": t[0] || (t[0] = (s) => l.value = s),
+        "step-active": n.value,
+        "onUpdate:stepActive": t[1] || (t[1] = (s) => n.value = s),
+        title: v.value,
+        "before-close": e.beforeClose,
+        "is-step": e.isStep,
+        steps: e.steps,
+        "validate-steps": e.validateSteps,
+        "has-btns": e.hasBtns,
+        "btn-text": e.btnText,
+        "destroy-on-close": e.destroyOnClose,
+        buttons: e.buttons,
+        "has-save-btn": e.hasSaveBtn,
+        "has-header": e.hasHeader,
+        subtitle: d.value,
+        onOk: f,
+        onClosed: h,
+        onCancel: r
+      }, {
+        default: p(() => [
+          B(a.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["visible", "step-active", "title", "before-close", "is-step", "steps", "validate-steps", "has-btns", "btn-text", "destroy-on-close", "buttons", "has-save-btn", "has-header", "subtitle"])) : b.value === "drawer" ? (m(), C(j, {
+        key: 1,
+        ref_key: "modalRef",
+        ref: o,
+        visible: l.value,
+        "onUpdate:visible": t[2] || (t[2] = (s) => l.value = s),
+        "step-active": n.value,
+        "onUpdate:stepActive": t[3] || (t[3] = (s) => n.value = s),
+        "is-step": e.isStep,
+        steps: e.steps,
+        "validate-steps": e.validateSteps,
+        "has-btns": e.hasBtns,
+        "btn-text": e.btnText,
+        "destroy-on-close": e.destroyOnClose,
+        buttons: e.buttons,
+        "has-save-btn": e.hasSaveBtn,
+        "has-header": e.hasHeader,
+        subtitle: d.value,
+        onOk: f,
+        onClosed: h,
+        onCancel: r
+      }, {
+        default: p(() => [
+          B(a.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["visible", "step-active", "is-step", "steps", "validate-steps", "has-btns", "btn-text", "destroy-on-close", "buttons", "has-save-btn", "has-header", "subtitle"])) : (m(), C(A, {
+        key: 2,
+        ref_key: "modalRef",
+        ref: o,
+        visible: l.value,
+        "onUpdate:visible": t[4] || (t[4] = (s) => l.value = s),
+        "step-active": n.value,
+        "onUpdate:stepActive": t[5] || (t[5] = (s) => n.value = s),
+        width: e.width,
+        height: e.height,
+        title: v.value,
+        "before-close": e.beforeClose,
+        "has-btns": e.hasBtns,
+        "btn-text": e.btnText,
+        "destroy-on-close": e.destroyOnClose,
+        buttons: e.buttons,
+        "has-save-btn": e.hasSaveBtn,
+        "is-step": e.isStep,
+        steps: e.steps,
+        "validate-steps": e.validateSteps,
+        subtitle: d.value,
+        onOk: f,
+        onClosed: h,
+        onCancel: r
+      }, {
+        default: p(() => [
+          B(a.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["visible", "step-active", "width", "height", "title", "before-close", "has-btns", "btn-text", "destroy-on-close", "buttons", "has-save-btn", "is-step", "steps", "validate-steps", "subtitle"]));
+    };
+  }
+});
+export {
+  H as default
+};

package/dist/simcode-ui.es83.js

@@ -0,0 +1,100 @@
+import { defineComponent as A, ref as n, shallowRef as D, resolveComponent as J, openBlock as x, createBlock as B, withCtx as I, resolveDynamicComponent as W, mergeProps as q, nextTick as z } from "vue";
+import { useAuthPageInject as E, useAuthPageProvide as F } from "./simcode-ui.es174.js";
+import { fullScreenLoading as c } from "./simcode-ui.es59.js";
+const U = /* @__PURE__ */ A({
+  name: "JDynamicLayer",
+  __name: "dynamic-layer",
+  setup(G, { expose: S }) {
+    const l = n(), y = n(600), m = n(400), g = n(!0), d = n(!0), C = n(!0), b = n(""), o = n([]), _ = n(!0), t = n(), r = D(), w = n(), { getPageName: N } = E(), O = () => {
+      const e = N();
+      return e || (typeof r.value == "string" ? r.value : "");
+    }, v = n(!1), i = n([]), P = async (e) => {
+      if (t.value?.validateSteps) {
+        c(!0);
+        const a = t.value.validateSteps(e);
+        return c(!1), a;
+      }
+      return !0;
+    }, L = () => t.value?.beforeClose ? t.value.beforeClose() : !0;
+    let s, f, p, h = 0;
+    const k = async (e) => {
+      if (t.value) {
+        if (h = 0, t.value.getConfig) {
+          const a = t.value.getConfig();
+          o.value = a.buttons || [], v.value = a.isStep, i.value = a.steps || [];
+        } else
+          o.value = [], v.value = !1, i.value = [];
+        if (t.value.open)
+          try {
+            const { buttons: a } = await t.value.open(e, l.value, () => {
+              s && s();
+            }) || {};
+            if (a && a.length > 0) {
+              const u = [];
+              u.push(...o.value), u.push(...a), o.value = u;
+            }
+          } catch (a) {
+            l.value.close(), console.error(a);
+          }
+        l.value.hideLoading();
+      } else {
+        if (h > 600) {
+          console.warn("表单组件加载超时"), l.value.hideLoading();
+          return;
+        }
+        h++, setTimeout(async () => {
+          await k(e);
+        }, 100);
+      }
+    }, R = (e) => {
+      r.value = e?.name, y.value = e?.width || 600, m.value = e?.height || 400, g.value = e?.hasBtns !== !1, d.value = e?.hasSaveBtn !== !1, C.value = e?.hasHeader !== !1, e?.destroyOnClose !== !1 && (_.value = !0), w.value = e?.config || {}, b.value = e?.btnText || "保存", s = e?.afterOk || null, f = e?.afterClose || null, p = e?.afterCancel || null, l.value.open(e.title, e.type, e.subtitle), z(async () => {
+        l.value.showLoading("加载中"), await k(e.param || {});
+      });
+    }, H = async () => {
+      if (t.value?.ok) {
+        c(!0);
+        const e = await t.value.ok();
+        e && (l.value.close(), s && await s(e)), c(!1);
+      }
+    }, T = () => {
+      t.value?.closed && t.value.closed(), f && f();
+    }, j = () => {
+      p && p();
+    };
+    return F({
+      getPageName: O
+    }), S({ open: R }), (e, a) => {
+      const u = J("j-layer");
+      return x(), B(u, {
+        ref_key: "layerRef",
+        ref: l,
+        width: y.value,
+        height: m.value,
+        "before-close": L,
+        "validate-steps": P,
+        "is-step": v.value,
+        steps: i.value,
+        "has-btns": g.value,
+        buttons: o.value,
+        "btn-text": b.value,
+        "destroy-on-close": _.value,
+        "has-save-btn": d.value,
+        "has-header": C.value,
+        onOk: H,
+        onClosed: T,
+        onCancel: j
+      }, {
+        default: I(() => [
+          (x(), B(W(r.value), q({
+            ref_key: "componentRef",
+            ref: t
+          }, w.value), null, 16))
+        ]),
+        _: 1
+      }, 8, ["width", "height", "is-step", "steps", "has-btns", "buttons", "btn-text", "destroy-on-close", "has-save-btn", "has-header"]);
+    };
+  }
+});
+export {
+  U as default
+};

package/dist/simcode-ui.es84.js

@@ -0,0 +1,77 @@
+import { defineComponent as S, ref as B, computed as f, resolveComponent as c, openBlock as i, createBlock as h, withKeys as g, withModifiers as p, withCtx as m, createVNode as T, createElementBlock as _, Fragment as b, renderList as k, normalizeStyle as x, createTextVNode as E, toDisplayString as L } from "vue";
+import { isNullOrEmpty as N } from "./simcode-ui.es61.js";
+const F = /* @__PURE__ */ S({
+  name: "JInputTag",
+  __name: "input-tag",
+  props: {
+    modelValue: { default: void 0 },
+    options: { default: () => [] },
+    placeholder: { default: "请输入标签，回车完成标签填写" },
+    readonly: { type: Boolean, default: !1 },
+    colors: { default: () => [] },
+    isStyleLoop: { type: Boolean, default: !0 },
+    size: { default: "default" }
+  },
+  emits: ["update:modelValue", "change", "select", "search"],
+  setup(o, { emit: v }) {
+    const l = o, n = v, s = B(), u = f(
+      () => N(l.modelValue) ? [] : l.modelValue?.split(",") || []
+    ), V = f(() => l.isStyleLoop ? u.value?.map((e, t) => {
+      let a = l.colors[t % l.colors.length] || {};
+      return a = { ...a, borderWidth: (a.borderWidth || 0) + "px" }, a;
+    }) || [] : l.colors), w = (e) => {
+      y(), n("select", e);
+    }, z = (e) => {
+      e.preventDefault(), e.stopPropagation();
+    }, y = () => {
+      if (s.value) {
+        const e = [...u.value, s.value];
+        s.value = "", n("update:modelValue", e.join(",")), n("change", { value: e.join(",") });
+      }
+    }, j = (e) => {
+      const t = [...u.value];
+      t.splice(e, 1), n("update:modelValue", t.join(",")), n("change", { value: t.join(",") });
+    };
+    return (e, t) => {
+      const a = c("el-tag"), C = c("el-space"), K = c("j-autocomplete");
+      return i(), h(K, {
+        modelValue: s.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (r) => s.value = r),
+        class: "j-input-tag",
+        options: o.options,
+        style: { width: "100%" },
+        readonly: o.readonly,
+        placeholder: o.placeholder,
+        size: o.size,
+        onSelect: w,
+        onKeyup: g(p(y, ["stop"]), ["enter"]),
+        onKeydown: g(p(z, ["stop"]), ["enter"])
+      }, {
+        prefix: m(() => [
+          T(C, null, {
+            default: m(() => [
+              (i(!0), _(b, null, k(u.value, (r, d) => (i(), h(a, {
+                key: d,
+                type: "info",
+                closable: !o.readonly,
+                style: x(V.value[d] || {}),
+                size: o.size,
+                onClose: p((D) => j(d), ["prevent"])
+              }, {
+                default: m(() => [
+                  E(L(r), 1)
+                ]),
+                _: 2
+              }, 1032, ["closable", "style", "size", "onClose"]))), 128))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue", "options", "readonly", "placeholder", "size", "onKeyup", "onKeydown"]);
+    };
+  }
+});
+export {
+  F as default
+};

package/dist/simcode-ui.es85.js

@@ -0,0 +1,48 @@
+import { defineComponent as h, computed as u, ref as x, resolveComponent as w, openBlock as i, createBlock as v } from "vue";
+const p = /* @__PURE__ */ h({
+  name: "JRate",
+  __name: "rate",
+  props: {
+    modelValue: { default: 0 },
+    max: { default: 5 },
+    allowClear: { type: Boolean, default: !1 },
+    allowHalf: { type: Boolean, default: !1 },
+    showText: { type: Boolean, default: !1 },
+    showScore: { type: Boolean, default: !1 },
+    texts: { default: () => [] },
+    readonly: { type: Boolean, default: !1 },
+    size: { default: "default" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: s }) {
+    const l = e, t = s, o = u({
+      get() {
+        return Number(l.modelValue);
+      },
+      set(a) {
+        t("update:modelValue", a), t("change", { value: a });
+      }
+    }), d = u(() => l.texts?.map((a) => a.value) || []), r = x(0), m = (a) => {
+      r.value = a;
+    };
+    return (a, n) => {
+      const f = w("el-rate");
+      return i(), v(f, {
+        modelValue: o.value,
+        "onUpdate:modelValue": n[0] || (n[0] = (c) => o.value = c),
+        size: e.size,
+        max: e.max,
+        "allow-half": e.allowHalf,
+        clearable: e.allowClear,
+        disabled: e.readonly,
+        "show-text": e.showText,
+        texts: d.value,
+        "show-score": e.showScore,
+        onHoverChange: m
+      }, null, 8, ["modelValue", "size", "max", "allow-half", "clearable", "disabled", "show-text", "texts", "show-score"]);
+    };
+  }
+});
+export {
+  p as default
+};

package/dist/simcode-ui.es86.js

@@ -0,0 +1,74 @@
+import { defineComponent as d, computed as r, resolveComponent as m, openBlock as f, createBlock as h } from "vue";
+const g = /* @__PURE__ */ d({
+  name: "JSlider",
+  __name: "slider",
+  props: {
+    modelValue: { default: 0 },
+    min: { default: 0 },
+    max: { default: 100 },
+    readonly: { type: Boolean, default: !1 },
+    step: { default: 1 },
+    showInput: { type: Boolean, default: !1 },
+    showInputControls: { type: Boolean, default: !0 },
+    size: { default: "default" },
+    showStops: { type: Boolean, default: !1 },
+    showTooltip: { type: Boolean, default: !0 },
+    formatTooltip: {},
+    range: { type: Boolean, default: !1 },
+    vertical: { type: Boolean, default: !1 },
+    height: {},
+    ariaLabel: {},
+    rangeStartLabel: {},
+    rangeEndLabel: {},
+    formatValueText: {},
+    tooltipClass: {},
+    placement: { default: "top" },
+    marks: {},
+    validateEvent: { type: Boolean, default: !0 },
+    persistent: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: n }) {
+    const i = e, a = n, l = r({
+      get() {
+        return Number(i.modelValue);
+      },
+      set(t) {
+        a("update:modelValue", t), a("change", { value: t });
+      }
+    });
+    return (t, o) => {
+      const s = m("el-slider");
+      return f(), h(s, {
+        modelValue: l.value,
+        "onUpdate:modelValue": o[0] || (o[0] = (u) => l.value = u),
+        min: e.min,
+        max: e.max,
+        disabled: e.readonly,
+        step: e.step,
+        "show-input": e.showInput,
+        "show-input-controls": e.showInputControls,
+        size: e.size,
+        "input-size": e.size,
+        "show-stops": e.showStops,
+        "show-tooltip": e.showTooltip,
+        "format-tooltip": e.formatTooltip,
+        range: e.range,
+        vertical: e.vertical,
+        height: e.height,
+        "aria-label": e.ariaLabel,
+        "range-start-label": e.rangeStartLabel,
+        "range-end-label": e.rangeEndLabel,
+        "format-value-text": e.formatValueText,
+        "tooltip-class": e.tooltipClass,
+        placement: e.placement,
+        marks: e.marks,
+        "validate-event": e.validateEvent,
+        persistent: e.persistent
+      }, null, 8, ["modelValue", "min", "max", "disabled", "step", "show-input", "show-input-controls", "size", "input-size", "show-stops", "show-tooltip", "format-tooltip", "range", "vertical", "height", "aria-label", "range-start-label", "range-end-label", "format-value-text", "tooltip-class", "placement", "marks", "validate-event", "persistent"]);
+    };
+  }
+});
+export {
+  g as default
+};