@a2simcode/ui 0.0.41 → 0.0.43

package/dist/simcode-ui.es80.js

@@ -0,0 +1,294 @@
+import { defineComponent as X, ref as n, watch as Y, computed as T, resolveComponent as v, resolveDirective as Z, openBlock as t, createBlock as s, withCtx as k, withDirectives as ee, createElementBlock as m, unref as u, createElementVNode as c, createCommentVNode as o, toDisplayString as te, resolveDynamicComponent as le, normalizeStyle as ae, Fragment as j, renderList as O, createVNode as se, mergeProps as oe, renderSlot as ie, nextTick as A } from "vue";
+import { useAppInject as ne } from "./simcode-ui.es174.js";
+const ue = ["element-loading-text"], de = { class: "j-dialog-full-header" }, ce = { class: "j-dialog-full-header-left" }, re = ["src"], ve = { class: "j-dialog-full-title-text" }, fe = { style: { height: "28px", "line-height": "32px", "margin-left": "8px" } }, pe = { class: "j-dialog-full-header-right" }, me = { class: "j-dialog-full-body" }, he = /* @__PURE__ */ X({
+  name: "JDialogFull",
+  __name: "index",
+  props: {
+    /**
+     * @zh 是否显示
+     * @defaultValue false
+     */
+    visible: {
+      type: Boolean
+    },
+    /**
+     * @zh 标题
+     */
+    title: {
+      type: String,
+      default: ""
+    },
+    /**
+     * @zh 关闭时销毁抽屉内的元素
+     * @defaultValue false
+     */
+    destroyOnClose: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 是否需要"取消""确定"按钮
+     * @defaultValue true
+     */
+    hasBtns: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 是否需要保存按钮
+     * @defaultValue true
+     */
+    hasSaveBtn: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 确定按钮文字
+     */
+    btnText: {
+      type: String,
+      default: "保存"
+    },
+    /**
+     * @zh 是否显示关闭按钮
+     * @defaultValue true
+     */
+    showCloseBtn: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 是否需要步骤条
+     * @defaultValue false
+     */
+    isStep: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 步骤条初始页码
+     * @defaultValue 0
+     */
+    stepActive: {
+      type: Number,
+      default: 0
+    },
+    /**
+     * @zh 步骤名称
+     * @defaultValue []
+     */
+    steps: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * @zh 到下一步校验
+     */
+    validateSteps: {
+      type: Function,
+      default: void 0
+    },
+    /**
+     * @zh 弹窗关闭前
+     */
+    beforeClose: {
+      type: Function,
+      default: void 0
+    },
+    /**
+     * @zh 扩展按钮
+     */
+    buttons: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * @zh 子标题
+     */
+    subtitle: {
+      type: Function,
+      default: void 0
+    }
+  },
+  emits: ["update:stepActive", "update:visible", "cancel", "ok", "closed"],
+  setup(e, { expose: $, emit: E }) {
+    const a = e, f = E, { logoImg: V, t: r } = ne(), y = n(!1), C = n(!1), z = n(""), g = n(!1), h = n(!0), b = n(!1), B = n(!0), x = n(-1);
+    Y(
+      () => a.visible,
+      (l) => {
+        y.value = l;
+      },
+      { immediate: !0 }
+    );
+    const d = T({
+      get() {
+        return x.value !== -1 ? x.value : a.stepActive;
+      },
+      set(l) {
+        x.value = l, f("update:stepActive", l);
+      }
+    }), I = () => {
+      a.beforeClose && a.beforeClose() === !1 || (y.value = !1, f("update:visible", !1), f("cancel"));
+    }, P = () => {
+      f("ok", S, w);
+    }, J = () => {
+      a.isStep && (d.value = 0, A(() => {
+        _();
+      })), f("closed");
+    }, S = (l) => {
+      z.value = l || "保存数据中...", C.value = !0;
+    }, w = () => {
+      C.value = !1;
+    }, U = () => {
+      d.value > 0 && d.value--, A(() => {
+        _();
+      });
+    }, W = async () => {
+      await q() && (d.value < a.steps.length - 1 && (d.value += 1), A(() => {
+        _();
+      }));
+    }, q = async () => {
+      if (g.value = !0, a.validateSteps) {
+        const l = await a.validateSteps(a.stepActive, S, w);
+        return g.value = !1, l;
+      }
+      return g.value = !1, !0;
+    }, _ = () => {
+      switch (B.value = !0, b.value = !0, h.value = !0, d.value) {
+        case 0:
+          b.value = !1;
+          break;
+        case a.steps.length - 1:
+          h.value = !1, B.value = !1;
+          break;
+        default:
+          h.value = !1, b.value = !1;
+          break;
+      }
+    }, D = T(() => a.steps.map((l) => ({ title: l, disabled: !0 }))), G = async (l) => {
+      l.click && await l.click();
+    };
+    return $({ showLoading: S, hideLoading: w }), (l, F) => {
+      const H = v("el-step"), K = v("el-steps"), p = v("j-button"), L = v("el-space"), M = v("el-divider"), Q = v("el-dialog"), R = Z("loading");
+      return t(), s(Q, {
+        modelValue: y.value,
+        "onUpdate:modelValue": F[0] || (F[0] = (i) => y.value = i),
+        class: "j-dialog-full",
+        width: "100%",
+        "append-to-body": !0,
+        fullscreen: !0,
+        "show-close": !1,
+        modal: !0,
+        "destroy-on-close": e.destroyOnClose,
+        onClosed: J
+      }, {
+        default: k(() => [
+          ee((t(), m("div", {
+            class: "j-block j-dialog-full-window",
+            "element-loading-text": u(r)(z.value)
+          }, [
+            c("div", de, [
+              c("div", ce, [
+                u(V) ? (t(), m("img", {
+                  key: 0,
+                  class: "j-dialog-full-header-logo",
+                  src: u(V)
+                }, null, 8, re)) : o("", !0),
+                c("span", ve, te(u(r)(e.title)), 1),
+                c("span", fe, [
+                  e.subtitle ? (t(), s(le(e.subtitle()), { key: 0 })) : o("", !0)
+                ])
+              ]),
+              c("div", {
+                class: "j-dialog-full-header-mid",
+                style: ae({ maxWidth: `${200 * D.value.length}px` })
+              }, [
+                e.isStep ? (t(), s(K, {
+                  key: 0,
+                  simple: "",
+                  active: d.value,
+                  space: 160,
+                  "finish-status": "success"
+                }, {
+                  default: k(() => [
+                    (t(!0), m(j, null, O(D.value, (i, N) => (t(), s(H, {
+                      key: N,
+                      title: u(r)(i.title)
+                    }, null, 8, ["title"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["active"])) : o("", !0)
+              ], 4),
+              c("div", pe, [
+                se(L, { size: 0 }, {
+                  default: k(() => [
+                    e.hasBtns ? (t(), s(L, { key: 0 }, {
+                      default: k(() => [
+                        e.isStep ? (t(), s(p, {
+                          key: 0,
+                          size: "mini",
+                          disabled: h.value,
+                          label: u(r)("上一步"),
+                          onClick: U
+                        }, null, 8, ["disabled", "label"])) : o("", !0),
+                        e.isStep ? (t(), s(p, {
+                          key: 1,
+                          size: "mini",
+                          disabled: b.value,
+                          loading: g.value,
+                          label: u(r)("下一步"),
+                          onClick: W
+                        }, null, 8, ["disabled", "loading", "label"])) : o("", !0),
+                        (t(!0), m(j, null, O(e.buttons, (i) => (t(), m(j, {
+                          key: i.id
+                        }, [
+                          i.config?.display !== !1 ? (t(), s(p, oe({
+                            key: 0,
+                            ref_for: !0
+                          }, i.config, {
+                            label: i.label,
+                            onClick: (N) => G(i)
+                          }), null, 16, ["label", "onClick"])) : o("", !0)
+                        ], 64))), 128)),
+                        e.hasSaveBtn ? (t(), s(p, {
+                          key: 2,
+                          size: "mini",
+                          type: "primary",
+                          disabled: B.value && e.isStep,
+                          label: u(r)(e.btnText),
+                          onClick: P
+                        }, null, 8, ["disabled", "label"])) : o("", !0)
+                      ]),
+                      _: 1
+                    })) : o("", !0),
+                    e.showCloseBtn && e.hasBtns ? (t(), s(M, {
+                      key: 1,
+                      type: "vertical",
+                      style: { margin: "0 8px" }
+                    })) : o("", !0),
+                    e.showCloseBtn ? (t(), s(p, {
+                      key: 2,
+                      type: "text",
+                      icon: "mdi:close",
+                      onClick: I
+                    })) : o("", !0)
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            c("div", me, [
+              ie(l.$slots, "default")
+            ])
+          ], 8, ue)), [
+            [R, C.value]
+          ])
+        ]),
+        _: 3
+      }, 8, ["modelValue", "destroy-on-close"]);
+    };
+  }
+});
+export {
+  he as default
+};

package/dist/simcode-ui.es81.js

@@ -0,0 +1,336 @@
+import { defineComponent as _, ref as u, computed as k, resolveComponent as p, resolveDirective as ee, openBlock as a, createBlock as n, withCtx as A, withDirectives as te, createElementBlock as f, normalizeClass as le, createElementVNode as d, normalizeStyle as F, createVNode as w, renderSlot as ae, unref as m, createCommentVNode as o, Fragment as T, renderList as E, mergeProps as se, toDisplayString as ne, resolveDynamicComponent as oe, nextTick as N } from "vue";
+import { useAppInject as ie } from "./simcode-ui.es174.js";
+const ue = ["element-loading-text"], de = { class: "j-block" }, re = {
+  key: 0,
+  class: "j-drawer-bottom-btns"
+}, ce = { class: "j-drawer--header" }, ve = { class: "j-drawer--title" }, pe = { style: { height: "28px", "line-height": "32px", "margin-left": "8px" } }, fe = {
+  key: 0,
+  class: "j-drawer--btns"
+}, me = {
+  key: 0,
+  class: "j-drawer-steps"
+}, he = /* @__PURE__ */ _({
+  name: "JDrawer",
+  __name: "drawer",
+  props: {
+    /**
+     * @zh 是否显示抽屉
+     * @defaultValue false
+     */
+    visible: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 标题
+     * @defaultValue ''
+     */
+    title: {
+      type: String,
+      default: ""
+    },
+    /**
+     * @zh 抽屉打开的方向
+     * @defaultValue 'rtl'
+     */
+    direction: {
+      type: String,
+      default: "rtl"
+    },
+    /**
+     * @zh 抽屉高度（上下打开）
+     * @defaultValue 400
+     */
+    height: {
+      type: Number,
+      default: 400
+    },
+    /**
+     * @zh 抽屉宽度（左右打开）
+     * @defaultValue 600
+     */
+    width: {
+      type: Number,
+      default: 600
+    },
+    /**
+     * @zh 是否需要遮罩层
+     * @defaultValue true
+     */
+    mask: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 关闭时销毁抽屉内的元素
+     * @defaultValue true
+     */
+    destroyOnClose: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 关闭前的回调
+     */
+    beforeClose: {
+      type: Function,
+      default: void 0
+    },
+    /**
+     * @zh 是否为步骤抽屉
+     * @defaultValue false
+     */
+    isStep: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @zh 当前步骤
+     * @defaultValue 0
+     */
+    stepActive: {
+      type: Number,
+      default: 0
+    },
+    /**
+     * @zh 步骤列表
+     * @defaultValue []
+     */
+    steps: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * @zh 步骤校验函数
+     */
+    validateSteps: {
+      type: Function,
+      default: void 0
+    },
+    /**
+     * @zh 是否显示底部按钮
+     * @defaultValue true
+     */
+    hasBtns: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 是否需要保存按钮
+     * @defaultValue true
+     */
+    hasSaveBtn: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 是否显示关闭按钮
+     * @defaultValue true
+     */
+    showCloseBtn: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @zh 确定按钮文字
+     * @defaultValue '保存'
+     */
+    btnText: {
+      type: String,
+      default: "保存"
+    },
+    /**
+     * @zh 扩展按钮
+     * @defaultValue []
+     */
+    buttons: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * @zh 子标题
+     */
+    subtitle: {
+      type: Function,
+      default: void 0
+    }
+  },
+  emits: ["update:visible", "update:stepActive", "closed", "ok", "cancel"],
+  setup(e, { expose: P, emit: I }) {
+    const l = e, { t: r } = ie(), c = I, g = u(!1), V = u(""), J = k(() => ["ltr", "rtl"].indexOf(l.direction) !== -1 ? `${l.width}px` : `${l.height}px`), C = k({
+      get() {
+        return l.visible;
+      },
+      set(t) {
+        c("update:visible", !!t);
+      }
+    }), S = (t) => {
+      V.value = t || "保存数据中...", g.value = !0;
+    }, B = () => {
+      g.value = !1;
+    }, U = () => {
+      l.isStep && (i.value = 0, N(() => {
+        z();
+      })), c("closed");
+    }, W = () => {
+      c("ok", S, B);
+    }, D = () => {
+      l.beforeClose && l.beforeClose() === !1 || (C.value = !1, c("update:visible", !1), c("cancel"));
+    }, q = async (t) => {
+      t.click && await t.click();
+    }, y = u(!1), b = u(!0), h = u(!1), x = u(!0), j = u(-1), i = k({
+      get() {
+        return j.value !== -1 ? j.value : l.stepActive;
+      },
+      set(t) {
+        j.value = t, c("update:stepActive", t);
+      }
+    }), G = () => {
+      i.value > 0 && i.value--, N(() => {
+        z();
+      });
+    }, H = async () => {
+      await K() && (i.value < l.steps.length - 1 && (i.value += 1), N(() => {
+        z();
+      }));
+    }, K = async () => {
+      if (y.value = !0, l.validateSteps) {
+        const t = await l.validateSteps(l.stepActive, S, B);
+        return y.value = !1, t;
+      }
+      return y.value = !1, !0;
+    }, z = () => {
+      switch (x.value = !0, h.value = !0, b.value = !0, i.value) {
+        case 0:
+          h.value = !1;
+          break;
+        case l.steps.length - 1:
+          b.value = !1, x.value = !1;
+          break;
+        default:
+          b.value = !1, h.value = !1;
+          break;
+      }
+    }, L = k(() => l.steps.map((t) => ({ title: t, disabled: !0 })));
+    return P({ showLoading: S, hideLoading: B }), (t, O) => {
+      const M = p("el-input"), v = p("j-button"), Q = p("el-space"), R = p("el-step"), X = p("el-steps"), Y = p("el-drawer"), Z = ee("loading");
+      return a(), n(Y, {
+        modelValue: C.value,
+        "onUpdate:modelValue": O[0] || (O[0] = (s) => C.value = s),
+        class: "j-drawer",
+        "append-to-body": !0,
+        direction: e.direction,
+        size: J.value,
+        "with-header": !1,
+        "wrapper-closable": !0,
+        "destroy-on-close": e.destroyOnClose,
+        modal: e.mask,
+        "before-close": e.beforeClose,
+        "close-on-click-modal": !0,
+        onClosed: U
+      }, {
+        default: A(() => [
+          te((a(), f("div", {
+            class: le(["j-drawer--warpper", { "j-drawer--warpper-hasSteps": e.isStep }]),
+            "element-loading-text": V.value
+          }, [
+            d("div", {
+              class: "j-drawer--body",
+              style: F({
+                "padding-bottom": e.showCloseBtn || e.hasSaveBtn || e.buttons.length > 0 ? "48px" : "0"
+              })
+            }, [
+              w(M, { style: { position: "absolute", top: "-200px" } }),
+              d("div", de, [
+                ae(t.$slots, "default")
+              ]),
+              e.hasBtns ? (a(), f("div", re, [
+                w(Q, { size: 8 }, {
+                  default: A(() => [
+                    e.isStep ? (a(), n(v, {
+                      key: 0,
+                      size: "mini",
+                      disabled: b.value,
+                      label: m(r)("上一步"),
+                      onClick: G
+                    }, null, 8, ["disabled", "label"])) : o("", !0),
+                    e.isStep ? (a(), n(v, {
+                      key: 1,
+                      size: "mini",
+                      disabled: h.value,
+                      loading: y.value,
+                      label: m(r)("下一步"),
+                      onClick: H
+                    }, null, 8, ["disabled", "loading", "label"])) : o("", !0),
+                    !e.isStep && e.showCloseBtn ? (a(), n(v, {
+                      key: 2,
+                      size: "mini",
+                      label: m(r)("取消"),
+                      onClick: D
+                    }, null, 8, ["label"])) : o("", !0),
+                    (a(!0), f(T, null, E(e.buttons, (s) => (a(), n(v, se({
+                      key: s.id
+                    }, { ref_for: !0 }, s.config, {
+                      label: s.label,
+                      onClick: ($) => q(s)
+                    }), null, 16, ["label", "onClick"]))), 128)),
+                    e.hasSaveBtn ? (a(), n(v, {
+                      key: 3,
+                      size: "mini",
+                      type: "primary",
+                      disabled: x.value && e.isStep,
+                      label: m(r)(e.btnText),
+                      onClick: W
+                    }, null, 8, ["disabled", "label"])) : o("", !0)
+                  ]),
+                  _: 1
+                })
+              ])) : o("", !0)
+            ], 4),
+            d("div", ce, [
+              d("div", ve, [
+                d("span", null, ne(m(r)(e.title)), 1),
+                d("span", pe, [
+                  e.subtitle ? (a(), n(oe(e.subtitle()), { key: 0 })) : o("", !0)
+                ])
+              ]),
+              e.showCloseBtn ? (a(), f("div", fe, [
+                w(v, {
+                  type: "text",
+                  icon: "mdi:close",
+                  onClick: D
+                })
+              ])) : o("", !0)
+            ]),
+            e.isStep ? (a(), f("div", me, [
+              d("div", {
+                style: F({ maxWidth: `${200 * L.value.length}px`, width: "100%" })
+              }, [
+                w(X, {
+                  simple: "",
+                  active: i.value,
+                  space: 160,
+                  "finish-status": "success"
+                }, {
+                  default: A(() => [
+                    (a(!0), f(T, null, E(L.value, (s, $) => (a(), n(R, {
+                      key: $,
+                      title: m(r)(s.title)
+                    }, null, 8, ["title"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["active"])
+              ], 4)
+            ])) : o("", !0)
+          ], 10, ue)), [
+            [Z, g.value]
+          ])
+        ]),
+        _: 3
+      }, 8, ["modelValue", "direction", "size", "destroy-on-close", "modal", "before-close"]);
+    };
+  }
+});
+export {
+  he as default
+};