@a2simcode/ui 0.0.41 → 0.0.43

package/dist/simcode-ui.es110.js

@@ -0,0 +1,215 @@
+import { defineComponent as P, computed as i, ref as B, watch as U, onMounted as W, resolveComponent as C, openBlock as o, createElementBlock as s, createElementVNode as z, Fragment as V, renderList as R, normalizeClass as J, toDisplayString as A, createCommentVNode as m, createBlock as v, mergeProps as K, normalizeStyle as M } from "vue";
+import { useFormInject as O, useTableProvide as G } from "./simcode-ui.es174.js";
+import { useSortable as H } from "./simcode-ui.es65.js";
+import { buildUUID as w, deepClone as Q } from "./simcode-ui.es57.js";
+const X = { class: "j-input-rows" }, Y = {
+  key: 0,
+  class: "j-input-rows-num"
+}, Z = {
+  key: 1,
+  class: "j-input-rows-char"
+}, ne = /* @__PURE__ */ P({
+  name: "JInputRows",
+  __name: "input-rows",
+  props: {
+    /**
+     * @zh 输入值
+     * @vModel
+     */
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * @zh 列配置
+     */
+    columns: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * @zh 编辑参数
+     */
+    editConfig: {
+      type: Object,
+      default: () => ({})
+    },
+    /**
+     * @zh 是否紧凑模式
+     */
+    isCompact: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否显示序号
+     */
+    showNum: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否显示字母
+     */
+    showChar: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否换行
+     */
+    isWrap: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 字段ID前缀
+     */
+    id: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue", "change", "rowChange"],
+  setup(u, { emit: D }) {
+    const j = (e) => e == null, a = u, p = D, { formData: g } = O(), _ = i(() => a.editConfig.isAddBtn !== !1), N = i(() => a.editConfig.addBtnText || "添加"), E = i(() => a.editConfig.buttonsAlign || "left"), I = i(() => a.editConfig.isRemoveBtn !== !1), k = i(() => a.editConfig.readonly), b = i(() => a.editConfig.drag), S = i(() => a.editConfig.isNullValue !== !1), h = B(), x = [
+      "A",
+      "B",
+      "C",
+      "D",
+      "E",
+      "F",
+      "G",
+      "H",
+      "I",
+      "J",
+      "K",
+      "L",
+      "M",
+      "N",
+      "O",
+      "P",
+      "Q",
+      "R",
+      "S",
+      "T",
+      "U",
+      "V",
+      "W",
+      "X",
+      "Y",
+      "Z"
+    ], t = B([]);
+    a.modelValue && a.modelValue.length > 0 ? (t.value = a.modelValue || [], t.value.forEach((e) => {
+      e._i || (e._i = w());
+    })) : (t.value = [], p("update:modelValue", t.value)), U(
+      () => a.modelValue,
+      (e) => {
+        t.value = a.modelValue || [], t.value = e || [], t.value.forEach((n) => {
+          n._i || (n._i = w());
+        });
+      },
+      { deep: !0 }
+    );
+    const T = () => {
+      const e = { _i: w() };
+      a.columns.forEach((n) => {
+        const d = n.config?.valueRowKey || n.id || "";
+        d && (e[d] = Q(n.config?.defaultValue));
+      }), t.value.push(e), p("change", {
+        id: a.id,
+        value: e,
+        data: e,
+        formData: g,
+        tableData: t.value,
+        type: "add"
+      });
+    }, L = (e) => {
+      const n = t.value[e];
+      t.value.splice(e, 1), p("change", {
+        id: a.id,
+        value: n,
+        data: n,
+        formData: g,
+        tableData: t.value,
+        type: "delete"
+      });
+    }, F = (e) => {
+      p("rowChange", e);
+    };
+    return W(() => {
+      if (!b.value || !h.value)
+        return;
+      const e = h.value, { initSortable: n } = H(e, {
+        handle: ".j-input-rows-drag",
+        onEnd: (d) => {
+          const { oldIndex: l, newIndex: r } = d;
+          if (j(l) || j(r) || l === r || l < 0 || r < 0)
+            return;
+          const c = t.value.splice(l, 1)[0];
+          t.value.splice(r, 0, c), p("change", {
+            id: a.id,
+            value: c,
+            data: c,
+            formData: g,
+            tableData: t.value,
+            type: "sort"
+          });
+        }
+      });
+      n();
+    }), G({
+      getTableData: () => t.value,
+      rowChange: F
+    }), (e, n) => {
+      const d = C("j-comp"), l = C("j-icon"), r = C("j-button");
+      return o(), s("div", X, [
+        z("div", {
+          ref_key: "inputRowsRef",
+          ref: h,
+          class: "j-input-rows-container"
+        }, [
+          (o(!0), s(V, null, R(t.value, (c, f) => (o(), s("div", {
+            key: c._i + f,
+            class: J([u.isCompact ? "j-space-compact" : "j-space", { "j-space-wrap": u.isWrap }])
+          }, [
+            u.showNum ? (o(), s("div", Y, A(f + 1), 1)) : m("", !0),
+            u.showChar ? (o(), s("div", Z, A(x[f % 26]), 1)) : m("", !0),
+            (o(!0), s(V, null, R(u.columns, (y) => (o(), v(d, K({
+              key: y.id,
+              ref_for: !0
+            }, y, { row: c }), null, 16, ["row"]))), 128)),
+            b.value ? (o(), v(l, {
+              key: 2,
+              class: "j-input-rows-drag",
+              icon: "mdi:drag"
+            })) : m("", !0),
+            I.value && (S.value || t.value.length > 1) && !k.value ? (o(), v(l, {
+              key: 3,
+              icon: "mdi:delete-outline",
+              class: "j-input-rows-delete",
+              onClick: (y) => L(f)
+            }, null, 8, ["onClick"])) : m("", !0)
+          ], 2))), 128))
+        ], 512),
+        !k.value && _.value ? (o(), s("div", {
+          key: 0,
+          style: M({ "text-align": E.value }),
+          class: "j-input-rows-actions"
+        }, [
+          _.value ? (o(), v(r, {
+            key: 0,
+            type: "link",
+            style: { "margin-right": "8px" },
+            label: N.value,
+            icon: "mdi:add",
+            onClick: T
+          }, null, 8, ["label"])) : m("", !0)
+        ], 4)) : m("", !0)
+      ]);
+    };
+  }
+});
+export {
+  ne as default
+};

package/dist/simcode-ui.es111.js

@@ -0,0 +1,150 @@
+import { defineComponent as L, ref as m, computed as V, watch as T, resolveComponent as z, openBlock as h, createElementBlock as O, createBlock as B, createSlots as R, withCtx as S, createVNode as b, unref as f } from "vue";
+import j from "./simcode-ui.es37.js";
+import { JLayer as E } from "./simcode-ui.es17.js";
+import w from "./simcode-ui.es2.js";
+const J = { class: "j-input-layer" }, I = /* @__PURE__ */ L({
+  name: "JInputLayer",
+  __name: "input-layer",
+  props: {
+    modelValue: { default: "" },
+    icon: { default: "mdi:library-edit-outline" },
+    width: { default: 800 },
+    height: { default: 600 },
+    title: {},
+    placeholder: { default: "请选择" },
+    isMultiSelect: { type: Boolean, default: !1 },
+    valueKey: { default: "value" },
+    labelKey: { default: "label" },
+    idKey: {},
+    pidKey: { default: "value" },
+    isTree: { type: Boolean, default: !1 },
+    isPage: { type: Boolean, default: !1 },
+    sidx: {},
+    columns: { default: () => [] },
+    loadLayerData: {},
+    getText: {},
+    beforeOpen: {},
+    readonly: { type: Boolean, default: !1 },
+    size: { default: "default" },
+    clearable: { type: Boolean, default: !0 },
+    defaultExpandAll: { type: Boolean, default: !0 },
+    mode: { default: "serve" },
+    searchInputList: { default: () => [] },
+    onlyButton: { type: Boolean, default: !1 },
+    buttonLabel: {},
+    buttonType: {},
+    isSaveSelectData: { type: Boolean, default: !1 },
+    buttons: { default: () => [] }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: C }) {
+    const g = (l) => !!(l == null || typeof l == "string" && l.trim() === "" || Array.isArray(l) && l.length === 0), t = e, d = C, s = m(), r = m(), u = m(""), o = V({
+      get() {
+        return t.modelValue;
+      },
+      set(l) {
+        d("update:modelValue", l);
+      }
+    }), k = V({
+      get() {
+        return g(o.value) ? "" : g(u.value) ? t.getText ? t.getText(o.value) : o.value : u.value;
+      },
+      set(l) {
+        l || p();
+      }
+    });
+    T(
+      () => t.modelValue,
+      () => {
+        u.value = "";
+      }
+    );
+    const y = async () => {
+      t.readonly || t.beforeOpen && await t.beforeOpen() === !1 || s.value.open();
+    }, p = () => {
+      u.value = "", o.value = "", d("change", { value: "", data: void 0 });
+    }, x = async () => {
+      if (!r.value) return;
+      const l = r.value.getSelection();
+      if (t.isMultiSelect) {
+        const a = [], n = [];
+        l.forEach((i) => {
+          const c = i[t.labelKey], v = i[t.valueKey];
+          a.push(c != null ? String(c) : ""), v === 0 || v ? n.push(String(v)) : n.push("");
+        }), u.value = a.join(","), o.value = n.join(","), d("change", { value: n.join(","), data: l });
+      } else if (l.length > 0) {
+        const a = l[0], n = a[t.labelKey], i = a[t.valueKey];
+        u.value = n != null ? String(n) : "";
+        const c = i != null ? String(i) : "";
+        o.value = c, d("change", { value: c, data: a });
+      } else
+        u.value = "", o.value = "", d("change", { value: "", data: void 0 });
+      console.log(s.value.close, "layerRef.value.close"), s.value.close();
+    }, K = () => {
+      r.value && r.value.clearSelection && r.value.clearSelection();
+    };
+    return (l, a) => {
+      const n = z("el-input");
+      return h(), O("div", J, [
+        e.onlyButton ? (h(), B(f(w), {
+          key: 1,
+          type: e.buttonType,
+          size: e.size,
+          label: e.buttonLabel,
+          icon: e.icon,
+          onClick: y
+        }, null, 8, ["type", "size", "label", "icon"])) : (h(), B(n, {
+          key: 0,
+          modelValue: k.value,
+          "onUpdate:modelValue": a[0] || (a[0] = (i) => k.value = i),
+          placeholder: e.placeholder,
+          readonly: !0,
+          size: e.size,
+          clearable: !e.readonly && e.clearable,
+          onClick: y,
+          onClear: p
+        }, R({ _: 2 }, [
+          e.readonly ? void 0 : {
+            name: "append",
+            fn: S(() => [
+              b(f(w), {
+                icon: e.icon,
+                onClick: y
+              }, null, 8, ["icon"])
+            ]),
+            key: "0"
+          }
+        ]), 1032, ["modelValue", "placeholder", "size", "clearable"])),
+        b(f(E), {
+          ref_key: "layerRef",
+          ref: s,
+          title: e.title || e.placeholder,
+          width: e.width,
+          height: e.height,
+          "btn-text": "确定",
+          onOk: x,
+          onClosed: K
+        }, {
+          default: S(() => [
+            b(f(j), {
+              ref_key: "tableRef",
+              ref: r,
+              columns: e.columns,
+              "row-key": e.valueKey,
+              "is-tree": e.isTree,
+              "is-page": e.isPage,
+              sort: e.sidx,
+              "is-multiple": e.isMultiSelect,
+              "load-data": e.loadLayerData,
+              immediate: !0
+            }, null, 8, ["columns", "row-key", "is-tree", "is-page", "sort", "is-multiple", "load-data"])
+          ]),
+          _: 1
+        }, 8, ["title", "width", "height"])
+      ]);
+    };
+  }
+});
+export {
+  I as default
+};

package/dist/simcode-ui.es112.js

@@ -0,0 +1,131 @@
+import { defineComponent as S, computed as o, ref as A, resolveComponent as l, openBlock as n, createElementBlock as h, createVNode as u, mergeProps as m, unref as F, withCtx as f, withModifiers as L, normalizeClass as B, createBlock as c, normalizeProps as N, Fragment as _, renderList as x } from "vue";
+import { useFormInject as H, useAppInject as I, useFormProvide as O } from "./simcode-ui.es174.js";
+const J = /* @__PURE__ */ S({
+  name: "JLayerForm",
+  __name: "layer-form",
+  props: {
+    /**
+     * @zh 按钮图标
+     */
+    icon: {
+      type: String,
+      default: "mdi:form-outline"
+    },
+    /**
+     * @zh 按钮的类型
+     * @defaultValue 'default'
+     */
+    type: {
+      type: String,
+      default: "default"
+    },
+    /**
+     * @zh 设置按钮大小
+     * @defaultValue 'default'
+     */
+    size: {
+      type: String,
+      default: "default"
+    },
+    /**
+     * @zh 弹窗标题
+     */
+    layerLabel: {
+      type: String,
+      default: "设置"
+    },
+    /**
+     * @zh 弹窗高度
+     */
+    layerHeight: {
+      type: Number,
+      default: 400
+    },
+    /**
+     * @zh 弹窗宽度
+     */
+    layerWidth: {
+      type: Number,
+      default: 600
+    },
+    /**
+     * @zh 表单配置
+     */
+    formConfig: {
+      type: Object,
+      default: () => ({})
+    },
+    /**
+     * @zh 表单配置
+     */
+    schema: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(e) {
+    const t = e, r = H(), { t: p } = I(), d = o(() => t.formConfig?.gutter || 16), v = o(() => t.formConfig?.span || 24), y = o(() => t.formConfig?.labelWidth || r.labelWidth?.value), j = o(
+      () => t.formConfig?.labelPosition || r.labelPosition?.value || "right"
+    ), b = o(
+      () => t.schema?.length === 1 && (t.schema?.[0]?.type === "j-tabs" || t.schema?.[0]?.type === "j-layout" || t.schema?.[0]?.config?.isAutoWindow)
+    ), s = A(!1), C = () => {
+      s.value = !0;
+    };
+    return O({
+      ...r,
+      isAutoWindow: b,
+      gutter: d,
+      span: v,
+      labelWidth: y
+    }), (w, i) => {
+      const z = l("j-button"), g = l("j-form-item"), k = l("el-row"), P = l("el-form"), W = l("j-dialog");
+      return n(), h("div", null, [
+        u(z, m(w.$attrs, {
+          type: e.type,
+          size: e.size,
+          icon: e.icon,
+          onClick: C
+        }), null, 16, ["type", "size", "icon"]),
+        u(W, {
+          visible: s.value,
+          "onUpdate:visible": i[1] || (i[1] = (a) => s.value = a),
+          title: F(p)(e.layerLabel || "设置"),
+          height: e.layerHeight || 400,
+          width: e.layerWidth || 600,
+          "has-btns": !1
+        }, {
+          default: f(() => [
+            u(P, {
+              class: B(["j-block", "j-layer-form"]),
+              "label-position": j.value,
+              "label-width": y.value,
+              size: e.formConfig?.size,
+              onSubmit: i[0] || (i[0] = L(() => {
+              }, ["prevent"]))
+            }, {
+              default: f(() => [
+                b.value ? (n(), c(g, N(m({ key: 0 }, e.schema[0])), null, 16)) : (n(), c(k, {
+                  key: 1,
+                  gutter: d.value
+                }, {
+                  default: f(() => [
+                    (n(!0), h(_, null, x(e.schema, (a) => (n(), c(g, m({
+                      key: a.id,
+                      ref_for: !0
+                    }, a), null, 16))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["gutter"]))
+              ]),
+              _: 1
+            }, 8, ["label-position", "label-width", "size"])
+          ]),
+          _: 1
+        }, 8, ["visible", "title", "height", "width"])
+      ]);
+    };
+  }
+});
+export {
+  J as default
+};

package/dist/simcode-ui.es113.js

@@ -0,0 +1,107 @@
+import { defineComponent as m, computed as f, onMounted as r, resolveComponent as b, openBlock as h, createBlock as g, mergeProps as V, createSlots as y, withCtx as n, renderSlot as l } from "vue";
+const w = /* @__PURE__ */ m({
+  name: "JSwitch",
+  inheritAttrs: !1,
+  __name: "switch",
+  props: {
+    modelValue: { type: [Boolean, String, Number], default: !1 },
+    size: {},
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    activeValue: { type: [Boolean, String, Number], default: !0 },
+    inactiveValue: { type: [Boolean, String, Number], default: !1 },
+    activeText: {},
+    inactiveText: {},
+    activeIcon: {},
+    inactiveIcon: {},
+    activeActionIcon: {},
+    inactiveActionIcon: {},
+    width: { default: 40 },
+    inlinePrompt: { type: Boolean, default: !1 },
+    name: {},
+    validateEvent: { type: Boolean, default: !0 },
+    beforeChange: {},
+    id: {},
+    tabindex: {},
+    ariaLabel: {},
+    loading: { type: Boolean, default: !1 },
+    autoFocus: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: d }) {
+    const t = e, o = d, i = f({
+      get() {
+        return t.modelValue;
+      },
+      set(a) {
+        o("update:modelValue", a);
+      }
+    }), c = (a) => {
+      o("change", a);
+    };
+    return r(() => {
+      t.autoFocus && setTimeout(() => {
+        const a = i.value === t.activeValue ? t.inactiveValue : t.activeValue;
+        i.value = a, c(a);
+      }, 100);
+    }), (a, v) => {
+      const u = b("el-switch");
+      return h(), g(u, V(a.$attrs, {
+        id: e.id,
+        modelValue: i.value,
+        "onUpdate:modelValue": v[0] || (v[0] = (s) => i.value = s),
+        size: e.size,
+        width: e.width,
+        "inline-prompt": e.inlinePrompt,
+        "active-icon": e.activeIcon,
+        "inactive-icon": e.inactiveIcon,
+        "active-action-icon": e.activeActionIcon,
+        "inactive-action-icon": e.inactiveActionIcon,
+        "active-text": e.activeText,
+        "inactive-text": e.inactiveText,
+        "active-value": e.activeValue,
+        "inactive-value": e.inactiveValue,
+        name: e.name,
+        "validate-event": e.validateEvent,
+        "before-change": e.beforeChange,
+        tabindex: e.tabindex,
+        "aria-label": e.ariaLabel,
+        loading: e.loading,
+        disabled: e.disabled || e.readonly,
+        onChange: c
+      }), y({ _: 2 }, [
+        a.$slots["active-action"] ? {
+          name: "active-action",
+          fn: n(() => [
+            l(a.$slots, "active-action")
+          ]),
+          key: "0"
+        } : void 0,
+        a.$slots["inactive-action"] ? {
+          name: "inactive-action",
+          fn: n(() => [
+            l(a.$slots, "inactive-action")
+          ]),
+          key: "1"
+        } : void 0,
+        a.$slots.active ? {
+          name: "active",
+          fn: n(() => [
+            l(a.$slots, "active")
+          ]),
+          key: "2"
+        } : void 0,
+        a.$slots.inactive ? {
+          name: "inactive",
+          fn: n(() => [
+            l(a.$slots, "inactive")
+          ]),
+          key: "3"
+        } : void 0
+      ]), 1040, ["id", "modelValue", "size", "width", "inline-prompt", "active-icon", "inactive-icon", "active-action-icon", "inactive-action-icon", "active-text", "inactive-text", "active-value", "inactive-value", "name", "validate-event", "before-change", "tabindex", "aria-label", "loading", "disabled"]);
+    };
+  }
+});
+export {
+  w as default
+};

package/dist/simcode-ui.es114.js

@@ -0,0 +1,58 @@
+import { defineComponent as u, resolveComponent as f, openBlock as r, createBlock as h, mergeProps as p, withCtx as v, renderSlot as T } from "vue";
+const C = /* @__PURE__ */ u({
+  name: "JTabs",
+  __name: "tabs",
+  props: {
+    modelValue: {},
+    type: { default: "" },
+    closable: { type: Boolean, default: !1 },
+    addable: { type: Boolean, default: !1 },
+    editable: { type: Boolean, default: !1 },
+    tabPosition: { default: "top" },
+    stretch: { type: Boolean, default: !1 },
+    beforeLeave: {}
+  },
+  emits: ["update:modelValue", "tab-click", "tab-change", "tab-remove", "tab-add", "edit"],
+  setup(a, { emit: o }) {
+    const t = o, d = (e) => {
+      t("update:modelValue", e);
+    }, n = (e, l) => {
+      t("tab-click", e, l);
+    }, b = (e) => {
+      t("tab-change", e);
+    }, s = (e) => {
+      t("tab-remove", e);
+    }, c = () => {
+      t("tab-add");
+    }, i = (e, l) => {
+      t("edit", e, l);
+    };
+    return (e, l) => {
+      const m = f("el-tabs");
+      return r(), h(m, p(e.$attrs, {
+        "model-value": a.modelValue,
+        type: a.type,
+        closable: a.closable,
+        addable: a.addable,
+        editable: a.editable,
+        "tab-position": a.tabPosition,
+        stretch: a.stretch,
+        "before-leave": a.beforeLeave,
+        "onUpdate:modelValue": d,
+        onTabClick: n,
+        onTabChange: b,
+        onTabRemove: s,
+        onTabAdd: c,
+        onEdit: i
+      }), {
+        default: v(() => [
+          T(e.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["model-value", "type", "closable", "addable", "editable", "tab-position", "stretch", "before-leave"]);
+    };
+  }
+});
+export {
+  C as default
+};

package/dist/simcode-ui.es115.js

@@ -0,0 +1,34 @@
+import { defineComponent as c, resolveComponent as m, openBlock as s, createBlock as r, mergeProps as u, withCtx as p, renderSlot as i } from "vue";
+const C = /* @__PURE__ */ c({
+  name: "JCollapse",
+  __name: "collapse",
+  props: {
+    modelValue: { default: () => [] },
+    accordion: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(o, { emit: l }) {
+    const a = l, n = (e) => {
+      a("update:modelValue", e);
+    }, t = (e) => {
+      a("change", e);
+    };
+    return (e, f) => {
+      const d = m("el-collapse");
+      return s(), r(d, u(e.$attrs, {
+        "model-value": o.modelValue,
+        accordion: o.accordion,
+        onChange: t,
+        "onUpdate:modelValue": n
+      }), {
+        default: p(() => [
+          i(e.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["model-value", "accordion"]);
+    };
+  }
+});
+export {
+  C as default
+};

package/dist/simcode-ui.es116.js

@@ -0,0 +1,7 @@
+import o from "./simcode-ui.es165.js";
+/* empty css                 */
+import t from "./simcode-ui.es130.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-179ac616"]]);
+export {
+  p as default
+};