@a2simcode/ui 0.0.43 → 0.0.44

package/dist/simcode-ui.es74.js

@@ -1,72 +0,0 @@
-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

@@ -1,116 +0,0 @@
-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

@@ -1,157 +0,0 @@
-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

@@ -1,303 +0,0 @@
-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
-};