@a2simcode/ui 0.0.41 → 0.0.43

package/dist/simcode-ui.es74.js

@@ -0,0 +1,72 @@
+import { defineComponent as h, computed as y, resolveComponent as o, openBlock as a, createBlock as n, withCtx as g, createElementBlock as i, Fragment as b, renderList as s, normalizeClass as z } from "vue";
+const V = /* @__PURE__ */ h({
+  name: "JCheckbox",
+  __name: "checkbox",
+  props: {
+    modelValue: { default: () => [] },
+    options: { default: () => [] },
+    size: { default: "default" },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    min: { default: void 0 },
+    max: { default: void 0 },
+    textColor: { default: "var(--j-color-primary)" },
+    fill: { default: "var(--j-color-bg-container)" },
+    tag: { default: "div" },
+    validateEvent: { type: Boolean, default: !0 },
+    label: { default: void 0 },
+    type: { default: "checkbox" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: m }) {
+    const f = e, d = m, u = y({
+      get() {
+        return f.modelValue;
+      },
+      set(t) {
+        d("update:modelValue", t);
+      }
+    }), r = (t) => {
+      d("change", t);
+    };
+    return (t, c) => {
+      const v = o("el-checkbox"), x = o("el-checkbox-button"), k = o("el-checkbox-group");
+      return a(), n(k, {
+        modelValue: u.value,
+        "onUpdate:modelValue": c[0] || (c[0] = (l) => u.value = l),
+        disabled: e.disabled || e.readonly,
+        size: e.size,
+        min: e.min,
+        max: e.max,
+        "text-color": e.textColor,
+        fill: e.fill,
+        tag: e.tag,
+        "validate-event": e.validateEvent,
+        label: e.label,
+        type: e.type,
+        onChange: r
+      }, {
+        default: g(() => [
+          e.type === "checkbox" ? (a(!0), i(b, { key: 0 }, s(e.options, (l) => (a(), n(v, {
+            key: l.value,
+            value: l.value,
+            disabled: l.disabled,
+            size: e.size,
+            label: l.label
+          }, null, 8, ["value", "disabled", "size", "label"]))), 128)) : (a(!0), i(b, { key: 1 }, s(e.options, (l) => (a(), n(x, {
+            key: l.value,
+            class: z({ "j-checkbox-notFillOrColor": !e.fill && !e.textColor }),
+            value: l.value,
+            disabled: l.disabled,
+            size: e.size,
+            label: l.label
+          }, null, 8, ["class", "value", "disabled", "size", "label"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["modelValue", "disabled", "size", "min", "max", "text-color", "fill", "tag", "validate-event", "label", "type"]);
+    };
+  }
+});
+export {
+  V as default
+};

package/dist/simcode-ui.es75.js

@@ -0,0 +1,116 @@
+import { defineComponent as C, ref as k, computed as I, onMounted as S, resolveComponent as r, openBlock as o, createBlock as i, createSlots as N, withCtx as t, createCommentVNode as f, createElementVNode as m, toDisplayString as b } from "vue";
+const L = /* @__PURE__ */ C({
+  name: "JNumber",
+  __name: "number",
+  props: {
+    modelValue: {},
+    min: {},
+    max: {},
+    step: { default: 1 },
+    stepStrictly: { type: Boolean, default: !1 },
+    precision: {},
+    size: { default: "default" },
+    readonly: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    controls: { type: Boolean, default: !1 },
+    controlsPosition: { default: "right" },
+    ariaLabel: {},
+    placeholder: { default: "请输入数字" },
+    id: {},
+    valueOnClear: {},
+    label: {},
+    inputmode: {},
+    align: { default: "left" },
+    disabledScientific: { type: Boolean, default: !1 },
+    prefix: {},
+    suffix: {},
+    decreaseIcon: {},
+    increaseIcon: {},
+    autoFocus: { type: Boolean }
+  },
+  emits: ["update:modelValue", "change", "blur", "focus"],
+  setup(e, { expose: y, emit: x }) {
+    const c = e, l = k(), n = x, u = I({
+      get() {
+        return c.modelValue;
+      },
+      set(a) {
+        n("update:modelValue", a);
+      }
+    }), h = (a) => {
+      n("change", a);
+    }, v = () => {
+      n("blur");
+    }, g = () => {
+      n("focus");
+    };
+    return y({ blur: () => {
+      l.value?.blur();
+    }, focus: () => {
+      l.value?.focus();
+    } }), S(() => {
+      c.autoFocus && l.value?.focus();
+    }), (a, d) => {
+      const s = r("j-icon"), B = r("el-input-number");
+      return o(), i(B, {
+        id: e.id,
+        ref_key: "inputNumberRef",
+        ref: l,
+        modelValue: u.value,
+        "onUpdate:modelValue": d[0] || (d[0] = (V) => u.value = V),
+        min: e.min,
+        max: e.max,
+        step: e.step,
+        "step-strictly": e.stepStrictly,
+        precision: e.precision,
+        size: e.size,
+        readonly: e.readonly || e.disabled,
+        disabled: e.disabled || e.readonly,
+        controls: e.controls,
+        "controls-position": e.controlsPosition,
+        "aria-label": e.ariaLabel,
+        placeholder: e.placeholder,
+        "value-on-clear": e.valueOnClear,
+        label: e.label,
+        inputmode: e.inputmode,
+        align: e.align,
+        "disabled-scientific": e.disabledScientific,
+        onChange: h,
+        onBlur: v,
+        onFocus: g
+      }, N({
+        "decrease-icon": t(() => [
+          e.decreaseIcon ? (o(), i(s, {
+            key: 0,
+            icon: e.decreaseIcon
+          }, null, 8, ["icon"])) : f("", !0)
+        ]),
+        "increase-icon": t(() => [
+          e.increaseIcon ? (o(), i(s, {
+            key: 0,
+            icon: e.increaseIcon
+          }, null, 8, ["icon"])) : f("", !0)
+        ]),
+        _: 2
+      }, [
+        e.prefix ? {
+          name: "prefix",
+          fn: t(() => [
+            m("span", null, b(e.prefix), 1)
+          ]),
+          key: "0"
+        } : void 0,
+        e.suffix ? {
+          name: "suffix",
+          fn: t(() => [
+            m("span", null, b(e.suffix), 1)
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1032, ["id", "modelValue", "min", "max", "step", "step-strictly", "precision", "size", "readonly", "disabled", "controls", "controls-position", "aria-label", "placeholder", "value-on-clear", "label", "inputmode", "align", "disabled-scientific"]);
+    };
+  }
+});
+export {
+  L as default
+};

package/dist/simcode-ui.es76.js

@@ -0,0 +1,157 @@
+import { defineComponent as b, ref as B, computed as $, onMounted as k, resolveComponent as F, openBlock as C, createBlock as S, createSlots as V, withCtx as l, renderSlot as o, createElementVNode as w, toDisplayString as L } from "vue";
+const N = /* @__PURE__ */ b({
+  name: "JAutocomplete",
+  __name: "autocomplete",
+  props: {
+    modelValue: {},
+    placeholder: { default: "请输入内容" },
+    clearable: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    valueKey: { default: "value" },
+    debounce: { default: 300 },
+    placement: { default: "bottom-start" },
+    options: { default: () => [] },
+    fetchSuggestions: {},
+    triggerOnFocus: { type: Boolean, default: !0 },
+    selectWhenUnmatched: { type: Boolean, default: !1 },
+    ariaLabel: {},
+    hideLoading: { type: Boolean, default: !1 },
+    popperClass: {},
+    popperStyle: {},
+    teleported: { type: Boolean, default: !0 },
+    appendTo: {},
+    highlightFirstItem: { type: Boolean, default: !1 },
+    fitInputWidth: { type: Boolean, default: !1 },
+    loopNavigation: { type: Boolean, default: !0 },
+    autoFocus: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "select", "change", "focus", "blur"],
+  setup(t, { expose: r, emit: p }) {
+    const a = t, u = B(null), s = p, f = $({
+      get() {
+        return a.modelValue || "";
+      },
+      set(e) {
+        s("update:modelValue", e);
+      }
+    }), c = (e, n) => {
+      if (a.fetchSuggestions) {
+        a.fetchSuggestions(e, n);
+        return;
+      }
+      const i = e ? a.options.filter(h(e)) : a.options;
+      n(i);
+    }, h = (e) => (n) => n?.[a.valueKey]?.toLowerCase().indexOf(e.toLowerCase()) === 0, m = (e) => {
+      s("select", e);
+    }, g = (e) => {
+      s("change", e);
+    }, y = () => {
+      s("focus");
+    }, v = () => {
+      s("blur");
+    };
+    return r({
+      focus: () => {
+        u.value?.focus();
+      },
+      blur: () => {
+        u.value?.blur();
+      }
+    }), k(() => {
+      a.autoFocus && setTimeout(() => {
+        u.value.focus();
+      }, 50);
+    }), (e, n) => {
+      const i = F("el-autocomplete");
+      return C(), S(i, {
+        ref_key: "autocompleteRef",
+        ref: u,
+        modelValue: f.value,
+        "onUpdate:modelValue": n[0] || (n[0] = (d) => f.value = d),
+        "fetch-suggestions": c,
+        placeholder: t.placeholder,
+        clearable: t.clearable,
+        disabled: t.disabled || t.readonly,
+        "value-key": t.valueKey,
+        debounce: t.debounce,
+        placement: t.placement,
+        "trigger-on-focus": t.triggerOnFocus,
+        "select-when-unmatched": t.selectWhenUnmatched,
+        "aria-label": t.ariaLabel,
+        "hide-loading": t.hideLoading,
+        "popper-class": t.popperClass,
+        "popper-style": t.popperStyle,
+        teleported: t.teleported,
+        "append-to": t.appendTo,
+        "highlight-first-item": t.highlightFirstItem,
+        "fit-input-width": t.fitInputWidth,
+        "loop-navigation": t.loopNavigation,
+        onSelect: m,
+        onChange: g,
+        onFocus: y,
+        onBlur: v
+      }, V({
+        default: l(({ item: d }) => [
+          o(e.$slots, "default", { item: d }, () => [
+            w("div", null, L(d[t.valueKey] || ""), 1)
+          ])
+        ]),
+        _: 2
+      }, [
+        e.$slots.prefix ? {
+          name: "prefix",
+          fn: l(() => [
+            o(e.$slots, "prefix")
+          ]),
+          key: "0"
+        } : void 0,
+        e.$slots.suffix ? {
+          name: "suffix",
+          fn: l(() => [
+            o(e.$slots, "suffix")
+          ]),
+          key: "1"
+        } : void 0,
+        e.$slots.header ? {
+          name: "header",
+          fn: l(() => [
+            o(e.$slots, "header")
+          ]),
+          key: "2"
+        } : void 0,
+        e.$slots.footer ? {
+          name: "footer",
+          fn: l(() => [
+            o(e.$slots, "footer")
+          ]),
+          key: "3"
+        } : void 0,
+        e.$slots.prepend ? {
+          name: "prepend",
+          fn: l(() => [
+            o(e.$slots, "prepend")
+          ]),
+          key: "4"
+        } : void 0,
+        e.$slots.append ? {
+          name: "append",
+          fn: l(() => [
+            o(e.$slots, "append")
+          ]),
+          key: "5"
+        } : void 0,
+        e.$slots.loading ? {
+          name: "loading",
+          fn: l(() => [
+            o(e.$slots, "loading")
+          ]),
+          key: "6"
+        } : void 0
+      ]), 1032, ["modelValue", "placeholder", "clearable", "disabled", "value-key", "debounce", "placement", "trigger-on-focus", "select-when-unmatched", "aria-label", "hide-loading", "popper-class", "popper-style", "teleported", "append-to", "highlight-first-item", "fit-input-width", "loop-navigation"]);
+    };
+  }
+});
+export {
+  N as default
+};

package/dist/simcode-ui.es77.js

@@ -0,0 +1,303 @@
+import { defineComponent as U, useSlots as q, ref as v, reactive as A, computed as a, onMounted as D, onUnmounted as G, openBlock as s, createElementBlock as r, normalizeClass as I, normalizeStyle as w, createElementVNode as k, renderSlot as W, createCommentVNode as d } from "vue";
+const K = { class: "j-block" }, P = {
+  key: 1,
+  class: "j-layout--container"
+}, Q = { class: "j-block" }, Z = { class: "j-block" }, _ = { class: "j-block" }, te = /* @__PURE__ */ U({
+  name: "JLayout",
+  __name: "layout",
+  props: {
+    /**
+     * @zh 左侧宽度
+     * @defaultValue 240
+     */
+    left: {
+      type: [Number, String],
+      default: 240
+    },
+    /**
+     * @zh 右侧宽度
+     * @defaultValue 240
+     */
+    right: {
+      type: [Number, String],
+      default: 240
+    },
+    /**
+     * @zh 上侧高度
+     * @defaultValue 60
+     */
+    top: {
+      type: [Number, String],
+      default: 60
+    },
+    /**
+     * @zh 下侧高度
+     * @defaultValue 60
+     */
+    bottom: {
+      type: [Number, String],
+      default: 60
+    },
+    /**
+     * @zh 允许左侧变动大小
+     * @defaultValue true
+     */
+    leftMove: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 允许右侧变动大小
+     * @defaultValue true
+     */
+    rightMove: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 允许上侧变动大小
+     * @defaultValue true
+     */
+    topMove: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 允许下侧变动大小
+     * @defaultValue true
+     */
+    bottomMove: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 超出部分是否不隐藏
+     * @defaultValue false
+     */
+    notHidden: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh mid区域最小宽度
+     * @defaultValue 0
+     */
+    midMinWidth: {
+      type: Number,
+      default: 0
+    },
+    /**
+     * @zh mid区域最小高度
+     * @defaultValue 0
+     */
+    midMinHeight: {
+      type: Number,
+      default: 0
+    },
+    /**
+     * @zh 当整体宽度小于mid最小宽度时隐藏中间区域
+     * @defaultValue false
+     */
+    hideMidWhenNarrow: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(f) {
+    const i = f, z = q(), c = v(), B = v(), S = v(-1), X = v(-1), Y = v(-1), F = v(-1), N = v(0), m = v(!1), e = A({
+      type: "",
+      isMove: !1,
+      pageX: 0,
+      pageY: 0,
+      size: 0,
+      h: 0,
+      w: 0
+    }), h = a({
+      get() {
+        return S.value !== -1 ? S.value : i.left;
+      },
+      set(o) {
+        S.value = o;
+      }
+    }), p = a({
+      get() {
+        return X.value !== -1 ? X.value : i.right;
+      },
+      set(o) {
+        X.value = o;
+      }
+    }), y = a({
+      get() {
+        return Y.value !== -1 ? Y.value : i.top;
+      },
+      set(o) {
+        Y.value = o;
+      }
+    }), g = a({
+      get() {
+        return F.value !== -1 ? F.value : i.bottom;
+      },
+      set(o) {
+        F.value = o;
+      }
+    }), b = a(() => z.left), M = a(() => z.right), x = a(() => z.top), $ = a(() => z.bottom), O = a(() => b.value ? m.value && i.hideMidWhenNarrow && M.value ? "50%" : m.value && i.hideMidWhenNarrow && !M.value ? "100%" : typeof h.value == "number" ? h.value + "px" : h.value : "0"), R = a(() => M.value ? m.value && i.hideMidWhenNarrow && b.value ? "50%" : m.value && i.hideMidWhenNarrow && !b.value ? "100%" : typeof p.value == "number" ? p.value + "px" : p.value : "0"), E = a(() => x.value ? typeof y.value == "number" ? y.value + "px" : y.value : "0"), L = a(() => $.value ? typeof g.value == "number" ? g.value + "px" : g.value : "0"), V = a(() => ({
+      minWidth: i.midMinWidth + "px",
+      minHeight: i.midMinHeight + "px"
+    })), j = (o, l) => {
+      e.type = o, e.isMove = !0, e.pageX = l.pageX, e.pageY = l.pageY, e.h = B.value.clientHeight, e.w = B.value.clientWidth;
+      const t = c.value.clientWidth, n = c.value.clientHeight;
+      switch (o) {
+        case "left": {
+          const u = h.value;
+          e.size = typeof u == "string" && u.includes("%") ? parseFloat(u) / 100 * t : Number(u);
+          break;
+        }
+        case "right": {
+          const u = p.value;
+          e.size = typeof u == "string" && u.includes("%") ? parseFloat(u) / 100 * t : Number(u);
+          break;
+        }
+        case "top": {
+          const u = y.value;
+          e.size = typeof u == "string" && u.includes("%") ? parseFloat(u) / 100 * n : Number(u);
+          break;
+        }
+        case "bottom": {
+          const u = g.value;
+          e.size = typeof u == "string" && u.includes("%") ? parseFloat(u) / 100 * n : Number(u);
+          break;
+        }
+      }
+      document.onmouseup = T, document.onmousemove = J;
+    }, J = (o) => {
+      if (e.isMove)
+        switch (e.type) {
+          case "left": {
+            const l = o.pageX - e.pageX;
+            let t = e.size + l;
+            t < 0 ? t = 4 : t > e.size + e.w - i.midMinWidth && (t = e.size + e.w - i.midMinWidth), h.value = t;
+            break;
+          }
+          case "right": {
+            const l = o.pageX - e.pageX;
+            let t = e.size - l;
+            t < 0 ? t = 4 : t > e.size + e.w - i.midMinWidth && (t = e.size + e.w - i.midMinWidth), p.value = t;
+            break;
+          }
+          case "top": {
+            const l = o.pageY - e.pageY;
+            let t = e.size + l;
+            t < 0 ? t = 4 : t > e.size + e.h - i.midMinHeight && (t = e.size + e.h - i.midMinHeight), y.value = t;
+            break;
+          }
+          case "bottom": {
+            const l = o.pageY - e.pageY;
+            let t = e.size - l;
+            t < 0 ? t = 4 : t > e.size + e.h - i.midMinHeight && (t = e.size + e.h - i.midMinHeight), g.value = t;
+            break;
+          }
+        }
+    }, T = () => {
+      e.isMove = !1, document.onmouseup = null, document.onmousemove = null;
+    }, C = () => {
+      if (!i.hideMidWhenNarrow || !c.value) {
+        m.value = !1;
+        return;
+      }
+      N.value = c.value.clientWidth;
+      let o = 0, l = 0;
+      if (b.value) {
+        const n = h.value;
+        o = typeof n == "string" && n.includes("%") ? parseFloat(n) / 100 * N.value : Number(n);
+      }
+      if (M.value) {
+        const n = p.value;
+        l = typeof n == "string" && n.includes("%") ? parseFloat(n) / 100 * N.value : Number(n);
+      }
+      const t = N.value - o - l;
+      m.value = t < i.midMinWidth;
+    };
+    let H = null;
+    return D(() => {
+      i.hideMidWhenNarrow && c.value && typeof window < "u" && window.ResizeObserver && (C(), H = new ResizeObserver(() => {
+        C();
+      }), H.observe(c.value));
+    }), G(() => {
+      H && H.disconnect();
+    }), (o, l) => (s(), r("div", {
+      ref_key: "layout",
+      ref: c,
+      class: I(["j-layout", { "j-layout-not-hidden": f.notHidden }])
+    }, [
+      b.value ? (s(), r("div", {
+        key: 0,
+        class: "j-layout--left",
+        style: w({ width: O.value })
+      }, [
+        k("div", K, [
+          W(o.$slots, "left")
+        ]),
+        f.leftMove ? (s(), r("div", {
+          key: 0,
+          class: "j-layout--move",
+          onMousedown: l[0] || (l[0] = (t) => j("left", t))
+        }, null, 32)) : d("", !0)
+      ], 4)) : d("", !0),
+      m.value ? d("", !0) : (s(), r("div", P, [
+        x.value ? (s(), r("div", {
+          key: 0,
+          class: "j-layout--top",
+          style: w({ height: E.value })
+        }, [
+          k("div", Q, [
+            W(o.$slots, "top")
+          ]),
+          f.topMove ? (s(), r("div", {
+            key: 0,
+            class: "j-layout--move",
+            onMousedown: l[1] || (l[1] = (t) => j("top", t))
+          }, null, 32)) : d("", !0)
+        ], 4)) : d("", !0),
+        k("div", {
+          ref_key: "mid",
+          ref: B,
+          class: "j-layout--wrapper",
+          style: w(V.value)
+        }, [
+          W(o.$slots, "default")
+        ], 4),
+        $.value ? (s(), r("div", {
+          key: 1,
+          class: "j-layout--bottom",
+          style: w({ height: L.value })
+        }, [
+          k("div", Z, [
+            W(o.$slots, "bottom")
+          ]),
+          f.bottomMove ? (s(), r("div", {
+            key: 0,
+            class: "j-layout--move",
+            onMousedown: l[2] || (l[2] = (t) => j("bottom", t))
+          }, null, 32)) : d("", !0)
+        ], 4)) : d("", !0)
+      ])),
+      M.value ? (s(), r("div", {
+        key: 2,
+        class: "j-layout--right",
+        style: w({ width: R.value })
+      }, [
+        k("div", _, [
+          W(o.$slots, "right")
+        ]),
+        f.rightMove ? (s(), r("div", {
+          key: 0,
+          class: "j-layout--move",
+          onMousedown: l[3] || (l[3] = (t) => j("right", t))
+        }, null, 32)) : d("", !0)
+      ], 4)) : d("", !0)
+    ], 2));
+  }
+});
+export {
+  te as default
+};