@gct-paas/design-web 0.1.4-dev.1 → 0.1.4-dev.11

package/dist/index.esm.min.mjs

@@ -0,0 +1,836 @@
+import { defineComponent as z, ref as R, reactive as U, resolveComponent as k, openBlock as S, createBlock as N, mergeProps as O, unref as h, withCtx as y, createVNode as f, createElementBlock as j, Fragment as q, renderList as ne, toRaw as pe, computed as E, onMounted as ge, createElementVNode as V, createTextVNode as Y, toDisplayString as F, createApp as ye, watch as oe, normalizeClass as he, toValue as B, renderSlot as ve, createCommentVNode as be } from "vue";
+import { has as ee, isEmpty as P, omit as ae } from "lodash-es";
+import { useModalInner as ie, useModal as le } from "@gct-paas/core-web";
+import { SearchOutlined as xe } from "@ant-design/icons-vue";
+import { t as _, ButtonSize as te } from "@gct-paas/core";
+const ke = /* @__PURE__ */ z({
+  __name: "i18n-modal",
+  props: {
+    lang: {},
+    getContainer: { type: Function }
+  },
+  emits: ["ok", "register"],
+  setup(e, { emit: c }) {
+    const a = e, n = c, o = R(), t = U({
+      id: ""
+    }), l = R(!1), m = (g) => {
+      g && (l.value = !1);
+    }, [d, { closeModal: u }] = ie((g) => {
+      g && p(g);
+    }), p = (g) => {
+      l.value = !0, t.id = g.key;
+      const { lang: i } = a;
+      console.log(i, "lang========");
+      for (const s of i) {
+        const x = s.dataIndex;
+        t[x] = g[x];
+      }
+    }, v = (g, i, s) => {
+      /^[a-zA-Z_.]*$/.test(i) || s(_("sys.i18n.validated18nKeyErrorMsg")), s();
+    }, b = async (g, i) => /^\s*$/g.test(i) ? Promise.reject(_("sys.notEmptySth", { sth: _("sys.i18n") })) : Promise.resolve(), r = () => {
+      o.value?.validate().then(() => {
+        n("ok", { ...pe(t) }, l.value), u();
+      });
+    }, I = () => {
+      o.value?.resetFields();
+    };
+    return (g, i) => {
+      const s = k("a-input"), x = k("a-form-item"), K = k("a-form"), A = k("BasicModal");
+      return S(), N(A, O(g.$attrs, {
+        title: l.value ? h(_)("sys.edit") : h(_)("sys.new"),
+        centered: "",
+        width: "640px",
+        "min-height": 100,
+        "mask-closable": !1,
+        "after-close": I,
+        "get-container": e.getContainer,
+        onRegister: h(d),
+        onOk: r,
+        onVisibleChange: m
+      }), {
+        default: y(() => [
+          f(K, {
+            ref_key: "formRef",
+            ref: o,
+            model: t,
+            "label-col": { span: 6 },
+            "wrapper-col": { span: 16 },
+            autocomplete: "off",
+            layout: "horizontal"
+          }, {
+            default: y(() => [
+              f(x, {
+                label: h(_)("sys.i18n.resourceIdentification"),
+                name: "id",
+                rules: [
+                  {
+                    required: !0,
+                    message: h(_)("sys.pleaseInputSth", {
+                      sth: h(_)("sys.i18n.resourceIdentification")
+                    })
+                  },
+                  { validator: v }
+                ]
+              }, {
+                default: y(() => [
+                  f(s, {
+                    value: t.id,
+                    "onUpdate:value": i[0] || (i[0] = (M) => t.id = M),
+                    "show-count": "",
+                    maxlength: 128,
+                    disabled: l.value
+                  }, null, 8, ["value", "disabled"])
+                ]),
+                _: 1
+              }, 8, ["label", "rules"]),
+              (S(!0), j(q, null, ne(a.lang, (M) => (S(), N(x, {
+                key: M.dataIndex,
+                label: M.title,
+                name: M.dataIndex,
+                rules: [
+                  {
+                    required: !0,
+                    message: h(_)("sys.pleaseInputSth", { sth: M.title })
+                  },
+                  {
+                    validator: b
+                  }
+                ]
+              }, {
+                default: y(() => [
+                  f(s, {
+                    value: t[M.dataIndex],
+                    "onUpdate:value": (Z) => t[M.dataIndex] = Z,
+                    "show-count": "",
+                    maxlength: 300
+                  }, null, 8, ["value", "onUpdate:value"])
+                ]),
+                _: 2
+              }, 1032, ["label", "name", "rules"]))), 128))
+            ]),
+            _: 1
+          }, 8, ["model"])
+        ]),
+        _: 1
+      }, 16, ["title", "get-container", "onRegister"]);
+    };
+  }
+}), Ce = { class: "i18n-select-container" }, Ie = { class: "table-wrap" }, _e = /* @__PURE__ */ z({
+  __name: "i18n-select-container",
+  props: {
+    i18nModalKey: {},
+    destroyCallback: { type: Function },
+    saveCallback: { type: Function }
+  },
+  setup(e) {
+    const [c, { closeModal: a }] = ie(), [n, { openModal: o }] = le(), t = e, l = () => document.querySelector(`#${t.i18nModalKey}`), m = R(), d = U({ keywords: "" }), u = U({
+      current: 1,
+      pageSize: 5,
+      total: 0,
+      size: "small",
+      showTotal: (C) => _("sys.component.table.total", { total: C })
+    }), p = R([]), v = R(), b = R({
+      type: "radio",
+      hideSelectAll: !0,
+      selectedRowKeys: [],
+      onChange: A
+    }), r = R(!1), I = E(() => []), g = async (C, w) => {
+      r.value = !0;
+      const T = await _api.apaas.i18NInfo.getPageList({
+        pageNo: w ?? u.current,
+        pageSize: u.pageSize,
+        searchKey: C
+      });
+      if (r.value = !1, T && T.data) {
+        const $ = T.data.map((L) => {
+          const H = JSON.parse(L?.info);
+          return {
+            key: L.key,
+            type: L.type,
+            ...Object.fromEntries(H.map((J) => [J.locale, J.info]))
+          };
+        });
+        u.total = T.totalCount, p.value = $;
+      }
+    };
+    ge(g);
+    const i = () => {
+      m.value?.validate().then(async () => {
+        await g(d.keywords, 1);
+      });
+    }, s = (C) => {
+      const { current: w, total: T, pageSize: $ } = C;
+      u.current = w, u.total = T, u.pageSize = $, g();
+    }, x = () => {
+      o();
+    }, K = async (C, w) => {
+      const T = I.value.map(($) => ({
+        locale: $.dataIndex,
+        info: C[$.dataIndex]
+      }));
+      r.value = !0;
+      try {
+        w ? await _api.apaas.i18NInfo.putKey(
+          { key: C.id },
+          { info: JSON.stringify(T) }
+        ) : await _api.apaas.i18NInfo.post({
+          info: JSON.stringify(T),
+          key: C.id
+        }), g(), A([C.id], [U(C)]);
+      } catch {
+        r.value = !1;
+      }
+    };
+    function A(C, w) {
+      b.value.selectedRowKeys = C, v.value = w;
+    }
+    const M = () => {
+      t.destroyCallback && typeof t.destroyCallback == "function" && t.destroyCallback();
+    }, Z = async () => {
+      if (t.saveCallback && typeof t.saveCallback == "function") {
+        const C = b.value.selectedRowKeys, w = {};
+        if (C && C[0]) {
+          const T = v.value?.[0];
+          console.log("selectRow", T), Object.assign(w, {
+            i18nKey: C[0]
+            // i18nTitle: selectRow[getLocale],
+          });
+        }
+        t.saveCallback(w);
+      }
+      a();
+    };
+    return (C, w) => {
+      const T = k("a-input"), $ = k("a-form-item"), L = k("a-col"), H = k("a-button"), J = k("plus-outlined"), ce = k("a-row"), ue = k("a-form"), de = k("a-table"), fe = k("basic-modal");
+      return S(), N(fe, O(C.$attrs, {
+        "min-height": 40,
+        title: h(_)("sys.i18n.i18nConfig"),
+        centered: "",
+        width: "640px",
+        "can-fullscreen": !1,
+        "mask-closable": !1,
+        "after-close": M,
+        "get-container": l,
+        onRegister: h(c),
+        onOk: Z
+      }), {
+        default: y(() => [
+          V("div", Ce, [
+            f(ue, {
+              ref_key: "formRef",
+              ref: m,
+              model: d,
+              autocomplete: "off",
+              layout: "horizontal"
+            }, {
+              default: y(() => [
+                f(ce, null, {
+                  default: y(() => [
+                    f(L, { span: 12 }, {
+                      default: y(() => [
+                        f($, {
+                          name: "keywords",
+                          label: h(_)("sys.keywords")
+                        }, {
+                          default: y(() => [
+                            f(T, {
+                              value: d.keywords,
+                              "onUpdate:value": w[0] || (w[0] = (me) => d.keywords = me),
+                              placeholder: h(_)("sys.keywordsPlaceholder"),
+                              style: { display: "inline-flex" }
+                            }, null, 8, ["value", "placeholder"])
+                          ]),
+                          _: 1
+                        }, 8, ["label"])
+                      ]),
+                      _: 1
+                    }),
+                    f(L, {
+                      span: 12,
+                      style: { "text-align": "right" }
+                    }, {
+                      default: y(() => [
+                        f(H, {
+                          type: "primary",
+                          onClick: i
+                        }, {
+                          icon: y(() => [
+                            f(h(xe))
+                          ]),
+                          default: y(() => [
+                            Y(" " + F(h(_)("sys.queryText")), 1)
+                          ]),
+                          _: 1
+                        }),
+                        f(H, {
+                          style: { margin: "0 8px" },
+                          type: "primary",
+                          onClick: x
+                        }, {
+                          icon: y(() => [
+                            f(J)
+                          ]),
+                          default: y(() => [
+                            Y(" " + F(h(_)("sys.new")), 1)
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["model"]),
+            V("div", Ie, [
+              f(de, {
+                ref: "tableRef",
+                "data-source": p.value,
+                columns: I.value,
+                "show-index-column": !1,
+                pagination: u,
+                striped: !1,
+                bordered: !0,
+                "row-selection": b.value,
+                loading: r.value,
+                onChange: s
+              }, null, 8, ["data-source", "columns", "pagination", "row-selection", "loading"]),
+              f(ke, {
+                lang: I.value,
+                "get-container": l,
+                onRegister: h(n),
+                onOk: K
+              }, null, 8, ["lang", "onRegister"])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 16, ["title", "onRegister"]);
+    };
+  }
+}), G = (e, c) => {
+  const a = e.__vccOpts || e;
+  for (const [n, o] of c)
+    a[n] = o;
+  return a;
+}, Se = /* @__PURE__ */ G(_e, [["__scopeId", "data-v-0160ed5e"]]), we = /* @__PURE__ */ z({
+  __name: "i18n-select-modal",
+  setup(e, { expose: c }) {
+    const [a, { openModal: n }] = le();
+    return c({
+      open: () => {
+        n();
+      }
+    }), (t, l) => (S(), N(Se, { onRegister: h(a) }, null, 8, ["onRegister"]));
+  }
+});
+function Te() {
+  let e = null, c = null;
+  const a = R("");
+  function n(t) {
+    let l, m = document.body;
+    if (ee(t, "target") || ee(t, "props")) {
+      const u = t;
+      l = u.props || {}, m = u.target || document.body;
+    } else
+      l = t;
+    a.value = l.i18nModalKey || `i18n-select-modal-${Math.random().toString(16).substring(8)}`;
+    const d = {
+      ...l,
+      destroyCallback: () => o(l?.destroyCallback),
+      i18nModalKey: h(a)
+    };
+    if (!e) {
+      const u = document.createElement("div");
+      u.id = h(a), h(m)?.appendChild(u), e = ye(we, d), c = e.mount(u);
+    }
+    c?.open();
+  }
+  function o(t) {
+    typeof t == "function" && t(), document.querySelector(`#${h(a)}`).remove(), e && (e.unmount(), e = null);
+  }
+  return {
+    open: n,
+    close: o
+  };
+}
+const Re = { class: "i18n-tooltip-title" }, Ee = { style: { "margin-left": "4px" } }, Me = /* @__PURE__ */ z({
+  __name: "i18n-select-btn",
+  props: {
+    i18nValue: {},
+    buttonExtraProps: {},
+    size: {},
+    i18nModalKey: {},
+    simpleBtn: { type: Boolean },
+    btnHeight: {},
+    btnWidth: {}
+  },
+  emits: ["on-select-i18n", "closed"],
+  setup(e, { emit: c }) {
+    const a = R(), n = Te(), o = e, t = c, l = U({}), m = E(() => !P(o.i18nValue)), d = async (p) => {
+      const v = await _api.apaas.i18NInfo.getPageList({
+        pageNo: 1,
+        pageSize: 20,
+        searchKey: p
+      });
+      if (v && v.data) {
+        const b = v.data.find((r) => r.key === o.i18nValue);
+        b && Object.assign(
+          l,
+          Object.fromEntries(
+            Object.entries(JSON.parse(b.info)).map(([r, I]) => [
+              I.locale,
+              I.info
+            ])
+          )
+        );
+      }
+    };
+    oe(
+      () => o.i18nValue,
+      () => {
+        P(o.i18nValue) || d(o.i18nValue);
+      },
+      {
+        immediate: !0
+      }
+    );
+    const u = () => {
+      n.open({
+        i18nModalKey: o.i18nModalKey,
+        saveCallback: (p) => {
+          t("on-select-i18n", { ...p });
+        },
+        destroyCallback: () => {
+          t("closed");
+        }
+      });
+    };
+    return (p, v) => {
+      const b = k("Icon"), r = k("a-button"), I = k("a-tooltip");
+      return e.simpleBtn ? (S(), N(b, {
+        key: 0,
+        class: he(["i18n-icon simple-btn", { "is-highlight": m.value }]),
+        icon: "ion:language",
+        onClick: u
+      }, null, 8, ["class"])) : m.value ? (S(), N(I, {
+        key: 1,
+        color: "#fff",
+        placement: "topRight"
+      }, {
+        title: y(() => [
+          V("div", Re, "语言标识：" + F(e.i18nValue), 1),
+          (S(!0), j(q, null, ne(a.value, (g) => (S(), j("div", {
+            key: g.id,
+            class: "i18n-tooltip-item"
+          }, [
+            V("strong", null, F(g.language) + ": ", 1),
+            V("span", Ee, F(l[g.languageTag]), 1)
+          ]))), 128))
+        ]),
+        default: y(() => [
+          f(r, O(e.buttonExtraProps, {
+            class: { "is-highlight": m.value },
+            style: {
+              "--btn-width": e.btnWidth,
+              "--btn-height": e.btnHeight
+            },
+            size: e.size,
+            onClick: u
+          }), {
+            icon: y(() => [
+              f(b, {
+                class: "i18n-icon",
+                icon: "ion:language"
+              })
+            ]),
+            _: 1
+          }, 16, ["class", "style", "size"])
+        ]),
+        _: 1
+      })) : (S(), N(r, O({ key: 2 }, e.buttonExtraProps, {
+        class: { "is-highlight": m.value },
+        style: {
+          "--btn-width": e.btnWidth,
+          "--btn-height": e.btnHeight
+        },
+        size: e.size,
+        onClick: u
+      }), {
+        icon: y(() => [
+          f(b, {
+            class: "i18n-icon",
+            icon: "ion:language"
+          })
+        ]),
+        _: 1
+      }, 16, ["class", "style", "size"]));
+    };
+  }
+}), se = /* @__PURE__ */ G(Me, [["__scopeId", "data-v-dc8ffb2c"]]), Oe = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const $e = Object.prototype.toString, Ne = (e) => $e.call(e) === "[object Object]", D = () => {
+};
+function Q(e) {
+  return Array.isArray(e) ? e : [e];
+}
+function Pe(e, c, a) {
+  return oe(e, c, {
+    ...a,
+    immediate: !0
+  });
+}
+const re = Oe ? window : void 0;
+function W(e) {
+  var c;
+  const a = B(e);
+  return (c = a?.$el) !== null && c !== void 0 ? c : a;
+}
+function X(...e) {
+  const c = (n, o, t, l) => (n.addEventListener(o, t, l), () => n.removeEventListener(o, t, l)), a = E(() => {
+    const n = Q(B(e[0])).filter((o) => o != null);
+    return n.every((o) => typeof o != "string") ? n : void 0;
+  });
+  return Pe(() => {
+    var n, o;
+    return [
+      (n = (o = a.value) === null || o === void 0 ? void 0 : o.map((t) => W(t))) !== null && n !== void 0 ? n : [re].filter((t) => t != null),
+      Q(B(a.value ? e[1] : e[0])),
+      Q(h(a.value ? e[2] : e[1])),
+      B(a.value ? e[3] : e[2])
+    ];
+  }, ([n, o, t, l], m, d) => {
+    if (!n?.length || !o?.length || !t?.length) return;
+    const u = Ne(l) ? { ...l } : l, p = n.flatMap((v) => o.flatMap((b) => t.map((r) => c(v, b, r, u))));
+    d(() => {
+      p.forEach((v) => v());
+    });
+  }, { flush: "post" });
+}
+function ze(e, c, a = {}) {
+  const { window: n = re, ignore: o = [], capture: t = !0, detectIframe: l = !1, controls: m = !1 } = a;
+  if (!n) return m ? {
+    stop: D,
+    cancel: D,
+    trigger: D
+  } : D;
+  let d = !0;
+  const u = (i) => B(o).some((s) => {
+    if (typeof s == "string") return Array.from(n.document.querySelectorAll(s)).some((x) => x === i.target || i.composedPath().includes(x));
+    {
+      const x = W(s);
+      return x && (i.target === x || i.composedPath().includes(x));
+    }
+  });
+  function p(i) {
+    const s = B(i);
+    return s && s.$.subTree.shapeFlag === 16;
+  }
+  function v(i, s) {
+    const x = B(i), K = x.$.subTree && x.$.subTree.children;
+    return K == null || !Array.isArray(K) ? !1 : K.some((A) => A.el === s.target || s.composedPath().includes(A.el));
+  }
+  const b = (i) => {
+    const s = W(e);
+    if (i.target != null && !(!(s instanceof Element) && p(e) && v(e, i)) && !(!s || s === i.target || i.composedPath().includes(s))) {
+      if ("detail" in i && i.detail === 0 && (d = !u(i)), !d) {
+        d = !0;
+        return;
+      }
+      c(i);
+    }
+  };
+  let r = !1;
+  const I = [
+    X(n, "click", (i) => {
+      r || (r = !0, setTimeout(() => {
+        r = !1;
+      }, 0), b(i));
+    }, {
+      passive: !0,
+      capture: t
+    }),
+    X(n, "pointerdown", (i) => {
+      const s = W(e);
+      d = !u(i) && !!(s && !i.composedPath().includes(s));
+    }, { passive: !0 }),
+    l && X(n, "blur", (i) => {
+      setTimeout(() => {
+        var s;
+        const x = W(e);
+        ((s = n.document.activeElement) === null || s === void 0 ? void 0 : s.tagName) === "IFRAME" && !x?.contains(n.document.activeElement) && c(i);
+      }, 0);
+    }, { passive: !0 })
+  ].filter(Boolean), g = () => I.forEach((i) => i());
+  return m ? {
+    stop: g,
+    cancel: () => {
+      d = !1;
+    },
+    trigger: (i) => {
+      d = !0, b(i), d = !1;
+    }
+  } : g;
+}
+const Ke = /* @__PURE__ */ z({
+  __name: "i18n-select-input",
+  props: {
+    attr: {},
+    inputExtraProps: {},
+    i18nConfig: {},
+    i18nText: {},
+    placeholderText: {},
+    size: {},
+    i18nModalKey: {},
+    forceUpdate: { type: Boolean },
+    btnHeight: {},
+    btnWidth: {}
+  },
+  emits: [
+    "update:i18nText",
+    "update:i18nConfig",
+    "on-i18n-select",
+    "clickOutside",
+    "focus",
+    "blur"
+  ],
+  setup(e, { emit: c }) {
+    const a = E(() => !!_gct.store.appInfo.id), n = e, o = c, t = E({
+      get() {
+        return n.i18nText ?? "";
+      },
+      set(r) {
+        r !== n.i18nText && o("update:i18nText", r);
+      }
+    }), l = E(() => P(n.i18nConfig) ? {} : typeof n.i18nConfig == "string" ? JSON.parse(n.i18nConfig) ?? {} : n.i18nConfig ?? {}), m = E(() => l.value?.[n.attr]), d = (r) => {
+      console.log("emit", r), r && ((P(t.value) || n.forceUpdate === !0) && o("update:i18nText", r.i18nTitle), o(
+        "update:i18nConfig",
+        JSON.stringify(
+          P(r) ? ae(l.value, n.attr) : { ...l.value, [n.attr]: r.i18nKey }
+        )
+      ), o("on-i18n-select", r));
+    }, u = R(), p = () => {
+      o("focus", u.value);
+    }, v = () => {
+      o("blur", u.value);
+    }, b = R();
+    return ze(b, () => {
+      o("clickOutside");
+    }), (r, I) => {
+      const g = k("a-input"), i = k("a-input-group");
+      return S(), N(i, {
+        id: "i18nInputGroup",
+        ref_key: "i18nInputGroup",
+        ref: b,
+        compact: ""
+      }, {
+        default: y(() => [
+          ve(r.$slots, "i18n-input", {}, () => [
+            f(g, O({
+              ref_key: "inputRef",
+              ref: u
+            }, e.inputExtraProps, {
+              value: t.value,
+              "onUpdate:value": I[0] || (I[0] = (s) => t.value = s),
+              valueModifiers: { trim: !0 },
+              style: {
+                height: e.btnHeight ? e.btnHeight : e.size === h(te).SMALL ? "26px" : "32px",
+                width: a.value ? `calc(100% - ${e.btnWidth ? e.btnWidth : e.size === h(te).SMALL ? "26px" : "32px"}` : "100%"
+              },
+              placeholder: e.placeholderText,
+              size: e.size,
+              "allow-clear": "",
+              onFocus: p,
+              onBlur: v
+            }), null, 16, ["value", "style", "placeholder", "size"])
+          ], !0),
+          a.value ? (S(), N(se, {
+            key: 0,
+            "btn-height": e.btnHeight,
+            "btn-width": e.btnWidth,
+            "i18n-value": m.value,
+            size: e.size,
+            "i18n-modal-key": e.i18nModalKey,
+            onOnSelectI18n: d,
+            onClosed: I[1] || (I[1] = (s) => o("clickOutside"))
+          }, null, 8, ["btn-height", "btn-width", "i18n-value", "size", "i18n-modal-key"])) : be("", !0)
+        ]),
+        _: 3
+      }, 512);
+    };
+  }
+}), Ae = /* @__PURE__ */ G(Ke, [["__scopeId", "data-v-412e1309"]]), Je = /* @__PURE__ */ z({
+  __name: "i18n-select-input-form",
+  props: {
+    formItemName: {},
+    fromItemExtraProps: {},
+    inputExtraProps: {},
+    i18nConfig: {},
+    text: {},
+    formRef: {}
+  },
+  emits: ["update:text"],
+  setup(e, { emit: c }) {
+    const a = e, n = c, o = E({
+      get() {
+        return a.text ?? "";
+      },
+      set(t) {
+        n("update:text", t), a.formRef?.validateFields([a.formItemName]);
+      }
+    });
+    return (t, l) => {
+      const m = k("a-form-item");
+      return S(), j(q, null, [
+        f(m, O({ name: e.formItemName }, e.fromItemExtraProps), {
+          default: y(() => [
+            f(Ae, O(t.$attrs, {
+              "i18n-text": o.value,
+              "onUpdate:i18nText": l[0] || (l[0] = (d) => o.value = d),
+              "input-extra-props": e.inputExtraProps,
+              "i18n-config": e.i18nConfig,
+              attr: Array.isArray(e.formItemName) ? e.formItemName.join(".") : e.formItemName,
+              "placeholder-text": t.$t("sys.inputText")
+            }), null, 16, ["i18n-text", "input-extra-props", "i18n-config", "attr", "placeholder-text"])
+          ]),
+          _: 1
+        }, 16, ["name"]),
+        f(m, {
+          name: "i18nConfig",
+          hidden: ""
+        }, {
+          default: y(() => [
+            V("span", null, F(e.i18nConfig), 1)
+          ]),
+          _: 1
+        })
+      ], 64);
+    };
+  }
+}), Ve = { class: "inline-block w100% relative" }, Fe = /* @__PURE__ */ z({
+  __name: "i18n-select-textarea",
+  props: {
+    attr: {},
+    inputExtraProps: {},
+    i18nConfig: {},
+    i18nText: {},
+    placeholderText: {},
+    rows: {},
+    style: {}
+  },
+  emits: [
+    "update:i18nText",
+    "update:i18nConfig",
+    "on-i18n-select",
+    "clickOutside",
+    "focus"
+  ],
+  setup(e, { emit: c }) {
+    const a = e, n = c, o = E({
+      get() {
+        return a.i18nText ?? "";
+      },
+      set(p) {
+        n("update:i18nText", p);
+      }
+    }), t = E(() => P(a.i18nConfig) ? {} : typeof a.i18nConfig == "string" ? JSON.parse(a.i18nConfig) ?? {} : a.i18nConfig ?? {}), l = E(() => t.value?.[a.attr]), m = (p) => {
+      p && (P(o.value) && n("update:i18nText", p.i18nTitle), n(
+        "update:i18nConfig",
+        JSON.stringify(
+          P(p) ? ae(t.value, a.attr) : { ...t.value, [a.attr]: p.i18nKey }
+        )
+      ), n("on-i18n-select", p));
+    }, d = R(), u = () => {
+      n("focus", d.value);
+    };
+    return (p, v) => {
+      const b = k("a-textarea");
+      return S(), j("div", Ve, [
+        f(b, O({
+          ref_key: "inputRef",
+          ref: d,
+          value: o.value,
+          "onUpdate:value": v[0] || (v[0] = (r) => o.value = r),
+          placeholder: e.placeholderText
+        }, e.inputExtraProps, {
+          style: {
+            resize: "none",
+            ...e.style
+          },
+          onFocus: u
+        }), null, 16, ["value", "placeholder", "style"]),
+        f(se, {
+          "i18n-value": l.value,
+          "simple-btn": !0,
+          type: "text",
+          onOnSelectI18n: m,
+          onClosed: v[1] || (v[1] = (r) => n("clickOutside"))
+        }, null, 8, ["i18n-value"])
+      ]);
+    };
+  }
+}), Be = /* @__PURE__ */ G(Fe, [["__scopeId", "data-v-cd95c416"]]), De = /* @__PURE__ */ z({
+  __name: "i18n-select-textarea-form",
+  props: {
+    formItemName: {},
+    fromItemExtraProps: {},
+    inputExtraProps: {},
+    i18nConfig: {},
+    text: {},
+    formRef: {}
+  },
+  emits: ["update:text"],
+  setup(e, { emit: c }) {
+    const a = e, n = c, o = E({
+      get() {
+        return a.text ?? "";
+      },
+      set(t) {
+        n("update:text", t), a.formRef?.validateFields([a.formItemName]);
+      }
+    });
+    return (t, l) => {
+      const m = k("a-form-item");
+      return S(), j(q, null, [
+        f(m, O({ name: e.formItemName }, e.fromItemExtraProps), {
+          default: y(() => [
+            f(Be, O(t.$attrs, {
+              "i18n-text": o.value,
+              "onUpdate:i18nText": l[0] || (l[0] = (d) => o.value = d),
+              "placeholder-text": t.$t("sys.inputText"),
+              "input-extra-props": e.inputExtraProps,
+              "i18n-config": e.i18nConfig,
+              attr: Array.isArray(e.formItemName) ? e.formItemName.join(".") : e.formItemName
+            }), null, 16, ["i18n-text", "placeholder-text", "input-extra-props", "i18n-config", "attr"])
+          ]),
+          _: 1
+        }, 16, ["name"]),
+        f(m, {
+          name: "i18nConfig",
+          hidden: ""
+        }, {
+          default: y(() => [
+            V("span", null, F(e.i18nConfig), 1)
+          ]),
+          _: 1
+        })
+      ], 64);
+    };
+  }
+}), qe = {
+  install(e) {
+    console.log("Design Web install", e);
+  }
+};
+export {
+  ke as I18Modal,
+  se as I18nSelectBtn,
+  Ae as I18nSelectInput,
+  Je as I18nSelectInputForm,
+  Be as I18nSelectTextarea,
+  De as I18nSelectTextareaForm,
+  qe as default,
+  Te as useI18nSelect
+};