inquirer-form 0.2.0 → 0.2.1

package/dist/inquirer-form.es.js

@@ -1,17 +1,17 @@
-import { defineComponent as h, computed as V, createBlock as x, openBlock as u, unref as o, withCtx as w, createElementVNode as c, createElementBlock as d, createCommentVNode as y, toDisplayString as f, Fragment as S, renderList as I, toRefs as B, createVNode as b, createSlots as re, createTextVNode as Y, renderSlot as ne, ref as L, Transition as Ie, mergeProps as D, onBeforeUnmount as ue, watch as ee, resolveComponent as Ne, resolveDynamicComponent as ae, normalizeProps as Be, guardReactiveProps as Ae, onMounted as Re, withDirectives as W, normalizeClass as Te, vShow as X } from "vue";
-import { FormItemWrapper as de, TextSetting as N, SwitchSetting as le, OptionsEditor as ce, registry as Q, SchemaEngine as pe, FormDesigner as me, serialize as De } from "agilebuilder-form";
-import { ElInput as H, ElTooltip as ze, ElIcon as Fe, ElInputNumber as fe, ElSwitch as Le, ElSelect as ve, ElOption as be, ElCheckboxGroup as Me, ElCheckbox as Oe, ElForm as Je } from "element-plus";
-import { useI18n as Pe } from "vue-i18n";
-const Qe = { class: "inquirer-designer-card" }, je = { class: "card-header" }, Ge = { class: "type-badge" }, Ye = { class: "message" }, He = {
+import { defineComponent as f, computed as y, createBlock as b, openBlock as i, unref as o, withCtx as V, createElementVNode as c, createElementBlock as d, createCommentVNode as x, toDisplayString as m, Fragment as I, renderList as z, toRefs as B, createVNode as h, createSlots as xe, createTextVNode as X, renderSlot as ie, ref as H, Transition as Oe, mergeProps as L, onBeforeUnmount as ye, watch as Z, resolveComponent as He, resolveDynamicComponent as he, normalizeProps as Je, guardReactiveProps as Ge, onMounted as Qe, withDirectives as oe, normalizeClass as je, vShow as ne } from "vue";
+import { FormItemWrapper as _e, TextSetting as A, SwitchSetting as se, OptionsEditor as we, registry as j, SchemaEngine as Ve, FormDesigner as qe, serialize as We } from "agilebuilder-form";
+import { ElInput as ee, ElTooltip as Ye, ElIcon as Ce, ElInputNumber as Ee, ElSwitch as Ke, ElSelect as Se, ElOption as ke, ElCheckboxGroup as Xe, ElCheckbox as Ze, ElForm as et } from "element-plus";
+import { useI18n as re } from "vue-i18n";
+const tt = { class: "inquirer-designer-card" }, lt = { class: "card-header" }, st = { class: "type-badge" }, at = { class: "message" }, ot = {
   key: 0,
   class: "description"
-}, Ke = {
+}, nt = {
   key: 1,
   class: "options-preview"
-}, We = {
+}, it = {
   key: 0,
   class: "more"
-}, Xe = /* @__PURE__ */ h({
+}, rt = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "BaseQuestionDesigner",
   props: {
@@ -24,38 +24,38 @@ const Qe = { class: "inquirer-designer-card" }, je = { class: "card-header" }, G
     previewCount: {}
   },
   emits: ["select"],
-  setup(e, { emit: t }) {
-    const l = e, s = t, a = V(() => l.previewCount ?? 3), i = V(() => l.options?.slice(0, a.value) ?? []), n = V(() => (l.options?.length ?? 0) > a.value), r = V(() => l.label || l.message || l.typeLabel), g = V(() => l.message || "未设置 message");
-    return (m, p) => (u(), x(o(de), {
+  setup(e, { emit: l }) {
+    const t = e, a = l, r = y(() => t.previewCount ?? 3), n = y(() => t.options?.slice(0, r.value) ?? []), s = y(() => (t.options?.length ?? 0) > r.value), u = y(() => t.label || t.message || t.typeLabel), _ = y(() => t.message || "未设置 message");
+    return (p, v) => (i(), b(o(_e), {
       selectable: "",
-      label: r.value,
+      label: u.value,
       "is-active": e.isActive,
-      onSelect: p[0] || (p[0] = (v) => s("select"))
+      onSelect: v[0] || (v[0] = (g) => a("select"))
     }, {
-      default: w(() => [
-        c("div", Qe, [
-          c("header", je, [
-            c("span", Ge, f(e.typeLabel), 1)
+      default: V(() => [
+        c("div", tt, [
+          c("header", lt, [
+            c("span", st, m(e.typeLabel), 1)
           ]),
-          c("div", Ye, f(g.value), 1),
-          e.description ? (u(), d("p", He, f(e.description), 1)) : y("", !0),
-          i.value.length ? (u(), d("ul", Ke, [
-            (u(!0), d(S, null, I(i.value, (v) => (u(), d("li", {
-              key: v.value
-            }, f(v.label || v.value), 1))), 128)),
-            n.value ? (u(), d("li", We, "…")) : y("", !0)
-          ])) : y("", !0)
+          c("div", at, m(_.value), 1),
+          e.description ? (i(), d("p", ot, m(e.description), 1)) : x("", !0),
+          n.value.length ? (i(), d("ul", nt, [
+            (i(!0), d(I, null, z(n.value, (g) => (i(), d("li", {
+              key: g.value
+            }, m(g.label || g.value), 1))), 128)),
+            s.value ? (i(), d("li", it, "…")) : x("", !0)
+          ])) : x("", !0)
         ])
       ]),
       _: 1
     }, 8, ["label", "is-active"]));
   }
-}), _ = (e, t) => {
-  const l = e.__vccOpts || e;
-  for (const [s, a] of t)
-    l[s] = a;
-  return l;
-}, A = /* @__PURE__ */ _(Xe, [["__scopeId", "data-v-5aa173c3"]]), Ze = /* @__PURE__ */ h({
+}), q = (e, l) => {
+  const t = e.__vccOpts || e;
+  for (const [a, r] of l)
+    t[a] = r;
+  return t;
+}, M = /* @__PURE__ */ q(rt, [["__scopeId", "data-v-b29b6f1e"]]), ut = /* @__PURE__ */ f({
   __name: "designer",
   props: {
     label: {},
@@ -64,21 +64,21 @@ const Qe = { class: "inquirer-designer-card" }, je = { class: "card-header" }, G
     isActive: { type: Boolean }
   },
   emits: ["select"],
-  setup(e, { emit: t }) {
-    const l = e, s = t, { label: a, message: i, description: n, isActive: r } = B(l);
-    return (g, m) => (u(), x(A, {
-      label: o(a),
-      message: o(i),
-      description: o(n),
+  setup(e, { emit: l }) {
+    const t = e, a = l, { label: r, message: n, description: s, isActive: u } = B(t);
+    return (_, p) => (i(), b(M, {
+      label: o(r),
+      message: o(n),
+      description: o(s),
       "type-label": "Inquirer Input",
-      "is-active": o(r),
-      onSelect: m[0] || (m[0] = (p) => s("select"))
+      "is-active": o(u),
+      onSelect: p[0] || (p[0] = (v) => a("select"))
     }, null, 8, ["label", "message", "description", "is-active"]));
   }
-}), el = { class: "inquirer-input" }, ll = {
+}), ct = { class: "inquirer-input" }, dt = {
   key: 0,
   class: "transformer-preview"
-}, tl = /* @__PURE__ */ h({
+}, pt = /* @__PURE__ */ f({
   __name: "runtime",
   props: {
     modelValue: {},
@@ -89,67 +89,62 @@ const Qe = { class: "inquirer-designer-card" }, je = { class: "card-header" }, G
     displayValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: t }) {
-    const l = e, s = t, a = V(() => l.displayValue === void 0 ? !1 : l.displayValue !== l.modelValue);
-    return (i, n) => (u(), d("div", el, [
-      b(o(H), {
+  setup(e, { emit: l }) {
+    const t = e, a = l, r = y(() => t.displayValue === void 0 ? !1 : t.displayValue !== t.modelValue);
+    return (n, s) => (i(), d("div", ct, [
+      h(o(ee), {
         "model-value": e.modelValue ?? "",
         placeholder: e.placeholder,
         disabled: e.disabled,
         clearable: "",
-        "onUpdate:modelValue": n[0] || (n[0] = (r) => s("update:modelValue", r ?? ""))
-      }, re({ _: 2 }, [
+        "onUpdate:modelValue": s[0] || (s[0] = (u) => a("update:modelValue", u ?? ""))
+      }, xe({ _: 2 }, [
         e.prefix ? {
           name: "prepend",
-          fn: w(() => [
-            Y(f(e.prefix), 1)
+          fn: V(() => [
+            X(m(e.prefix), 1)
           ]),
           key: "0"
         } : void 0,
         e.suffix ? {
           name: "append",
-          fn: w(() => [
-            Y(f(e.suffix), 1)
+          fn: V(() => [
+            X(m(e.suffix), 1)
           ]),
           key: "1"
         } : void 0
       ]), 1032, ["model-value", "placeholder", "disabled"]),
-      a.value ? (u(), d("p", ll, f(e.displayValue), 1)) : y("", !0)
+      r.value ? (i(), d("p", dt, m(e.displayValue), 1)) : x("", !0)
     ]));
   }
-}), nl = /* @__PURE__ */ _(tl, [["__scopeId", "data-v-b9ac497e"]]), sl = { class: "base-input-config" }, ol = /* @__PURE__ */ h({
+}), mt = /* @__PURE__ */ q(pt, [["__scopeId", "data-v-c4eebc18"]]), ft = { class: "base-input-config" }, ht = /* @__PURE__ */ f({
   __name: "BaseInputConfig",
   props: {
     label: {},
     field: {}
   },
   emits: ["update"],
-  setup(e, { emit: t }) {
-    const l = t;
-    function s(i) {
-      l("update", { field: i });
+  setup(e, { emit: l }) {
+    const t = l;
+    function a(n) {
+      t("update", { field: n });
     }
-    function a(i, n) {
-      l("update", { props: { [i]: n } });
+    function r(n, s) {
+      t("update", { props: { [n]: s } });
     }
-    return (i, n) => (u(), d("div", sl, [
-      b(o(N), {
-        label: i.$t("designer.node.field_label"),
+    return (n, s) => (i(), d("div", ft, [
+      h(o(A), {
+        label: n.$t("designer.node.field_label"),
         modelValue: e.field,
-        "onUpdate:modelValue": s
+        "onUpdate:modelValue": a
       }, null, 8, ["label", "modelValue"]),
-      b(o(N), {
-        label: i.$t("designer.form.fields.label_label"),
-        modelValue: e.label,
-        "onUpdate:modelValue": n[0] || (n[0] = (r) => a("label", r))
-      }, null, 8, ["label", "modelValue"]),
-      ne(i.$slots, "default", { updateProp: a }, void 0, !0)
+      ie(n.$slots, "default", { updateProp: r }, void 0, !0)
     ]));
   }
-}), al = /* @__PURE__ */ _(ol, [["__scopeId", "data-v-bd4a89f6"]]), il = { class: "textarea-setting" }, rl = {
+}), vt = /* @__PURE__ */ q(ht, [["__scopeId", "data-v-be4e1176"]]), gt = { class: "textarea-setting" }, bt = {
   key: 0,
   class: "hint"
-}, ul = /* @__PURE__ */ h({
+}, xt = /* @__PURE__ */ f({
   __name: "TextareaSetting",
   props: {
     label: {},
@@ -159,25 +154,117 @@ const Qe = { class: "inquirer-designer-card" }, je = { class: "card-header" }, G
     maxRows: { default: 4 }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: t }) {
-    const l = t;
-    return (s, a) => (u(), d("div", il, [
-      c("label", null, f(e.label), 1),
-      b(o(H), {
+  setup(e, { emit: l }) {
+    const t = l;
+    return (a, r) => (i(), d("div", gt, [
+      c("label", null, m(e.label), 1),
+      h(o(ee), {
         type: "textarea",
         "model-value": e.modelValue,
         autosize: { minRows: e.minRows, maxRows: e.maxRows },
-        "onUpdate:modelValue": a[0] || (a[0] = (i) => l("update:modelValue", i ?? ""))
+        "onUpdate:modelValue": r[0] || (r[0] = (n) => t("update:modelValue", n ?? ""))
       }, null, 8, ["model-value", "autosize"]),
-      e.hint ? (u(), d("p", rl, f(e.hint), 1)) : y("", !0)
+      e.hint ? (i(), d("p", bt, m(e.hint), 1)) : x("", !0)
+    ]));
+  }
+}), yt = /* @__PURE__ */ q(xt, [["__scopeId", "data-v-9093816f"]]);
+var _t = /* @__PURE__ */ f({
+  name: "CircleCheck",
+  __name: "circle-check",
+  setup(e) {
+    return (l, t) => (i(), d("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      c("path", {
+        fill: "currentColor",
+        d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896"
+      }),
+      c("path", {
+        fill: "currentColor",
+        d: "M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752z"
+      })
+    ]));
+  }
+}), wt = _t, Vt = /* @__PURE__ */ f({
+  name: "Compass",
+  __name: "compass",
+  setup(e) {
+    return (l, t) => (i(), d("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      c("path", {
+        fill: "currentColor",
+        d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896"
+      }),
+      c("path", {
+        fill: "currentColor",
+        d: "M725.888 315.008C676.48 428.672 624 513.28 568.576 568.64c-55.424 55.424-139.968 107.904-253.568 157.312a12.8 12.8 0 0 1-16.896-16.832c49.536-113.728 102.016-198.272 157.312-253.632 55.36-55.296 139.904-107.776 253.632-157.312a12.8 12.8 0 0 1 16.832 16.832"
+      })
+    ]));
+  }
+}), qt = Vt, Ct = /* @__PURE__ */ f({
+  name: "DataLine",
+  __name: "data-line",
+  setup(e) {
+    return (l, t) => (i(), d("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      c("path", {
+        fill: "currentColor",
+        d: "M359.168 768H160a32 32 0 0 1-32-32V192H64a32 32 0 0 1 0-64h896a32 32 0 1 1 0 64h-64v544a32 32 0 0 1-32 32H665.216l110.848 192h-73.856L591.36 768H433.024L322.176 960H248.32zM832 192H192v512h640zM342.656 534.656a32 32 0 1 1-45.312-45.312L444.992 341.76l125.44 94.08L679.04 300.032a32 32 0 1 1 49.92 39.936L581.632 524.224 451.008 426.24 342.656 534.592z"
+      })
     ]));
   }
-}), dl = /* @__PURE__ */ _(ul, [["__scopeId", "data-v-2c386165"]]);
-var cl = /* @__PURE__ */ h({
+}), Et = Ct, St = /* @__PURE__ */ f({
+  name: "EditPen",
+  __name: "edit-pen",
+  setup(e) {
+    return (l, t) => (i(), d("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      c("path", {
+        fill: "currentColor",
+        d: "m199.04 672.64 193.984 112 224-387.968-193.92-112-224 388.032zm-23.872 60.16 32.896 148.288 144.896-45.696zM455.04 229.248l193.92 112 56.704-98.112-193.984-112zM104.32 708.8l384-665.024 304.768 175.936L409.152 884.8h.064l-248.448 78.336zm384 254.272v-64h448v64z"
+      })
+    ]));
+  }
+}), kt = St, $t = /* @__PURE__ */ f({
+  name: "Expand",
+  __name: "expand",
+  setup(e) {
+    return (l, t) => (i(), d("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      c("path", {
+        fill: "currentColor",
+        d: "M128 192h768v128H128zm0 256h512v128H128zm0 256h768v128H128zm576-352 192 160-192 128z"
+      })
+    ]));
+  }
+}), Ut = $t, It = /* @__PURE__ */ f({
+  name: "Finished",
+  __name: "finished",
+  setup(e) {
+    return (l, t) => (i(), d("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      c("path", {
+        fill: "currentColor",
+        d: "M280.768 753.728 691.456 167.04a32 32 0 1 1 52.416 36.672L314.24 817.472a32 32 0 0 1-45.44 7.296l-230.4-172.8a32 32 0 0 1 38.4-51.2zM736 448a32 32 0 1 1 0-64h192a32 32 0 1 1 0 64zM608 640a32 32 0 0 1 0-64h319.936a32 32 0 1 1 0 64zM480 832a32 32 0 1 1 0-64h447.936a32 32 0 1 1 0 64z"
+      })
+    ]));
+  }
+}), Nt = It, zt = /* @__PURE__ */ f({
   name: "InfoFilled",
   __name: "info-filled",
   setup(e) {
-    return (t, l) => (u(), d("svg", {
+    return (l, t) => (i(), d("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -187,8 +274,77 @@ var cl = /* @__PURE__ */ h({
       })
     ]));
   }
-}), pl = cl;
-const ml = {
+}), Bt = zt, Mt = /* @__PURE__ */ f({
+  name: "List",
+  __name: "list",
+  setup(e) {
+    return (l, t) => (i(), d("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      c("path", {
+        fill: "currentColor",
+        d: "M704 192h160v736H160V192h160v64h384zM288 512h448v-64H288zm0 256h448v-64H288zm96-576V96h256v96z"
+      })
+    ]));
+  }
+}), Tt = Mt, Dt = /* @__PURE__ */ f({
+  name: "Lock",
+  __name: "lock",
+  setup(e) {
+    return (l, t) => (i(), d("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      c("path", {
+        fill: "currentColor",
+        d: "M224 448a32 32 0 0 0-32 32v384a32 32 0 0 0 32 32h576a32 32 0 0 0 32-32V480a32 32 0 0 0-32-32zm0-64h576a96 96 0 0 1 96 96v384a96 96 0 0 1-96 96H224a96 96 0 0 1-96-96V480a96 96 0 0 1 96-96"
+      }),
+      c("path", {
+        fill: "currentColor",
+        d: "M512 544a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V576a32 32 0 0 1 32-32m192-160v-64a192 192 0 1 0-384 0v64zM512 64a256 256 0 0 1 256 256v128H256V320A256 256 0 0 1 512 64"
+      })
+    ]));
+  }
+}), At = Dt, Lt = /* @__PURE__ */ f({
+  name: "Memo",
+  __name: "memo",
+  setup(e) {
+    return (l, t) => (i(), d("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      "xml:space": "preserve",
+      viewBox: "0 0 1024 1024"
+    }, [
+      c("path", {
+        fill: "currentColor",
+        d: "M480 320h192c21.33 0 32-10.67 32-32s-10.67-32-32-32H480c-21.33 0-32 10.67-32 32s10.67 32 32 32"
+      }),
+      c("path", {
+        fill: "currentColor",
+        d: "M887.01 72.99C881.01 67 873.34 64 864 64H160c-9.35 0-17.02 3-23.01 8.99C131 78.99 128 86.66 128 96v832c0 9.35 2.99 17.02 8.99 23.01S150.66 960 160 960h704c9.35 0 17.02-2.99 23.01-8.99S896 937.34 896 928V96c0-9.35-3-17.02-8.99-23.01M192 896V128h96v768zm640 0H352V128h480z"
+      }),
+      c("path", {
+        fill: "currentColor",
+        d: "M480 512h192c21.33 0 32-10.67 32-32s-10.67-32-32-32H480c-21.33 0-32 10.67-32 32s10.67 32 32 32m0 192h192c21.33 0 32-10.67 32-32s-10.67-32-32-32H480c-21.33 0-32 10.67-32 32s10.67 32 32 32"
+      })
+    ]));
+  }
+}), Rt = Lt, Ft = /* @__PURE__ */ f({
+  name: "Tickets",
+  __name: "tickets",
+  setup(e) {
+    return (l, t) => (i(), d("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      c("path", {
+        fill: "currentColor",
+        d: "M192 128v768h640V128zm-32-64h704a32 32 0 0 1 32 32v832a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32m160 448h384v64H320zm0-192h192v64H320zm0 384h384v64H320z"
+      })
+    ]));
+  }
+}), Pt = Ft;
+const Ot = {
   "zh-CN": {
     config: {
       message: "提问文案 (message)",
@@ -244,17 +400,17 @@ const ml = {
     }
   }
 };
-function xe() {
-  return Pe({
+function $e() {
+  return re({
     inheritLocale: !0,
     useScope: "local",
-    messages: ml
+    messages: Ot
   });
 }
-const fl = { class: "expression-editor" }, vl = { class: "expression-editor__label" }, bl = {
+const Ht = { class: "expression-editor" }, Jt = { class: "expression-editor__label" }, Gt = {
   key: 0,
   class: "expression-editor__examples"
-}, xl = { class: "examples-title" }, hl = { class: "examples-list" }, gl = { class: "expression-editor__footer" }, yl = /* @__PURE__ */ h({
+}, Qt = { class: "examples-title" }, jt = { class: "examples-list" }, Wt = { class: "expression-editor__footer" }, Yt = /* @__PURE__ */ f({
   __name: "ExpressionEditor",
   props: {
     label: {},
@@ -267,67 +423,67 @@ const fl = { class: "expression-editor" }, vl = { class: "expression-editor__lab
     suggestions: { default: () => [] }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: t }) {
-    const l = e, s = t, { t: a } = xe(), i = [
+  setup(e, { emit: l }) {
+    const t = e, a = l, { t: r } = $e(), n = [
       "return input;",
       'return input?.trim() ?? "";',
       "return input ? input.toUpperCase() : input;",
       "return answers.otherField;"
-    ], n = V(() => l.placeholder || a("editor.placeholder")), r = V(() => a("editor.show_examples")), g = V(() => a("editor.hide_examples")), m = V(() => a("editor.examples_title")), p = V(() => l.suggestions && l.suggestions.length > 0 ? l.suggestions : i), v = L(!1);
-    function O() {
-      v.value = !v.value;
+    ], s = y(() => t.placeholder || r("editor.placeholder")), u = y(() => r("editor.show_examples")), _ = y(() => r("editor.hide_examples")), p = y(() => r("editor.examples_title")), v = y(() => t.suggestions && t.suggestions.length > 0 ? t.suggestions : n), g = H(!1);
+    function w() {
+      g.value = !g.value;
     }
-    return (j, J) => (u(), d("div", fl, [
-      c("label", vl, [
-        c("span", null, f(e.label), 1),
-        e.info ? (u(), x(o(ze), {
+    return (te, G) => (i(), d("div", Ht, [
+      c("label", Jt, [
+        c("span", null, m(e.label), 1),
+        e.info ? (i(), b(o(Ye), {
           key: 0,
           placement: "top",
           effect: "dark",
           content: e.info
         }, {
-          default: w(() => [
-            b(o(Fe), { class: "info-icon" }, {
-              default: w(() => [
-                b(o(pl))
+          default: V(() => [
+            h(o(Ce), { class: "info-icon" }, {
+              default: V(() => [
+                h(o(Bt))
               ]),
               _: 1
             })
           ]),
           _: 1
-        }, 8, ["content"])) : y("", !0)
+        }, 8, ["content"])) : x("", !0)
       ]),
-      b(o(H), {
+      h(o(ee), {
         class: "code-input",
         type: "textarea",
         "model-value": e.modelValue,
         autosize: { minRows: e.minRows, maxRows: e.maxRows },
-        placeholder: n.value,
-        "onUpdate:modelValue": J[0] || (J[0] = (C) => s("update:modelValue", C ?? ""))
+        placeholder: s.value,
+        "onUpdate:modelValue": G[0] || (G[0] = (U) => a("update:modelValue", U ?? ""))
       }, null, 8, ["model-value", "autosize", "placeholder"]),
-      b(Ie, { name: "fade" }, {
-        default: w(() => [
-          v.value ? (u(), d("div", bl, [
-            c("p", xl, f(m.value), 1),
-            c("ul", hl, [
-              (u(!0), d(S, null, I(p.value, (C) => (u(), d("li", { key: C }, [
-                c("code", null, f(C), 1)
+      h(Oe, { name: "fade" }, {
+        default: V(() => [
+          g.value ? (i(), d("div", Gt, [
+            c("p", Qt, m(p.value), 1),
+            c("ul", jt, [
+              (i(!0), d(I, null, z(v.value, (U) => (i(), d("li", { key: U }, [
+                c("code", null, m(U), 1)
               ]))), 128))
             ])
-          ])) : y("", !0)
+          ])) : x("", !0)
         ]),
         _: 1
       }),
-      c("div", gl, [
+      c("div", Wt, [
         c("button", {
           class: "example-toggle",
           type: "button",
-          onClick: O
-        }, f(v.value ? g.value : r.value), 1)
+          onClick: w
+        }, m(g.value ? _.value : u.value), 1)
       ])
     ]));
   }
-}), Z = /* @__PURE__ */ _(yl, [["__scopeId", "data-v-91ba45bb"]]), Vl = { class: "inline-settings" }, wl = /* @__PURE__ */ h({
+}), le = /* @__PURE__ */ q(Yt, [["__scopeId", "data-v-7b2a61b5"]]), Kt = { class: "inline-settings" }, Xt = /* @__PURE__ */ f({
   __name: "BaseQuestionConfig",
   props: {
     label: {},
@@ -347,121 +503,130 @@ const fl = { class: "expression-editor" }, vl = { class: "expression-editor__lab
     showDefaultInput: { type: Boolean, default: !0 }
   },
   emits: ["update"],
-  setup(e, { emit: t }) {
-    const l = [
+  setup(e, { emit: l }) {
+    const t = [
       "return answers.age >= 18;",
       "return answers.role === 'admin';",
       "return Boolean(input);"
-    ], s = [
+    ], a = [
       `if (!input) return '必填';
 return true;`,
       `if ((input || "").length < 3) return "至少 3 个字符";
 return true;`,
       'return Array.isArray(input) && input.length > 0 ? true : "请选择至少一项";'
-    ], a = [
+    ], r = [
       'return input?.trim() ?? "";',
       "return Number(input) || 0;",
       "return input?.toLowerCase();"
-    ], i = [
+    ], n = [
       "return input ? `⭐ ${input}` : input;",
       'return input ? `${input} (${answers.unit || ""})` : input;',
       "return input ? input.toUpperCase() : input;"
-    ], { t: n } = xe(), r = t;
-    return (g, m) => (u(), x(al, {
+    ], { t: s } = $e(), u = l;
+    function _(p) {
+      u("update", {
+        props: {
+          message: p,
+          label: p
+          // 同步 message 到 label
+        }
+      });
+    }
+    return (p, v) => (i(), b(vt, {
       label: e.label,
       field: e.field,
-      onUpdate: m[0] || (m[0] = (p) => r("update", p))
+      onUpdate: v[0] || (v[0] = (g) => u("update", g))
     }, {
-      default: w(({ updateProp: p }) => [
-        b(o(N), {
-          label: o(n)("config.message"),
+      default: V(({ updateProp: g }) => [
+        h(o(A), {
+          label: o(s)("config.message"),
           "model-value": e.message,
-          "onUpdate:modelValue": (v) => p("message", v)
-        }, null, 8, ["label", "model-value", "onUpdate:modelValue"]),
-        b(dl, {
-          label: o(n)("config.description"),
+          "onUpdate:modelValue": _
+        }, null, 8, ["label", "model-value"]),
+        h(yt, {
+          label: o(s)("config.description"),
           "model-value": e.description,
           "min-rows": 2,
           "max-rows": 3,
-          "onUpdate:modelValue": (v) => p("description", v)
+          "onUpdate:modelValue": (w) => g("description", w)
         }, null, 8, ["label", "model-value", "onUpdate:modelValue"]),
-        e.showPlaceholder ? (u(), x(o(N), {
+        e.showPlaceholder ? (i(), b(o(A), {
           key: 0,
-          label: o(n)("config.placeholder"),
+          label: o(s)("config.placeholder"),
           "model-value": e.placeholder,
-          "onUpdate:modelValue": (v) => p("placeholder", v)
-        }, null, 8, ["label", "model-value", "onUpdate:modelValue"])) : y("", !0),
-        ne(g.$slots, "defaultValue", { updateProp: p }, () => [
-          e.showDefaultInput ? (u(), x(o(N), {
+          "onUpdate:modelValue": (w) => g("placeholder", w)
+        }, null, 8, ["label", "model-value", "onUpdate:modelValue"])) : x("", !0),
+        ie(p.$slots, "defaultValue", { updateProp: g }, () => [
+          e.showDefaultInput ? (i(), b(o(A), {
             key: 0,
-            label: o(n)("config.default_value"),
+            label: o(s)("config.default_value"),
             "model-value": e.defaultValue,
-            "onUpdate:modelValue": (v) => p("defaultValue", v)
-          }, null, 8, ["label", "model-value", "onUpdate:modelValue"])) : y("", !0)
+            "onUpdate:modelValue": (w) => g("defaultValue", w)
+          }, null, 8, ["label", "model-value", "onUpdate:modelValue"])) : x("", !0)
         ], !0),
-        c("div", Vl, [
-          b(o(N), {
-            label: o(n)("config.prefix"),
+        c("div", Kt, [
+          h(o(A), {
+            label: o(s)("config.prefix"),
             "model-value": e.prefix,
-            "onUpdate:modelValue": (v) => p("prefix", v)
+            "onUpdate:modelValue": (w) => g("prefix", w)
           }, null, 8, ["label", "model-value", "onUpdate:modelValue"]),
-          b(o(N), {
-            label: o(n)("config.suffix"),
+          h(o(A), {
+            label: o(s)("config.suffix"),
             "model-value": e.suffix,
-            "onUpdate:modelValue": (v) => p("suffix", v)
+            "onUpdate:modelValue": (w) => g("suffix", w)
           }, null, 8, ["label", "model-value", "onUpdate:modelValue"])
         ]),
-        b(o(le), {
-          label: o(n)("config.required"),
+        h(o(se), {
+          label: o(s)("config.required"),
           "model-value": e.required,
-          "onUpdate:modelValue": (v) => p("required", v)
+          "onUpdate:modelValue": (w) => g("required", w)
         }, null, 8, ["label", "model-value", "onUpdate:modelValue"]),
-        ne(g.$slots, "extra", { updateProp: p }, void 0, !0),
-        b(Z, {
-          label: o(n)("config.expressions.when_label"),
-          info: o(n)("config.expressions.when_info"),
+        ie(p.$slots, "extra", { updateProp: g }, void 0, !0),
+        h(le, {
+          label: o(s)("config.expressions.when_label"),
+          info: o(s)("config.expressions.when_info"),
           "model-value": e.whenExpression,
           "min-rows": 2,
           "max-rows": 3,
-          placeholder: o(n)("editor.placeholder"),
-          suggestions: l,
-          "onUpdate:modelValue": (v) => p("whenExpression", v)
+          placeholder: o(s)("editor.placeholder"),
+          suggestions: t,
+          "onUpdate:modelValue": (w) => g("whenExpression", w)
         }, null, 8, ["label", "info", "model-value", "placeholder", "onUpdate:modelValue"]),
-        b(Z, {
-          label: o(n)("config.expressions.validate_label"),
-          info: o(n)("config.expressions.validate_info"),
+        h(le, {
+          label: o(s)("config.expressions.validate_label"),
+          info: o(s)("config.expressions.validate_info"),
           "model-value": e.validateExpression,
           "min-rows": 3,
           "max-rows": 5,
-          placeholder: o(n)("editor.placeholder"),
-          suggestions: s,
-          "onUpdate:modelValue": (v) => p("validateExpression", v)
+          placeholder: o(s)("editor.placeholder"),
+          suggestions: a,
+          "onUpdate:modelValue": (w) => g("validateExpression", w)
         }, null, 8, ["label", "info", "model-value", "placeholder", "onUpdate:modelValue"]),
-        b(Z, {
-          label: o(n)("config.expressions.filter_label"),
-          info: o(n)("config.expressions.filter_info"),
+        h(le, {
+          label: o(s)("config.expressions.filter_label"),
+          info: o(s)("config.expressions.filter_info"),
           "model-value": e.filterExpression,
           "min-rows": 2,
           "max-rows": 4,
-          placeholder: o(n)("editor.placeholder"),
-          suggestions: a,
-          "onUpdate:modelValue": (v) => p("filterExpression", v)
+          placeholder: o(s)("editor.placeholder"),
+          suggestions: r,
+          "onUpdate:modelValue": (w) => g("filterExpression", w)
         }, null, 8, ["label", "info", "model-value", "placeholder", "onUpdate:modelValue"]),
-        b(Z, {
-          label: o(n)("config.expressions.transformer_label"),
-          info: o(n)("config.expressions.transformer_info"),
+        h(le, {
+          label: o(s)("config.expressions.transformer_label"),
+          info: o(s)("config.expressions.transformer_info"),
           "model-value": e.transformerExpression,
           "min-rows": 2,
           "max-rows": 4,
-          placeholder: o(n)("editor.placeholder"),
-          suggestions: i,
-          "onUpdate:modelValue": (v) => p("transformerExpression", v)
+          placeholder: o(s)("editor.placeholder"),
+          suggestions: n,
+          "onUpdate:modelValue": (w) => g("transformerExpression", w)
         }, null, 8, ["label", "info", "model-value", "placeholder", "onUpdate:modelValue"])
       ]),
       _: 3
     }, 8, ["label", "field"]));
   }
-}), M = /* @__PURE__ */ _(wl, [["__scopeId", "data-v-c4882c52"]]), _l = /* @__PURE__ */ h({
+}), J = /* @__PURE__ */ q(Xt, [["__scopeId", "data-v-43dc3bfd"]]), Zt = /* @__PURE__ */ f({
   __name: "config",
   props: {
     label: {},
@@ -478,55 +643,205 @@ return true;`,
     transformerExpression: {}
   },
   emits: ["update"],
-  setup(e, { emit: t }) {
-    const l = e, s = t;
-    return (a, i) => (u(), x(M, D(l, {
-      onUpdate: i[0] || (i[0] = (n) => s("update", n))
+  setup(e, { emit: l }) {
+    const t = e, a = l;
+    return (r, n) => (i(), b(J, L(t, {
+      onUpdate: n[0] || (n[0] = (s) => a("update", s))
     }), null, 16));
   }
 });
-function R(e) {
+function T(e) {
   return `${e}_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`;
 }
-function k(e, t) {
+function $(e, l) {
   return {
     label: e,
-    value: t ?? e
+    value: l ?? e
   };
 }
-const he = {
+const D = {
+  input: kt,
+  password: At,
+  number: Et,
+  confirm: wt,
+  list: Tt,
+  rawList: Pt,
+  expand: Ut,
+  checkbox: Nt,
+  editor: Rt
+}, Ue = {
+  "zh-CN": {
+    controls: {
+      input: {
+        label: "文本输入",
+        message: "请输入文本",
+        placeholder: "请输入内容"
+      },
+      password: {
+        label: "密码",
+        message: "请输入密码",
+        placeholder: "请输入密码"
+      },
+      number: {
+        label: "数字",
+        message: "请输入数字",
+        placeholder: "请输入数字"
+      },
+      confirm: {
+        label: "确认",
+        message: "是否确认?"
+      },
+      list: {
+        label: "单选列表",
+        message: "请选择一个选项",
+        placeholder: "请选择",
+        option: "选项"
+      },
+      rawlist: {
+        label: "序号列表",
+        message: "请选择一个选项",
+        placeholder: "请选择",
+        option: "选项"
+      },
+      expand: {
+        label: "扩展列表",
+        message: "请选择一个选项",
+        option: "选项"
+      },
+      checkbox: {
+        label: "多选框",
+        message: "请选择选项(可多选)",
+        option: "选项"
+      },
+      editor: {
+        label: "长文本",
+        message: "请输入长文本内容",
+        placeholder: "请输入详细内容"
+      }
+    },
+    runtime: {
+      emptyForm: "暂无表单内容",
+      required: "此项为必填项",
+      invalidNumber: "请输入有效的数字",
+      minValue: "值不能小于 {min}",
+      maxValue: "值不能大于 {max}"
+    }
+  },
+  "en-US": {
+    controls: {
+      input: {
+        label: "Text Input",
+        message: "Please enter text",
+        placeholder: "Enter content"
+      },
+      password: {
+        label: "Password",
+        message: "Please enter password",
+        placeholder: "Enter password"
+      },
+      number: {
+        label: "Number",
+        message: "Please enter a number",
+        placeholder: "Enter number"
+      },
+      confirm: {
+        label: "Confirm",
+        message: "Confirm?"
+      },
+      list: {
+        label: "List",
+        message: "Please select an option",
+        placeholder: "Select",
+        option: "Option"
+      },
+      rawlist: {
+        label: "Raw List",
+        message: "Please select an option",
+        placeholder: "Select",
+        option: "Option"
+      },
+      expand: {
+        label: "Expand List",
+        message: "Please select an option",
+        option: "Option"
+      },
+      checkbox: {
+        label: "Checkbox",
+        message: "Please select options (multiple)",
+        option: "Option"
+      },
+      editor: {
+        label: "Editor",
+        message: "Please enter long text",
+        placeholder: "Enter detailed content"
+      }
+    },
+    runtime: {
+      emptyForm: "No form content",
+      required: "This field is required",
+      invalidNumber: "Please enter a valid number",
+      minValue: "Value cannot be less than {min}",
+      maxValue: "Value cannot be greater than {max}"
+    }
+  }
+};
+function el() {
+  if (typeof window < "u") {
+    const e = document.documentElement, l = e.getAttribute("lang") || e.lang;
+    if (l === "en-US" || l === "en") return "en-US";
+  }
+  return "zh-CN";
+}
+function tl(e) {
+  const l = el(), t = e.split(".");
+  let a = Ue[l];
+  for (const r of t)
+    if (a && typeof a == "object")
+      a = a[r];
+    else
+      return e;
+  return typeof a == "string" ? a : e;
+}
+function C(e, l) {
+  return tl(e);
+}
+const Ie = {
   type: "inq-input",
   category: "inputControl",
   label: "输入",
-  icon: "⌨️",
+  icon: D.input,
   isContainer: !1,
-  initialSchema: () => ({
-    id: R("inq_input"),
-    type: "inq-input",
-    field: "question_" + Math.random().toString(36).slice(2, 6),
-    props: {
-      label: "普通输入",
-      message: "请输入内容",
-      promptType: "input",
-      placeholder: "例如：姓名",
-      defaultValue: "",
-      prefix: "",
-      suffix: "",
-      required: !1,
-      whenExpression: "",
-      validateExpression: "",
-      filterExpression: "",
-      transformerExpression: ""
-    }
-  }),
-  designer: Ze,
-  runtime: nl,
-  config: _l,
+  initialSchema: () => {
+    const e = C("controls.input.message");
+    return {
+      id: T("inq_input"),
+      type: "inq-input",
+      field: "question_" + Math.random().toString(36).slice(2, 6),
+      props: {
+        label: e,
+        // label 和 message 保持一致
+        message: e,
+        promptType: "input",
+        placeholder: C("controls.input.placeholder"),
+        defaultValue: "",
+        prefix: "",
+        suffix: "",
+        required: !0,
+        whenExpression: "",
+        validateExpression: "",
+        filterExpression: "",
+        transformerExpression: ""
+      }
+    };
+  },
+  designer: ut,
+  runtime: mt,
+  config: Zt,
   locales: {
     "zh-CN": { control: { "inq-input": { label: "输入" } } },
     "en-US": { control: { "inq-input": { label: "Input" } } }
   }
-}, ql = /* @__PURE__ */ h({
+}, ll = /* @__PURE__ */ f({
   __name: "designer",
   props: {
     label: {},
@@ -535,21 +850,21 @@ const he = {
     isActive: { type: Boolean }
   },
   emits: ["select"],
-  setup(e, { emit: t }) {
-    const l = e, s = t, { label: a, message: i, description: n, isActive: r } = B(l);
-    return (g, m) => (u(), x(A, {
-      label: o(a),
-      message: o(i),
-      description: o(n),
+  setup(e, { emit: l }) {
+    const t = e, a = l, { label: r, message: n, description: s, isActive: u } = B(t);
+    return (_, p) => (i(), b(M, {
+      label: o(r),
+      message: o(n),
+      description: o(s),
       "type-label": "Inquirer Password",
-      "is-active": o(r),
-      onSelect: m[0] || (m[0] = (p) => s("select"))
+      "is-active": o(u),
+      onSelect: p[0] || (p[0] = (v) => a("select"))
     }, null, 8, ["label", "message", "description", "is-active"]));
   }
-}), El = { class: "inquirer-password" }, Sl = {
+}), sl = { class: "inquirer-password" }, al = {
   key: 0,
   class: "mask-hint"
-}, kl = /* @__PURE__ */ h({
+}, ol = /* @__PURE__ */ f({
   __name: "runtime",
   props: {
     modelValue: {},
@@ -561,36 +876,36 @@ const he = {
     maskSymbol: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: t }) {
-    const l = t;
-    return (s, a) => (u(), d("div", El, [
-      b(o(H), {
+  setup(e, { emit: l }) {
+    const t = l;
+    return (a, r) => (i(), d("div", sl, [
+      h(o(ee), {
         "model-value": e.modelValue ?? "",
         placeholder: e.placeholder,
         disabled: e.disabled,
         type: "password",
         "show-password": "",
-        "onUpdate:modelValue": a[0] || (a[0] = (i) => l("update:modelValue", i ?? ""))
-      }, re({ _: 2 }, [
+        "onUpdate:modelValue": r[0] || (r[0] = (n) => t("update:modelValue", n ?? ""))
+      }, xe({ _: 2 }, [
         e.prefix ? {
           name: "prepend",
-          fn: w(() => [
-            Y(f(e.prefix), 1)
+          fn: V(() => [
+            X(m(e.prefix), 1)
           ]),
           key: "0"
         } : void 0,
         e.suffix ? {
           name: "append",
-          fn: w(() => [
-            Y(f(e.suffix), 1)
+          fn: V(() => [
+            X(m(e.suffix), 1)
           ]),
           key: "1"
         } : void 0
       ]), 1032, ["model-value", "placeholder", "disabled"]),
-      e.maskEnabled ? (u(), d("p", Sl, " 输出将使用 " + f(e.maskSymbol || "掩码") + " 掩码 ", 1)) : y("", !0)
+      e.maskEnabled ? (i(), d("p", al, " 输出将使用 " + m(e.maskSymbol || "掩码") + " 掩码 ", 1)) : x("", !0)
     ]));
   }
-}), Cl = /* @__PURE__ */ _(kl, [["__scopeId", "data-v-0cb418f2"]]), $l = /* @__PURE__ */ h({
+}), nl = /* @__PURE__ */ q(ol, [["__scopeId", "data-v-027f448e"]]), il = /* @__PURE__ */ f({
   __name: "config",
   props: {
     label: {},
@@ -609,62 +924,65 @@ const he = {
     maskSymbol: {}
   },
   emits: ["update"],
-  setup(e, { emit: t }) {
-    const l = e, s = t;
-    return (a, i) => (u(), x(M, D(l, {
-      onUpdate: i[0] || (i[0] = (n) => s("update", n))
+  setup(e, { emit: l }) {
+    const t = e, a = l;
+    return (r, n) => (i(), b(J, L(t, {
+      onUpdate: n[0] || (n[0] = (s) => a("update", s))
     }), {
-      extra: w(({ updateProp: n }) => [
-        b(o(le), {
+      extra: V(({ updateProp: s }) => [
+        h(o(se), {
           label: "掩码输出",
           "model-value": e.maskEnabled,
-          "onUpdate:modelValue": (r) => n("maskEnabled", r)
+          "onUpdate:modelValue": (u) => s("maskEnabled", u)
         }, null, 8, ["model-value", "onUpdate:modelValue"]),
-        e.maskEnabled ? (u(), x(o(N), {
+        e.maskEnabled ? (i(), b(o(A), {
           key: 0,
           label: "掩码符号",
           "model-value": e.maskSymbol,
-          "onUpdate:modelValue": (r) => n("maskSymbol", r)
-        }, null, 8, ["model-value", "onUpdate:modelValue"])) : y("", !0)
+          "onUpdate:modelValue": (u) => s("maskSymbol", u)
+        }, null, 8, ["model-value", "onUpdate:modelValue"])) : x("", !0)
       ]),
       _: 1
     }, 16));
   }
-}), ge = {
+}), Ne = {
   type: "inq-password",
   category: "inputControl",
   label: "密码",
-  icon: "🔒",
+  icon: D.password,
   isContainer: !1,
-  initialSchema: () => ({
-    id: R("inq_password"),
-    type: "inq-password",
-    field: "secret_" + Math.random().toString(36).slice(2, 6),
-    props: {
-      label: "密码",
-      message: "请输入密码",
-      promptType: "password",
-      placeholder: "******",
-      defaultValue: "",
-      prefix: "",
-      suffix: "",
-      maskEnabled: !0,
-      maskSymbol: "*",
-      required: !0,
-      whenExpression: "",
-      validateExpression: "",
-      filterExpression: "",
-      transformerExpression: ""
-    }
-  }),
-  designer: ql,
-  runtime: Cl,
-  config: $l,
+  initialSchema: () => {
+    const e = C("controls.password.message");
+    return {
+      id: T("inq_password"),
+      type: "inq-password",
+      field: "secret_" + Math.random().toString(36).slice(2, 6),
+      props: {
+        label: e,
+        message: e,
+        promptType: "password",
+        placeholder: C("controls.password.placeholder"),
+        defaultValue: "",
+        prefix: "",
+        suffix: "",
+        maskEnabled: !0,
+        maskSymbol: "*",
+        required: !0,
+        whenExpression: "",
+        validateExpression: "",
+        filterExpression: "",
+        transformerExpression: ""
+      }
+    };
+  },
+  designer: ll,
+  runtime: nl,
+  config: il,
   locales: {
     "zh-CN": { control: { "inq-password": { label: "密码" } } },
     "en-US": { control: { "inq-password": { label: "Password" } } }
   }
-}, Ul = /* @__PURE__ */ h({
+}, rl = /* @__PURE__ */ f({
   __name: "designer",
   props: {
     label: {},
@@ -673,24 +991,24 @@ const he = {
     isActive: { type: Boolean }
   },
   emits: ["select"],
-  setup(e, { emit: t }) {
-    const l = e, s = t, { label: a, message: i, description: n, isActive: r } = B(l);
-    return (g, m) => (u(), x(A, {
-      label: o(a),
-      message: o(i),
-      description: o(n),
+  setup(e, { emit: l }) {
+    const t = e, a = l, { label: r, message: n, description: s, isActive: u } = B(t);
+    return (_, p) => (i(), b(M, {
+      label: o(r),
+      message: o(n),
+      description: o(s),
       "type-label": "Inquirer Number",
-      "is-active": o(r),
-      onSelect: m[0] || (m[0] = (p) => s("select"))
+      "is-active": o(u),
+      onSelect: p[0] || (p[0] = (v) => a("select"))
     }, null, 8, ["label", "message", "description", "is-active"]));
   }
-}), Il = { class: "number-runtime" }, Nl = {
+}), ul = { class: "number-runtime" }, cl = {
   key: 0,
   class: "affix"
-}, Bl = {
+}, dl = {
   key: 1,
   class: "affix"
-}, Al = /* @__PURE__ */ h({
+}, pl = /* @__PURE__ */ f({
   __name: "runtime",
   props: {
     modelValue: {},
@@ -703,11 +1021,11 @@ const he = {
     suffix: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: t }) {
-    const l = t;
-    return (s, a) => (u(), d("div", Il, [
-      e.prefix ? (u(), d("span", Nl, f(e.prefix), 1)) : y("", !0),
-      b(o(fe), {
+  setup(e, { emit: l }) {
+    const t = l;
+    return (a, r) => (i(), d("div", ul, [
+      e.prefix ? (i(), d("span", cl, m(e.prefix), 1)) : x("", !0),
+      h(o(Ee), {
         class: "number-runtime__input",
         "model-value": e.modelValue,
         placeholder: e.placeholder,
@@ -716,12 +1034,12 @@ const he = {
         max: e.max,
         step: e.step || 1,
         "controls-position": "right",
-        "onUpdate:modelValue": a[0] || (a[0] = (i) => l("update:modelValue", i ?? void 0))
+        "onUpdate:modelValue": r[0] || (r[0] = (n) => t("update:modelValue", n ?? void 0))
       }, null, 8, ["model-value", "placeholder", "disabled", "min", "max", "step"]),
-      e.suffix ? (u(), d("span", Bl, f(e.suffix), 1)) : y("", !0)
+      e.suffix ? (i(), d("span", dl, m(e.suffix), 1)) : x("", !0)
     ]));
   }
-}), Rl = /* @__PURE__ */ _(Al, [["__scopeId", "data-v-ade0684b"]]), Tl = { class: "number-setting" }, Dl = /* @__PURE__ */ h({
+}), ml = /* @__PURE__ */ q(pl, [["__scopeId", "data-v-41430bc7"]]), fl = { class: "number-setting" }, hl = /* @__PURE__ */ f({
   __name: "NumberSetting",
   props: {
     label: {},
@@ -731,21 +1049,21 @@ const he = {
     step: { default: 1 }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: t }) {
-    const l = t;
-    return (s, a) => (u(), d("div", Tl, [
-      c("label", null, f(e.label), 1),
-      b(o(fe), {
+  setup(e, { emit: l }) {
+    const t = l;
+    return (a, r) => (i(), d("div", fl, [
+      c("label", null, m(e.label), 1),
+      h(o(Ee), {
         "model-value": e.modelValue,
         min: e.min,
         max: e.max,
         step: e.step,
         "controls-position": "right",
-        "onUpdate:modelValue": a[0] || (a[0] = (i) => l("update:modelValue", i ?? void 0))
+        "onUpdate:modelValue": r[0] || (r[0] = (n) => t("update:modelValue", n ?? void 0))
       }, null, 8, ["model-value", "min", "max", "step"])
     ]));
   }
-}), P = /* @__PURE__ */ _(Dl, [["__scopeId", "data-v-4fb22ad3"]]), zl = /* @__PURE__ */ h({
+}), Q = /* @__PURE__ */ q(hl, [["__scopeId", "data-v-9db53040"]]), vl = /* @__PURE__ */ f({
   __name: "config",
   props: {
     label: {},
@@ -764,76 +1082,79 @@ const he = {
     step: {}
   },
   emits: ["update"],
-  setup(e, { emit: t }) {
-    const l = e, s = t;
-    return (a, i) => (u(), x(M, D(l, {
+  setup(e, { emit: l }) {
+    const t = e, a = l;
+    return (r, n) => (i(), b(J, L(t, {
       "show-placeholder": !1,
-      onUpdate: i[0] || (i[0] = (n) => s("update", n))
+      onUpdate: n[0] || (n[0] = (s) => a("update", s))
     }), {
-      defaultValue: w(({ updateProp: n }) => [
-        b(P, {
+      defaultValue: V(({ updateProp: s }) => [
+        h(Q, {
           label: "默认值",
           "model-value": e.defaultValue,
-          "onUpdate:modelValue": (r) => n("defaultValue", r)
+          "onUpdate:modelValue": (u) => s("defaultValue", u)
         }, null, 8, ["model-value", "onUpdate:modelValue"])
       ]),
-      extra: w(({ updateProp: n }) => [
-        b(P, {
+      extra: V(({ updateProp: s }) => [
+        h(Q, {
           label: "最小值",
           "model-value": e.min,
-          "onUpdate:modelValue": (r) => n("min", r)
+          "onUpdate:modelValue": (u) => s("min", u)
         }, null, 8, ["model-value", "onUpdate:modelValue"]),
-        b(P, {
+        h(Q, {
           label: "最大值",
           "model-value": e.max,
-          "onUpdate:modelValue": (r) => n("max", r)
+          "onUpdate:modelValue": (u) => s("max", u)
         }, null, 8, ["model-value", "onUpdate:modelValue"]),
-        b(P, {
+        h(Q, {
           label: "步长",
           "model-value": e.step,
           min: 0,
           step: 0.1,
-          "onUpdate:modelValue": (r) => n("step", r)
+          "onUpdate:modelValue": (u) => s("step", u)
         }, null, 8, ["model-value", "onUpdate:modelValue"])
       ]),
       _: 1
     }, 16));
   }
-}), ye = {
+}), ze = {
   type: "inq-number",
   category: "inputControl",
   label: "数字",
-  icon: "🔢",
+  icon: D.number,
   isContainer: !1,
-  initialSchema: () => ({
-    id: R("inq_number"),
-    type: "inq-number",
-    field: "amount_" + Math.random().toString(36).slice(2, 6),
-    props: {
-      label: "数字输入",
-      message: "请输入数字",
-      promptType: "number",
-      defaultValue: 0,
-      min: 0,
-      max: 100,
-      step: 1,
-      prefix: "",
-      suffix: "",
-      required: !1,
-      whenExpression: "",
-      validateExpression: "",
-      filterExpression: "",
-      transformerExpression: ""
-    }
-  }),
-  designer: Ul,
-  runtime: Rl,
-  config: zl,
+  initialSchema: () => {
+    const e = C("controls.number.message");
+    return {
+      id: T("inq_number"),
+      type: "inq-number",
+      field: "amount_" + Math.random().toString(36).slice(2, 6),
+      props: {
+        label: e,
+        message: e,
+        promptType: "number",
+        defaultValue: 0,
+        min: 0,
+        max: 100,
+        step: 1,
+        prefix: "",
+        suffix: "",
+        required: !1,
+        whenExpression: "",
+        validateExpression: "",
+        filterExpression: "",
+        transformerExpression: ""
+      }
+    };
+  },
+  designer: rl,
+  runtime: ml,
+  config: vl,
   locales: {
     "zh-CN": { control: { "inq-number": { label: "数字" } } },
     "en-US": { control: { "inq-number": { label: "Number" } } }
   }
-}, Fl = /* @__PURE__ */ h({
+}, gl = /* @__PURE__ */ f({
   __name: "designer",
   props: {
     label: {},
@@ -842,24 +1163,24 @@ const he = {
     isActive: { type: Boolean }
   },
   emits: ["select"],
-  setup(e, { emit: t }) {
-    const l = e, s = t, { label: a, message: i, description: n, isActive: r } = B(l);
-    return (g, m) => (u(), x(A, {
-      label: o(a),
-      message: o(i),
-      description: o(n),
+  setup(e, { emit: l }) {
+    const t = e, a = l, { label: r, message: n, description: s, isActive: u } = B(t);
+    return (_, p) => (i(), b(M, {
+      label: o(r),
+      message: o(n),
+      description: o(s),
       "type-label": "Inquirer Confirm",
-      "is-active": o(r),
-      onSelect: m[0] || (m[0] = (p) => s("select"))
+      "is-active": o(u),
+      onSelect: p[0] || (p[0] = (v) => a("select"))
     }, null, 8, ["label", "message", "description", "is-active"]));
   }
-}), Ll = { class: "confirm-runtime" }, Ml = {
+}), bl = { class: "confirm-runtime" }, xl = {
   key: 0,
   class: "affix"
-}, Ol = { class: "state" }, Jl = {
+}, yl = { class: "state" }, _l = {
   key: 1,
   class: "affix"
-}, Pl = /* @__PURE__ */ h({
+}, wl = /* @__PURE__ */ f({
   __name: "runtime",
   props: {
     modelValue: { type: Boolean },
@@ -868,23 +1189,23 @@ const he = {
     suffix: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: t }) {
-    const l = t;
-    function s(a) {
-      l("update:modelValue", !!a);
+  setup(e, { emit: l }) {
+    const t = l;
+    function a(r) {
+      t("update:modelValue", !!r);
     }
-    return (a, i) => (u(), d("div", Ll, [
-      e.prefix ? (u(), d("span", Ml, f(e.prefix), 1)) : y("", !0),
-      b(o(Le), {
+    return (r, n) => (i(), d("div", bl, [
+      e.prefix ? (i(), d("span", xl, m(e.prefix), 1)) : x("", !0),
+      h(o(Ke), {
         "model-value": e.modelValue ?? !1,
         disabled: e.disabled,
-        "onUpdate:modelValue": s
+        "onUpdate:modelValue": a
       }, null, 8, ["model-value", "disabled"]),
-      c("span", Ol, f(e.modelValue ?? !1 ? "Yes" : "No"), 1),
-      e.suffix ? (u(), d("span", Jl, f(e.suffix), 1)) : y("", !0)
+      c("span", yl, m(e.modelValue ?? !1 ? "Yes" : "No"), 1),
+      e.suffix ? (i(), d("span", _l, m(e.suffix), 1)) : x("", !0)
     ]));
   }
-}), Ql = /* @__PURE__ */ _(Pl, [["__scopeId", "data-v-f41e6b08"]]), jl = /* @__PURE__ */ h({
+}), Vl = /* @__PURE__ */ q(wl, [["__scopeId", "data-v-220e5de9"]]), ql = /* @__PURE__ */ f({
   __name: "config",
   props: {
     label: {},
@@ -900,54 +1221,57 @@ const he = {
     transformerExpression: {}
   },
   emits: ["update"],
-  setup(e, { emit: t }) {
-    const l = e, s = t;
-    return (a, i) => (u(), x(M, D(l, {
+  setup(e, { emit: l }) {
+    const t = e, a = l;
+    return (r, n) => (i(), b(J, L(t, {
       "show-placeholder": !1,
-      onUpdate: i[0] || (i[0] = (n) => s("update", n))
+      onUpdate: n[0] || (n[0] = (s) => a("update", s))
     }), {
-      defaultValue: w(({ updateProp: n }) => [
-        b(o(le), {
+      defaultValue: V(({ updateProp: s }) => [
+        h(o(se), {
           label: "默认值 (Yes/No)",
           "model-value": e.defaultValue ?? !1,
-          "onUpdate:modelValue": (r) => n("defaultValue", r)
+          "onUpdate:modelValue": (u) => s("defaultValue", u)
         }, null, 8, ["model-value", "onUpdate:modelValue"])
       ]),
       _: 1
     }, 16));
   }
-}), Ve = {
+}), Be = {
   type: "inq-confirm",
   category: "inputControl",
   label: "确认",
-  icon: "❓",
+  icon: D.confirm,
   isContainer: !1,
-  initialSchema: () => ({
-    id: R("inq_confirm"),
-    type: "inq-confirm",
-    field: "confirm_" + Math.random().toString(36).slice(2, 6),
-    props: {
-      label: "是否继续",
-      message: "请确认是否执行",
-      promptType: "confirm",
-      defaultValue: !1,
-      prefix: "",
-      suffix: "",
-      required: !1,
-      whenExpression: "",
-      validateExpression: "",
-      filterExpression: "",
-      transformerExpression: ""
-    }
-  }),
-  designer: Fl,
-  runtime: Ql,
-  config: jl,
+  initialSchema: () => {
+    const e = C("controls.confirm.message");
+    return {
+      id: T("inq_confirm"),
+      type: "inq-confirm",
+      field: "confirm_" + Math.random().toString(36).slice(2, 6),
+      props: {
+        label: e,
+        message: e,
+        promptType: "confirm",
+        defaultValue: !1,
+        prefix: "",
+        suffix: "",
+        required: !1,
+        whenExpression: "",
+        validateExpression: "",
+        filterExpression: "",
+        transformerExpression: ""
+      }
+    };
+  },
+  designer: gl,
+  runtime: Vl,
+  config: ql,
   locales: {
     "zh-CN": { control: { "inq-confirm": { label: "确认" } } },
     "en-US": { control: { "inq-confirm": { label: "Confirm" } } }
   }
-}, Gl = /* @__PURE__ */ h({
+}, Cl = /* @__PURE__ */ f({
   __name: "designer",
   props: {
     label: {},
@@ -957,28 +1281,28 @@ const he = {
     choices: {}
   },
   emits: ["select"],
-  setup(e, { emit: t }) {
-    const l = e, s = t, { label: a, message: i, description: n, isActive: r, choices: g } = B(l);
-    return (m, p) => (u(), x(A, {
-      label: o(a),
-      message: o(i),
-      description: o(n),
-      options: o(g),
+  setup(e, { emit: l }) {
+    const t = e, a = l, { label: r, message: n, description: s, isActive: u, choices: _ } = B(t);
+    return (p, v) => (i(), b(M, {
+      label: o(r),
+      message: o(n),
+      description: o(s),
+      options: o(_),
       "type-label": "Inquirer List",
-      "is-active": o(r),
-      onSelect: p[0] || (p[0] = (v) => s("select"))
+      "is-active": o(u),
+      onSelect: v[0] || (v[0] = (g) => a("select"))
     }, null, 8, ["label", "message", "description", "options", "is-active"]));
   }
-}), Yl = { class: "inquirer-list" }, Hl = {
+}), El = { class: "inquirer-list" }, Sl = {
   key: 0,
   class: "affix"
-}, Kl = {
+}, kl = {
   key: 1,
   class: "affix"
-}, Wl = {
+}, $l = {
   key: 2,
   class: "list-hint"
-}, Xl = { key: 0 }, Zl = { key: 1 }, et = /* @__PURE__ */ h({
+}, Ul = { key: 0 }, Il = { key: 1 }, Nl = /* @__PURE__ */ f({
   __name: "runtime",
   props: {
     modelValue: {},
@@ -991,41 +1315,41 @@ const he = {
     loop: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: t }) {
-    const l = e, s = t, a = V(
-      () => (l.choices ?? []).map((i) => ({
-        label: i.label || i.value,
-        value: i.value
+  setup(e, { emit: l }) {
+    const t = e, a = l, r = y(
+      () => (t.choices ?? []).map((n) => ({
+        label: n.label || n.value,
+        value: n.value
       }))
     );
-    return (i, n) => (u(), d("div", Yl, [
-      e.prefix ? (u(), d("span", Hl, f(e.prefix), 1)) : y("", !0),
-      b(o(ve), {
+    return (n, s) => (i(), d("div", El, [
+      e.prefix ? (i(), d("span", Sl, m(e.prefix), 1)) : x("", !0),
+      h(o(Se), {
         class: "select-runtime",
         "model-value": e.modelValue,
         placeholder: e.placeholder,
         disabled: e.disabled,
         filterable: "",
         clearable: "",
-        "onUpdate:modelValue": n[0] || (n[0] = (r) => s("update:modelValue", r))
+        "onUpdate:modelValue": s[0] || (s[0] = (u) => a("update:modelValue", u))
       }, {
-        default: w(() => [
-          (u(!0), d(S, null, I(a.value, (r) => (u(), x(o(be), {
-            key: r.value,
-            label: r.label,
-            value: r.value
+        default: V(() => [
+          (i(!0), d(I, null, z(r.value, (u) => (i(), b(o(ke), {
+            key: u.value,
+            label: u.label,
+            value: u.value
           }, null, 8, ["label", "value"]))), 128))
         ]),
         _: 1
       }, 8, ["model-value", "placeholder", "disabled"]),
-      e.suffix ? (u(), d("span", Kl, f(e.suffix), 1)) : y("", !0),
-      e.loop || e.pageSize ? (u(), d("p", Wl, [
-        e.pageSize ? (u(), d("span", Xl, "每页 " + f(e.pageSize) + " 项", 1)) : y("", !0),
-        e.loop ? (u(), d("span", Zl, " · 循环导航开启")) : y("", !0)
-      ])) : y("", !0)
+      e.suffix ? (i(), d("span", kl, m(e.suffix), 1)) : x("", !0),
+      e.loop || e.pageSize ? (i(), d("p", $l, [
+        e.pageSize ? (i(), d("span", Ul, "每页 " + m(e.pageSize) + " 项", 1)) : x("", !0),
+        e.loop ? (i(), d("span", Il, " · 循环导航开启")) : x("", !0)
+      ])) : x("", !0)
     ]));
   }
-}), se = /* @__PURE__ */ _(et, [["__scopeId", "data-v-ad8b9ebc"]]), oe = /* @__PURE__ */ h({
+}), ue = /* @__PURE__ */ q(Nl, [["__scopeId", "data-v-ed3b4861"]]), ce = /* @__PURE__ */ f({
   __name: "config",
   props: {
     label: {},
@@ -1046,73 +1370,79 @@ const he = {
     loop: { type: Boolean }
   },
   emits: ["update"],
-  setup(e, { emit: t }) {
-    const l = e, s = t;
-    return (a, i) => (u(), x(M, D(l, {
-      onUpdate: i[0] || (i[0] = (n) => s("update", n))
+  setup(e, { emit: l }) {
+    const t = e, a = l;
+    return (r, n) => (i(), b(J, L(t, {
+      onUpdate: n[0] || (n[0] = (s) => a("update", s))
     }), {
-      extra: w(({ updateProp: n }) => [
-        b(o(ce), {
+      extra: V(({ updateProp: s }) => [
+        h(o(we), {
           label: "选项",
           "model-value": e.choices,
-          "onUpdate:modelValue": (r) => n("choices", r)
+          "onUpdate:modelValue": (u) => s("choices", u)
         }, null, 8, ["model-value", "onUpdate:modelValue"]),
-        b(o(N), {
+        h(o(A), {
           label: "默认选项值",
           "model-value": e.defaultChoice,
-          "onUpdate:modelValue": (r) => n("defaultChoice", r)
+          "onUpdate:modelValue": (u) => s("defaultChoice", u)
         }, null, 8, ["model-value", "onUpdate:modelValue"]),
-        b(P, {
+        h(Q, {
           label: "pageSize",
           "model-value": e.pageSize,
           min: 1,
-          "onUpdate:modelValue": (r) => n("pageSize", r)
+          "onUpdate:modelValue": (u) => s("pageSize", u)
         }, null, 8, ["model-value", "onUpdate:modelValue"]),
-        b(o(le), {
+        h(o(se), {
           label: "循环 (loop)",
           "model-value": e.loop,
-          "onUpdate:modelValue": (r) => n("loop", r)
+          "onUpdate:modelValue": (u) => s("loop", u)
         }, null, 8, ["model-value", "onUpdate:modelValue"])
       ]),
       _: 1
     }, 16));
   }
-}), we = {
+}), Me = {
   type: "inq-list",
   category: "inputControl",
   label: "列表",
-  icon: "📋",
+  icon: D.list,
   isContainer: !1,
-  initialSchema: () => ({
-    id: R("inq_list"),
-    type: "inq-list",
-    field: "list_" + Math.random().toString(36).slice(2, 6),
-    props: {
-      label: "单选列表",
-      message: "请选择一个选项",
-      promptType: "list",
-      placeholder: "请选择",
-      defaultChoice: "opt_1",
-      choices: [k("选项 1", "opt_1"), k("选项 2", "opt_2")],
-      pageSize: 7,
-      loop: !0,
-      prefix: "",
-      suffix: "",
-      required: !0,
-      whenExpression: "",
-      validateExpression: "",
-      filterExpression: "",
-      transformerExpression: ""
-    }
-  }),
-  designer: Gl,
-  runtime: se,
-  config: oe,
+  initialSchema: () => {
+    const e = C("controls.list.message");
+    return {
+      id: T("inq_list"),
+      type: "inq-list",
+      field: "list_" + Math.random().toString(36).slice(2, 6),
+      props: {
+        label: e,
+        message: e,
+        promptType: "list",
+        placeholder: C("controls.list.placeholder"),
+        defaultChoice: "opt_1",
+        choices: [
+          $(C("controls.list.option") + " 1", "opt_1"),
+          $(C("controls.list.option") + " 2", "opt_2")
+        ],
+        pageSize: 7,
+        loop: !0,
+        prefix: "",
+        suffix: "",
+        required: !0,
+        whenExpression: "",
+        validateExpression: "",
+        filterExpression: "",
+        transformerExpression: ""
+      }
+    };
+  },
+  designer: Cl,
+  runtime: ue,
+  config: ce,
   locales: {
     "zh-CN": { control: { "inq-list": { label: "列表" } } },
     "en-US": { control: { "inq-list": { label: "List" } } }
   }
-}, lt = /* @__PURE__ */ h({
+}, zl = /* @__PURE__ */ f({
   __name: "designer",
   props: {
     label: {},
@@ -1122,26 +1452,26 @@ const he = {
     choices: {}
   },
   emits: ["select"],
-  setup(e, { emit: t }) {
-    const l = e, s = t, { label: a, message: i, description: n, isActive: r, choices: g } = B(l);
-    return (m, p) => (u(), x(A, {
-      label: o(a),
-      message: o(i),
-      description: o(n),
-      options: o(g),
+  setup(e, { emit: l }) {
+    const t = e, a = l, { label: r, message: n, description: s, isActive: u, choices: _ } = B(t);
+    return (p, v) => (i(), b(M, {
+      label: o(r),
+      message: o(n),
+      description: o(s),
+      options: o(_),
       "type-label": "Inquirer Raw List",
-      "is-active": o(r),
-      onSelect: p[0] || (p[0] = (v) => s("select"))
+      "is-active": o(u),
+      onSelect: v[0] || (v[0] = (g) => a("select"))
     }, null, 8, ["label", "message", "description", "options", "is-active"]));
   }
-}), tt = {
+}), Bl = {
   type: "inq-rawlist",
   category: "inputControl",
   label: "序号列表",
-  icon: "🔢",
+  icon: D.rawList,
   isContainer: !1,
   initialSchema: () => ({
-    id: R("inq_rawlist"),
+    id: T("inq_rawlist"),
     type: "inq-rawlist",
     field: "rawlist_" + Math.random().toString(36).slice(2, 6),
     props: {
@@ -1150,7 +1480,7 @@ const he = {
       promptType: "rawlist",
       placeholder: "输入编号",
       defaultChoice: "opt_a",
-      choices: [k("Alpha", "opt_a"), k("Beta", "opt_b"), k("Gamma", "opt_c")],
+      choices: [$("Alpha", "opt_a"), $("Beta", "opt_b"), $("Gamma", "opt_c")],
       pageSize: 5,
       loop: !1,
       prefix: "#",
@@ -1162,14 +1492,14 @@ const he = {
       transformerExpression: ""
     }
   }),
-  designer: lt,
-  runtime: se,
-  config: oe,
+  designer: zl,
+  runtime: ue,
+  config: ce,
   locales: {
     "zh-CN": { control: { "inq-rawlist": { label: "序号列表" } } },
     "en-US": { control: { "inq-rawlist": { label: "Raw List" } } }
   }
-}, nt = /* @__PURE__ */ h({
+}, Ml = /* @__PURE__ */ f({
   __name: "designer",
   props: {
     label: {},
@@ -1179,26 +1509,26 @@ const he = {
     choices: {}
   },
   emits: ["select"],
-  setup(e, { emit: t }) {
-    const l = e, s = t, { label: a, message: i, description: n, isActive: r, choices: g } = B(l);
-    return (m, p) => (u(), x(A, {
-      label: o(a),
-      message: o(i),
-      description: o(n),
-      options: o(g),
+  setup(e, { emit: l }) {
+    const t = e, a = l, { label: r, message: n, description: s, isActive: u, choices: _ } = B(t);
+    return (p, v) => (i(), b(M, {
+      label: o(r),
+      message: o(n),
+      description: o(s),
+      options: o(_),
       "type-label": "Inquirer Expand",
-      "is-active": o(r),
-      onSelect: p[0] || (p[0] = (v) => s("select"))
+      "is-active": o(u),
+      onSelect: v[0] || (v[0] = (g) => a("select"))
     }, null, 8, ["label", "message", "description", "options", "is-active"]));
   }
-}), st = {
+}), Tl = {
   type: "inq-expand",
   category: "inputControl",
   label: "扩展列表",
-  icon: "🧩",
+  icon: D.expand,
   isContainer: !1,
   initialSchema: () => ({
-    id: R("inq_expand"),
+    id: T("inq_expand"),
     type: "inq-expand",
     field: "expand_" + Math.random().toString(36).slice(2, 6),
     props: {
@@ -1208,9 +1538,9 @@ const he = {
       placeholder: "按键选择",
       defaultChoice: "opt_1",
       choices: [
-        k("继续", "opt_1"),
-        k("跳过", "opt_2"),
-        k("退出", "opt_3")
+        $("继续", "opt_1"),
+        $("跳过", "opt_2"),
+        $("退出", "opt_3")
       ],
       pageSize: 5,
       loop: !1,
@@ -1223,14 +1553,14 @@ const he = {
       transformerExpression: ""
     }
   }),
-  designer: nt,
-  runtime: se,
-  config: oe,
+  designer: Ml,
+  runtime: ue,
+  config: ce,
   locales: {
     "zh-CN": { control: { "inq-expand": { label: "扩展列表" } } },
     "en-US": { control: { "inq-expand": { label: "Expand" } } }
   }
-}, ot = /* @__PURE__ */ h({
+}, Dl = /* @__PURE__ */ f({
   __name: "designer",
   props: {
     label: {},
@@ -1240,25 +1570,25 @@ const he = {
     choices: {}
   },
   emits: ["select"],
-  setup(e, { emit: t }) {
-    const l = e, s = t, { label: a, message: i, description: n, isActive: r, choices: g } = B(l);
-    return (m, p) => (u(), x(A, {
-      label: o(a),
-      message: o(i),
-      description: o(n),
-      options: o(g),
+  setup(e, { emit: l }) {
+    const t = e, a = l, { label: r, message: n, description: s, isActive: u, choices: _ } = B(t);
+    return (p, v) => (i(), b(M, {
+      label: o(r),
+      message: o(n),
+      description: o(s),
+      options: o(_),
       "type-label": "Inquirer Checkbox",
-      "is-active": o(r),
-      onSelect: p[0] || (p[0] = (v) => s("select"))
+      "is-active": o(u),
+      onSelect: v[0] || (v[0] = (g) => a("select"))
     }, null, 8, ["label", "message", "description", "options", "is-active"]));
   }
-}), at = { class: "checkbox-wrapper" }, it = {
+}), Al = { class: "checkbox-wrapper" }, Ll = {
   key: 0,
   class: "affix"
-}, rt = {
+}, Rl = {
   key: 1,
   class: "affix"
-}, ut = /* @__PURE__ */ h({
+}, Fl = /* @__PURE__ */ f({
   __name: "runtime",
   props: {
     modelValue: {},
@@ -1268,38 +1598,38 @@ const he = {
     suffix: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: t }) {
-    const l = e, s = t, a = V(
-      () => (l.choices ?? []).map((i) => ({
-        label: i.label || i.value,
-        value: i.value
+  setup(e, { emit: l }) {
+    const t = e, a = l, r = y(
+      () => (t.choices ?? []).map((n) => ({
+        label: n.label || n.value,
+        value: n.value
       }))
     );
-    return (i, n) => (u(), d("div", at, [
-      e.prefix ? (u(), d("span", it, f(e.prefix), 1)) : y("", !0),
-      b(o(Me), {
+    return (n, s) => (i(), d("div", Al, [
+      e.prefix ? (i(), d("span", Ll, m(e.prefix), 1)) : x("", !0),
+      h(o(Xe), {
         class: "checkbox-runtime",
         "model-value": e.modelValue || [],
         disabled: e.disabled,
-        "onUpdate:modelValue": n[0] || (n[0] = (r) => s("update:modelValue", r))
+        "onUpdate:modelValue": s[0] || (s[0] = (u) => a("update:modelValue", u))
       }, {
-        default: w(() => [
-          (u(!0), d(S, null, I(a.value, (r) => (u(), x(o(Oe), {
-            key: r.value,
-            label: r.value
+        default: V(() => [
+          (i(!0), d(I, null, z(r.value, (u) => (i(), b(o(Ze), {
+            key: u.value,
+            label: u.value
           }, {
-            default: w(() => [
-              Y(f(r.label), 1)
+            default: V(() => [
+              X(m(u.label), 1)
             ]),
             _: 2
           }, 1032, ["label"]))), 128))
         ]),
         _: 1
       }, 8, ["model-value", "disabled"]),
-      e.suffix ? (u(), d("span", rt, f(e.suffix), 1)) : y("", !0)
+      e.suffix ? (i(), d("span", Rl, m(e.suffix), 1)) : x("", !0)
     ]));
   }
-}), dt = /* @__PURE__ */ _(ut, [["__scopeId", "data-v-86b287ae"]]), ct = { class: "multi-default" }, pt = /* @__PURE__ */ h({
+}), Pl = /* @__PURE__ */ q(Fl, [["__scopeId", "data-v-5def473d"]]), Ol = { class: "multi-default" }, Hl = /* @__PURE__ */ f({
   __name: "config",
   props: {
     label: {},
@@ -1318,79 +1648,82 @@ const he = {
     defaultChoices: {}
   },
   emits: ["update"],
-  setup(e, { emit: t }) {
-    const l = e, s = t;
-    return (a, i) => (u(), x(M, D(l, {
-      onUpdate: i[0] || (i[0] = (n) => s("update", n))
+  setup(e, { emit: l }) {
+    const t = e, a = l;
+    return (r, n) => (i(), b(J, L(t, {
+      onUpdate: n[0] || (n[0] = (s) => a("update", s))
     }), {
-      defaultValue: w(({ updateProp: n }) => [
-        c("div", ct, [
-          i[1] || (i[1] = c("label", null, "默认选中值", -1)),
-          b(o(ve), {
+      defaultValue: V(({ updateProp: s }) => [
+        c("div", Ol, [
+          n[1] || (n[1] = c("label", null, "默认选中值", -1)),
+          h(o(Se), {
             multiple: "",
             "collapse-tags": "",
             "collapse-tags-tooltip": "",
             "model-value": e.defaultChoices || [],
-            "onUpdate:modelValue": (r) => n("defaultChoices", r)
+            "onUpdate:modelValue": (u) => s("defaultChoices", u)
           }, {
-            default: w(() => [
-              (u(!0), d(S, null, I(e.choices || [], (r) => (u(), x(o(be), {
-                key: r.value,
-                label: r.label,
-                value: r.value
+            default: V(() => [
+              (i(!0), d(I, null, z(e.choices || [], (u) => (i(), b(o(ke), {
+                key: u.value,
+                label: u.label,
+                value: u.value
               }, null, 8, ["label", "value"]))), 128))
             ]),
             _: 1
           }, 8, ["model-value", "onUpdate:modelValue"])
         ])
       ]),
-      extra: w(({ updateProp: n }) => [
-        b(o(ce), {
+      extra: V(({ updateProp: s }) => [
+        h(o(we), {
           label: "选项",
           "model-value": e.choices,
-          "onUpdate:modelValue": (r) => n("choices", r)
+          "onUpdate:modelValue": (u) => s("choices", u)
         }, null, 8, ["model-value", "onUpdate:modelValue"])
       ]),
       _: 1
     }, 16));
   }
-}), mt = /* @__PURE__ */ _(pt, [["__scopeId", "data-v-c571b549"]]), _e = {
+}), Jl = /* @__PURE__ */ q(Hl, [["__scopeId", "data-v-fa680fd2"]]), Te = {
   type: "inq-checkbox",
   category: "inputControl",
   label: "多选",
-  icon: "☑️",
+  icon: D.checkbox,
   isContainer: !1,
-  initialSchema: () => ({
-    id: R("inq_checkbox"),
-    type: "inq-checkbox",
-    field: "checkbox_" + Math.random().toString(36).slice(2, 6),
-    props: {
-      label: "多选题",
-      message: "选择一个或多个选项",
-      promptType: "checkbox",
-      choices: [
-        k("JavaScript", "js"),
-        k("TypeScript", "ts"),
-        k("Rust", "rust")
-      ],
-      defaultChoices: ["js"],
-      prefix: "",
-      suffix: "",
-      required: !1,
-      whenExpression: "",
-      validateExpression: "",
-      filterExpression: "",
-      transformerExpression: ""
-    }
-  }),
-  designer: ot,
-  runtime: dt,
-  config: mt,
+  initialSchema: () => {
+    const e = C("controls.checkbox.message");
+    return {
+      id: T("inq_checkbox"),
+      type: "inq-checkbox",
+      field: "checkbox_" + Math.random().toString(36).slice(2, 6),
+      props: {
+        label: e,
+        message: e,
+        promptType: "checkbox",
+        choices: [
+          $(C("controls.checkbox.option") + " 1", "opt_1"),
+          $(C("controls.checkbox.option") + " 2", "opt_2"),
+          $(C("controls.checkbox.option") + " 3", "opt_3")
+        ],
+        defaultChoices: ["opt_1"],
+        prefix: "",
+        suffix: "",
+        required: !1,
+        whenExpression: "",
+        validateExpression: "",
+        filterExpression: "",
+        transformerExpression: ""
+      }
+    };
+  },
+  designer: Dl,
+  runtime: Pl,
+  config: Jl,
   locales: {
     "zh-CN": { control: { "inq-checkbox": { label: "多选" } } },
     "en-US": { control: { "inq-checkbox": { label: "Checkbox" } } }
   }
-}, ft = /* @__PURE__ */ h({
+}, Gl = /* @__PURE__ */ f({
   __name: "designer",
   props: {
     label: {},
@@ -1399,27 +1732,27 @@ const he = {
     isActive: { type: Boolean }
   },
   emits: ["select"],
-  setup(e, { emit: t }) {
-    const l = e, s = t, { label: a, message: i, description: n, isActive: r } = B(l);
-    return (g, m) => (u(), x(A, {
-      label: o(a),
-      message: o(i),
-      description: o(n),
+  setup(e, { emit: l }) {
+    const t = e, a = l, { label: r, message: n, description: s, isActive: u } = B(t);
+    return (_, p) => (i(), b(M, {
+      label: o(r),
+      message: o(n),
+      description: o(s),
       "type-label": "Inquirer Editor",
-      "is-active": o(r),
-      onSelect: m[0] || (m[0] = (p) => s("select"))
+      "is-active": o(u),
+      onSelect: p[0] || (p[0] = (v) => a("select"))
     }, null, 8, ["label", "message", "description", "is-active"]));
   }
-}), vt = { class: "editor-runtime" }, bt = {
+}), Ql = { class: "editor-runtime" }, jl = {
   key: 0,
   class: "affix"
-}, xt = {
+}, Wl = {
   key: 1,
   class: "affix"
-}, ht = {
+}, Yl = {
   key: 2,
   class: "transformer-preview"
-}, gt = /* @__PURE__ */ h({
+}, Kl = /* @__PURE__ */ f({
   __name: "runtime",
   props: {
     modelValue: {},
@@ -1431,23 +1764,23 @@ const he = {
     displayValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: t }) {
-    const l = e, s = t, a = V(() => l.displayValue === void 0 ? !1 : l.displayValue !== l.modelValue);
-    return (i, n) => (u(), d("div", vt, [
-      e.prefix ? (u(), d("span", bt, f(e.prefix), 1)) : y("", !0),
-      b(o(H), {
+  setup(e, { emit: l }) {
+    const t = e, a = l, r = y(() => t.displayValue === void 0 ? !1 : t.displayValue !== t.modelValue);
+    return (n, s) => (i(), d("div", Ql, [
+      e.prefix ? (i(), d("span", jl, m(e.prefix), 1)) : x("", !0),
+      h(o(ee), {
         type: "textarea",
         rows: e.rows || 6,
         "model-value": e.modelValue ?? "",
         placeholder: e.placeholder,
         disabled: e.disabled,
-        "onUpdate:modelValue": n[0] || (n[0] = (r) => s("update:modelValue", r ?? ""))
+        "onUpdate:modelValue": s[0] || (s[0] = (u) => a("update:modelValue", u ?? ""))
       }, null, 8, ["rows", "model-value", "placeholder", "disabled"]),
-      e.suffix ? (u(), d("span", xt, f(e.suffix), 1)) : y("", !0),
-      a.value ? (u(), d("p", ht, f(e.displayValue), 1)) : y("", !0)
+      e.suffix ? (i(), d("span", Wl, m(e.suffix), 1)) : x("", !0),
+      r.value ? (i(), d("p", Yl, m(e.displayValue), 1)) : x("", !0)
     ]));
   }
-}), yt = /* @__PURE__ */ _(gt, [["__scopeId", "data-v-bd13db5a"]]), Vt = /* @__PURE__ */ h({
+}), Xl = /* @__PURE__ */ q(Kl, [["__scopeId", "data-v-768e57da"]]), Zl = /* @__PURE__ */ f({
   __name: "config",
   props: {
     label: {},
@@ -1465,156 +1798,166 @@ const he = {
     rows: {}
   },
   emits: ["update"],
-  setup(e, { emit: t }) {
-    const l = e, s = t;
-    return (a, i) => (u(), x(M, D(l, {
-      onUpdate: i[0] || (i[0] = (n) => s("update", n))
+  setup(e, { emit: l }) {
+    const t = e, a = l;
+    return (r, n) => (i(), b(J, L(t, {
+      onUpdate: n[0] || (n[0] = (s) => a("update", s))
     }), {
-      extra: w(({ updateProp: n }) => [
-        b(P, {
+      extra: V(({ updateProp: s }) => [
+        h(Q, {
           label: "行数",
           "model-value": e.rows,
           min: 2,
           max: 20,
-          "onUpdate:modelValue": (r) => n("rows", r)
+          "onUpdate:modelValue": (u) => s("rows", u)
         }, null, 8, ["model-value", "onUpdate:modelValue"])
       ]),
       _: 1
     }, 16));
   }
-}), qe = {
+}), De = {
   type: "inq-editor",
   category: "inputControl",
   label: "长文本",
-  icon: "📝",
+  icon: D.editor,
   isContainer: !1,
-  initialSchema: () => ({
-    id: R("inq_editor"),
-    type: "inq-editor",
-    field: "editor_" + Math.random().toString(36).slice(2, 6),
-    props: {
-      label: "长文本",
-      message: "请输入长文本",
-      promptType: "editor",
-      placeholder: "多行输入",
-      rows: 6,
-      defaultValue: "",
-      prefix: "",
-      suffix: "",
-      required: !1,
-      whenExpression: "",
-      validateExpression: "",
-      filterExpression: "",
-      transformerExpression: ""
-    }
-  }),
-  designer: ft,
-  runtime: yt,
-  config: Vt,
+  initialSchema: () => {
+    const e = C("controls.editor.message");
+    return {
+      id: T("inq_editor"),
+      type: "inq-editor",
+      field: "editor_" + Math.random().toString(36).slice(2, 6),
+      props: {
+        label: e,
+        message: e,
+        promptType: "editor",
+        placeholder: C("controls.editor.placeholder"),
+        rows: 6,
+        defaultValue: "",
+        prefix: "",
+        suffix: "",
+        required: !1,
+        whenExpression: "",
+        validateExpression: "",
+        filterExpression: "",
+        transformerExpression: ""
+      }
+    };
+  },
+  designer: Gl,
+  runtime: Xl,
+  config: Zl,
   locales: {
     "zh-CN": { control: { "inq-editor": { label: "长文本" } } },
     "en-US": { control: { "inq-editor": { label: "Editor" } } }
   }
-}, Ee = [
-  he,
-  ge,
-  ye,
-  Ve,
-  we,
-  tt,
-  st,
-  _e,
-  qe
+}, es = [
+  Ie,
+  Ne,
+  ze,
+  Be,
+  Me,
+  Bl,
+  Tl,
+  Te,
+  De
 ];
-function Se() {
-  Q.replaceAll(Ee);
+function Ae() {
+  j.replaceAll(es);
 }
-function z(e, t) {
-  const l = e.initialSchema();
+function P(e, l) {
+  const t = e.initialSchema();
   return {
-    ...l,
     ...t,
+    ...l,
     props: {
-      ...l.props,
-      ...t.props
+      ...t.props,
+      ...l.props
     }
   };
 }
-function ke() {
+function Le(e) {
   return [
-    z(he, {
+    P(Ie, {
       field: "fullName",
       props: {
-        label: "姓名",
-        message: "请输入您的姓名",
-        placeholder: "张三",
-        description: "该信息将用于生成问候语"
+        label: e("sample.fullName.message"),
+        // label 和 message 保持一致
+        message: e("sample.fullName.message"),
+        placeholder: e("sample.fullName.placeholder"),
+        description: e("sample.fullName.description")
       }
     }),
-    z(ge, {
+    P(Ne, {
       field: "accountPassword",
       props: {
-        label: "账户密码",
-        message: "请输入账户密码",
-        description: "密码不会被保存在示例应用中"
+        label: e("sample.password.message"),
+        // label 和 message 保持一致
+        message: e("sample.password.message"),
+        description: e("sample.password.description")
       }
     }),
-    z(ye, {
+    P(ze, {
       field: "age",
       props: {
-        label: "年龄",
-        message: "请输入年龄",
+        label: e("sample.age.message"),
+        // label 和 message 保持一致
+        message: e("sample.age.message"),
         min: 0,
         max: 120,
         required: !0,
-        description: "用于计算问卷分层，必填"
+        description: e("sample.age.description")
       }
     }),
-    z(Ve, {
+    P(Be, {
       field: "allowContact",
       props: {
-        label: "是否允许联系",
-        message: "我们可以通过邮件联系您吗？",
+        label: e("sample.allowContact.message"),
+        // label 和 message 保持一致
+        message: e("sample.allowContact.message"),
         defaultValue: !0,
-        description: "若选择是，将会收到提效工具邮件"
+        description: e("sample.allowContact.description")
       }
     }),
-    z(we, {
+    P(Me, {
       field: "favoriteStack",
       props: {
-        label: "技术栈",
-        message: "请选择主要技术栈",
+        label: e("sample.favoriteStack.message"),
+        // label 和 message 保持一致
+        message: e("sample.favoriteStack.message"),
         defaultChoice: "ts",
-        description: "用于统计语言偏好"
+        description: e("sample.favoriteStack.description")
       }
     }),
-    z(_e, {
+    P(Te, {
       field: "tools",
       props: {
-        label: "常用工具",
-        message: "请选择常用工具",
+        label: e("sample.tools.message"),
+        // label 和 message 保持一致
+        message: e("sample.tools.message"),
         defaultChoices: ["git", "eslint"],
         choices: [
-          { label: "Git", value: "git" },
-          { label: "ESLint", value: "eslint" },
-          { label: "Vite", value: "vite" },
-          { label: "Vitest", value: "vitest" }
+          { label: e("sample.tools.choices.git"), value: "git" },
+          { label: e("sample.tools.choices.eslint"), value: "eslint" },
+          { label: e("sample.tools.choices.vite"), value: "vite" },
+          { label: e("sample.tools.choices.vitest"), value: "vitest" }
         ],
-        description: "可多选"
+        description: e("sample.tools.description")
       }
     }),
-    z(qe, {
+    P(De, {
       field: "bio",
       props: {
-        label: "自我介绍",
-        message: "请输入自我介绍",
+        label: e("sample.bio.message"),
+        // label 和 message 保持一致
+        message: e("sample.bio.message"),
         rows: 5,
-        description: "可用于在 inquirer 中展示更丰富的信息"
+        description: e("sample.bio.description")
       }
     })
   ];
 }
-const wt = /* @__PURE__ */ h({
+const ts = /* @__PURE__ */ f({
   name: "InquirerFormDesigner",
   __name: "InquirerFormDesigner",
   props: {
@@ -1623,14 +1966,14 @@ const wt = /* @__PURE__ */ h({
     autoRegisterControls: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const t = e, l = new pe(), s = V(() => t.engine ?? l);
-    let a = null;
-    const i = t.autoRegisterControls;
-    return i && (a = [...Q.getAll()], Se()), t.seedSample && s.value.getSchema().controls.length === 0 && (s.value.getSchema().controls = ke()), ue(() => {
-      i && a && Q.replaceAll(a);
-    }), (n, r) => (u(), x(o(me), { engine: s.value }, null, 8, ["engine"]));
+    const l = e, t = new Ve(), a = y(() => l.engine ?? t);
+    let r = null;
+    const n = l.autoRegisterControls;
+    return n && (r = [...j.getAll()], Ae()), l.seedSample && a.value.getSchema().controls.length === 0 && (a.value.getSchema().controls = Le()), ye(() => {
+      n && r && j.replaceAll(r);
+    }), (s, u) => (i(), b(o(qe), { engine: a.value }, null, 8, ["engine"]));
   }
-}), _t = {
+}), ls = {
   "inq-input": "input",
   "inq-password": "password",
   "inq-number": "number",
@@ -1640,99 +1983,99 @@ const wt = /* @__PURE__ */ h({
   "inq-expand": "expand",
   "inq-checkbox": "checkbox",
   "inq-editor": "editor"
-}, qt = ["list", "rawlist", "expand", "checkbox"];
-function Ce(e) {
-  const t = e.props?.promptType;
-  return t || (_t[e.type] ?? null);
+}, ss = ["list", "rawlist", "expand", "checkbox"];
+function Re(e) {
+  const l = e.props?.promptType;
+  return l || (ls[e.type] ?? null);
 }
-function Et(e) {
-  return qt.includes(e);
+function as(e) {
+  return ss.includes(e);
 }
-function $e(e) {
-  const t = Ce(e);
-  if (!t) return;
-  const l = e.props || {};
-  if (t === "confirm")
-    return typeof l.defaultValue == "boolean" ? l.defaultValue : !1;
-  if (t === "checkbox")
-    return Array.isArray(l.defaultChoices) ? l.defaultChoices : Array.isArray(l.defaultValue) ? l.defaultValue : [];
-  if (t === "number") {
-    const s = Number(l.defaultValue);
-    return Number.isNaN(s) ? void 0 : s;
+function de(e) {
+  const l = Re(e);
+  if (!l) return;
+  const t = e.props || {};
+  if (l === "confirm")
+    return typeof t.defaultValue == "boolean" ? t.defaultValue : !1;
+  if (l === "checkbox")
+    return Array.isArray(t.defaultChoices) ? t.defaultChoices : Array.isArray(t.defaultValue) ? t.defaultValue : [];
+  if (l === "number") {
+    const a = Number(t.defaultValue);
+    return Number.isNaN(a) ? void 0 : a;
   }
-  if ((t === "list" || t === "rawlist" || t === "expand") && typeof l.defaultChoice == "string")
-    return l.defaultChoice;
-  if (l.defaultValue !== void 0 && l.defaultValue !== null)
-    return l.defaultValue;
-  if (t === "input" || t === "password" || t === "editor")
+  if ((l === "list" || l === "rawlist" || l === "expand") && typeof t.defaultChoice == "string")
+    return t.defaultChoice;
+  if (t.defaultValue !== void 0 && t.defaultValue !== null)
+    return t.defaultValue;
+  if (l === "input" || l === "password" || l === "editor")
     return "";
 }
-function te(e, t) {
+function ae(e, l) {
   if (!(!e || typeof e != "string"))
     try {
-      return new Function("input", "answers", e)(t.input, t.answers);
-    } catch (l) {
-      console.warn("[inquirer-demo] 表达式执行失败:", l);
+      return new Function("input", "answers", e)(l.input, l.answers);
+    } catch (t) {
+      console.warn("[inquirer-demo] 表达式执行失败:", t);
       return;
     }
 }
-function St(e, t) {
-  const l = e.props?.whenExpression;
-  if (!l) return !0;
-  const s = te(l, { input: t[e.field || ""], answers: t });
-  return typeof s == "boolean" ? s : !0;
+function os(e, l) {
+  const t = e.props?.whenExpression;
+  if (!t) return !0;
+  const a = ae(t, { input: l[e.field || ""], answers: l });
+  return typeof a == "boolean" ? a : !0;
 }
-function kt(e, t, l) {
-  const s = e.props?.filterExpression;
-  if (!s) return t;
-  const a = te(s, { input: t, answers: l });
-  return a === void 0 ? t : a;
+function ns(e, l, t) {
+  const a = e.props?.filterExpression;
+  if (!a) return l;
+  const r = ae(a, { input: l, answers: t });
+  return r === void 0 ? l : r;
 }
-function Ct(e, t, l) {
-  const s = e.props?.transformerExpression;
-  if (!s) return t;
-  const a = te(s, { input: t, answers: l });
-  return a === void 0 ? t : a;
+function is(e, l, t) {
+  const a = e.props?.transformerExpression;
+  if (!a) return l;
+  const r = ae(a, { input: l, answers: t });
+  return r === void 0 ? l : r;
 }
-function ie(e, t, l) {
-  const s = e.props?.validateExpression;
-  if (!s && !e.props?.required)
+function ve(e, l, t) {
+  const a = e.props?.validateExpression;
+  if (!a && !e.props?.required)
     return null;
-  if (s) {
-    const a = te(s, { input: t, answers: l });
-    if (a === !0 || a === void 0)
+  if (a) {
+    const r = ae(a, { input: l, answers: t });
+    if (r === !0 || r === void 0)
       return null;
-    if (typeof a == "string")
-      return a;
+    if (typeof r == "string")
+      return r;
   } else if (e.props?.required) {
-    if (t == null || t === "")
-      return "该问题为必填项";
-    if (Array.isArray(t) && t.length === 0)
-      return "至少选择一项";
+    if (l == null || l === "")
+      return "Please input";
+    if (Array.isArray(l) && l.length === 0)
+      return "Please select";
   }
   return null;
 }
-function $t(e, t) {
-  if (!t.field || e[t.field] !== void 0) return;
-  const l = $e(t);
-  l !== void 0 && (e[t.field] = l);
+function rs(e, l) {
+  if (!l.field || e[l.field] !== void 0) return;
+  const t = de(l);
+  t !== void 0 && (e[l.field] = t);
 }
-function Ut(e) {
+function us(e) {
   if (typeof e.props?.description == "string" && e.props.description.trim().length > 0)
     return e.props.description.trim();
   if (typeof e.props?.message == "string" && e.props.message.trim().length > 0)
     return e.props.message.trim();
 }
-const It = {
+const cs = {
   key: 0,
   class: "inquirer-container"
-}, Nt = {
+}, ds = {
   key: 0,
   class: "node-description"
-}, Bt = {
+}, ps = {
   key: 1,
   class: "node-error"
-}, At = /* @__PURE__ */ h({
+}, ms = /* @__PURE__ */ f({
   name: "InquirerRuntimeNode",
   __name: "InquirerRuntimeNode",
   props: {
@@ -1740,80 +2083,80 @@ const It = {
     formData: {}
   },
   emits: ["update"],
-  setup(e, { emit: t }) {
-    const l = e, s = t, a = V(() => Q.get(l.node.type)), i = V(() => a.value?.runtime || null), n = V(() => l.formData || {}), r = V(() => {
-      if (l.node.field)
-        return n.value[l.node.field];
-    }), g = V(() => Ut(l.node)), m = L(null), p = V(() => St(l.node, n.value));
-    ee(
-      p,
-      ($) => {
-        !$ && l.node.field && n.value[l.node.field] !== void 0 && (s("update", l.node.field, void 0), m.value = null);
+  setup(e, { emit: l }) {
+    const t = e, a = l, r = y(() => j.get(t.node.type)), n = y(() => r.value?.runtime || null), s = y(() => t.formData || {}), u = y(() => {
+      if (t.node.field)
+        return s.value[t.node.field];
+    }), _ = y(() => us(t.node)), p = H(null), v = y(() => os(t.node, s.value));
+    Z(
+      v,
+      (k) => {
+        !k && t.node.field && s.value[t.node.field] !== void 0 && (a("update", t.node.field, void 0), p.value = null);
       },
       { immediate: !0 }
-    ), ee(
-      () => r.value,
-      ($) => {
-        m.value = ie(l.node, $, n.value);
+    ), Z(
+      () => u.value,
+      (k) => {
+        p.value = ve(t.node, k, s.value);
       },
       { immediate: !0 }
     );
-    function v($) {
-      if (!l.node.field) return;
-      const T = kt(l.node, $, n.value);
-      s("update", l.node.field, T), m.value = ie(l.node, T, n.value);
+    function g(k) {
+      if (!t.node.field) return;
+      const R = ns(t.node, k, s.value);
+      a("update", t.node.field, R), p.value = ve(t.node, R, s.value);
     }
-    const O = V(() => typeof l.node.props?.message == "string" && l.node.props.message.trim() ? l.node.props.message : typeof l.node.props?.label == "string" && l.node.props.label.trim() ? l.node.props.label : l.node.field || "未命名控件"), j = V(() => Ct(l.node, r.value, n.value)), J = V(() => a.value?.isContainer ?? !1);
-    function C($, T) {
-      s("update", $, T);
+    const w = y(() => typeof t.node.props?.message == "string" && t.node.props.message.trim() ? t.node.props.message : typeof t.node.props?.label == "string" && t.node.props.label.trim() ? t.node.props.label : t.node.field || "未命名控件"), te = y(() => is(t.node, u.value, s.value)), G = y(() => r.value?.isContainer ?? !1);
+    function U(k, R) {
+      a("update", k, R);
     }
-    return ($, T) => {
-      const K = Ne("InquirerRuntimeNode", !0);
-      return p.value ? (u(), d(S, { key: 0 }, [
-        J.value ? (u(), d("div", It, [
-          (u(), x(ae(i.value), Be(Ae(e.node.props)), {
-            default: w(() => [
-              e.node.children && e.node.children.length ? (u(!0), d(S, { key: 0 }, I(e.node.children, (U) => (u(), x(K, {
-                key: U.id,
-                node: U,
+    return (k, R) => {
+      const W = He("InquirerRuntimeNode", !0);
+      return v.value ? (i(), d(I, { key: 0 }, [
+        G.value ? (i(), d("div", cs, [
+          (i(), b(he(n.value), Je(Ge(e.node.props)), {
+            default: V(() => [
+              e.node.children && e.node.children.length ? (i(!0), d(I, { key: 0 }, z(e.node.children, (F) => (i(), b(W, {
+                key: F.id,
+                node: F,
                 formData: e.formData,
-                onUpdate: C
-              }, null, 8, ["node", "formData"]))), 128)) : y("", !0)
+                onUpdate: U
+              }, null, 8, ["node", "formData"]))), 128)) : x("", !0)
             ]),
             _: 1
           }, 16))
-        ])) : (u(), x(o(de), {
+        ])) : (i(), b(o(_e), {
           key: 1,
-          label: O.value
+          label: w.value
         }, {
-          default: w(() => [
-            (u(), x(ae(i.value), D(e.node.props, {
-              modelValue: r.value,
-              displayValue: j.value,
-              "onUpdate:modelValue": v
+          default: V(() => [
+            (i(), b(he(n.value), L(e.node.props, {
+              modelValue: u.value,
+              displayValue: te.value,
+              "onUpdate:modelValue": g
             }), {
-              default: w(() => [
-                e.node.children && e.node.children.length ? (u(!0), d(S, { key: 0 }, I(e.node.children, (U) => (u(), x(K, {
-                  key: U.id,
-                  node: U,
+              default: V(() => [
+                e.node.children && e.node.children.length ? (i(!0), d(I, { key: 0 }, z(e.node.children, (F) => (i(), b(W, {
+                  key: F.id,
+                  node: F,
                   formData: e.formData,
-                  onUpdate: C
-                }, null, 8, ["node", "formData"]))), 128)) : y("", !0)
+                  onUpdate: U
+                }, null, 8, ["node", "formData"]))), 128)) : x("", !0)
               ]),
               _: 1
             }, 16, ["modelValue", "displayValue"])),
-            g.value ? (u(), d("p", Nt, f(g.value), 1)) : y("", !0),
-            m.value ? (u(), d("p", Bt, f(m.value), 1)) : y("", !0)
+            _.value ? (i(), d("p", ds, m(_.value), 1)) : x("", !0),
+            p.value ? (i(), d("p", ps, m(p.value), 1)) : x("", !0)
           ]),
           _: 1
         }, 8, ["label"]))
-      ], 64)) : y("", !0);
+      ], 64)) : x("", !0);
     };
   }
-}), Rt = /* @__PURE__ */ _(At, [["__scopeId", "data-v-762f3565"]]), Tt = { class: "inquirer-web-runtime" }, Dt = {
+}), fs = /* @__PURE__ */ q(ms, [["__scopeId", "data-v-5d5107df"]]), hs = { class: "inquirer-web-runtime" }, vs = {
   key: 0,
   class: "runtime-empty"
-}, zt = /* @__PURE__ */ h({
+}, gs = /* @__PURE__ */ f({
   name: "InquirerFormRuntime",
   __name: "InquirerFormRuntime",
   props: {
@@ -1821,279 +2164,496 @@ const It = {
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: t }) {
-    const l = e, s = t, a = L({ ...l.modelValue || {} });
-    ee(
-      () => l.modelValue,
-      (g) => {
-        a.value = { ...g || {} };
+  setup(e, { emit: l }) {
+    const { t } = re({
+      messages: Ue,
+      inheritLocale: !0
+    }), a = e, r = l, n = H({ ...a.modelValue || {} });
+    Z(
+      () => a.modelValue,
+      (p) => {
+        n.value = { ...p || {} };
       },
       { deep: !0 }
-    ), ee(
-      () => l.schema.controls,
+    ), Z(
+      () => a.schema.controls,
       () => {
-        i();
+        s();
       },
       { deep: !0, immediate: !0 }
     );
-    function i() {
-      n(l.schema.controls), s("update:modelValue", { ...a.value });
+    function s() {
+      u(a.schema.controls), r("update:modelValue", { ...n.value });
     }
-    function n(g) {
-      g && g.forEach((m) => {
-        $t(a.value, m), m.children?.length && n(m.children);
+    function u(p) {
+      p && p.forEach((v) => {
+        rs(n.value, v), v.children?.length && u(v.children);
       });
     }
-    function r(g, m) {
-      m === void 0 ? delete a.value[g] : a.value[g] = m, s("update:modelValue", { ...a.value });
+    function _(p, v) {
+      v === void 0 ? delete n.value[p] : n.value[p] = v, r("update:modelValue", { ...n.value });
     }
-    return (g, m) => (u(), d("div", Tt, [
-      b(o(Je), {
+    return (p, v) => (i(), d("div", hs, [
+      h(o(et), {
         class: "form-content",
         "label-position": "top",
-        model: a.value
+        model: n.value
       }, {
-        default: w(() => [
-          !e.schema.controls || e.schema.controls.length === 0 ? (u(), d("div", Dt, " 暂无表单内容 ")) : (u(!0), d(S, { key: 1 }, I(e.schema.controls, (p) => (u(), x(Rt, {
-            key: p.id,
-            node: p,
-            formData: a.value,
-            onUpdate: r
+        default: V(() => [
+          !e.schema.controls || e.schema.controls.length === 0 ? (i(), d("div", vs, m(o(t)("runtime.emptyForm")), 1)) : (i(!0), d(I, { key: 1 }, z(e.schema.controls, (g) => (i(), b(fs, {
+            key: g.id,
+            node: g,
+            formData: n.value,
+            onUpdate: _
           }, null, 8, ["node", "formData"]))), 128))
         ]),
         _: 1
       }, 8, ["model"])
     ]));
   }
-}), Ue = /* @__PURE__ */ _(zt, [["__scopeId", "data-v-2ef727bc"]]);
-function Ft(e, t = {}) {
-  const l = [];
-  function s(a) {
-    a && a.forEach((i) => {
-      const n = Lt(i, t);
-      n && l.push(n), i.children?.length && s(i.children);
+}), Fe = /* @__PURE__ */ q(gs, [["__scopeId", "data-v-6fa4aa68"]]);
+function bs(e, l = {}) {
+  const t = [];
+  function a(r) {
+    r && r.forEach((n) => {
+      const s = xs(n, l);
+      s && t.push(s), n.children?.length && a(n.children);
     });
   }
-  return s(e.controls), l;
+  return a(e.controls), t;
 }
-function Lt(e, t) {
-  const l = Ce(e);
-  if (!l || e.props?.disabled && !t.includeDisabled)
+function xs(e, l) {
+  const t = Re(e);
+  if (!t || e.props?.disabled && !l.includeDisabled)
     return null;
-  const s = e.field?.trim() || e.props?.alias || e.id, a = e.props?.message?.trim() || e.props?.label || s, i = $e(e), n = {
-    type: l,
-    name: s,
-    message: a,
-    default: i,
-    prefix: F(e.props?.prefix),
-    suffix: F(e.props?.suffix),
-    pageSize: G(e.props?.pageSize),
+  const a = e.field?.trim() || e.props?.alias || e.id, r = e.props?.message?.trim() || e.props?.label || a, n = de(e), s = {
+    type: t,
+    name: a,
+    message: r,
+    default: n,
+    prefix: O(e.props?.prefix),
+    suffix: O(e.props?.suffix),
+    pageSize: K(e.props?.pageSize),
     loop: typeof e.props?.loop == "boolean" ? e.props.loop : void 0,
-    whenExpression: F(e.props?.whenExpression),
-    validateExpression: Ot(e),
-    filterExpression: F(e.props?.filterExpression),
-    transformerExpression: F(e.props?.transformerExpression),
-    mask: Mt(e.props),
-    choices: Jt(l, e.props),
+    whenExpression: O(e.props?.whenExpression),
+    validateExpression: _s(e),
+    filterExpression: O(e.props?.filterExpression),
+    transformerExpression: O(e.props?.transformerExpression),
+    mask: ys(e.props),
+    choices: ws(t, e.props),
     metadata: {
       schemaNodeId: e.id,
       label: e.props?.label,
       placeholder: e.props?.placeholder,
       required: !!e.props?.required,
-      inquirerType: l,
+      inquirerType: t,
       group: e.props?.groupLabel,
       description: e.props?.description
     }
   };
-  return l === "checkbox" && (n.metadata = {
-    ...n.metadata,
+  return t === "checkbox" && (s.metadata = {
+    ...s.metadata,
     defaultChoices: Array.isArray(e.props?.defaultChoices) ? e.props.defaultChoices : void 0
-  }), l === "number" && (n.metadata = {
-    ...n.metadata,
-    min: G(e.props?.min),
-    max: G(e.props?.max),
-    step: G(e.props?.step)
-  }), l === "editor" && (n.metadata = {
-    ...n.metadata,
-    rows: G(e.props?.rows)
-  }), n;
+  }), t === "number" && (s.metadata = {
+    ...s.metadata,
+    min: K(e.props?.min),
+    max: K(e.props?.max),
+    step: K(e.props?.step)
+  }), t === "editor" && (s.metadata = {
+    ...s.metadata,
+    rows: K(e.props?.rows)
+  }), s;
 }
-function Mt(e = {}) {
+function ys(e = {}) {
   if (e.maskEnabled)
     return typeof e.maskSymbol == "string" && e.maskSymbol.trim().length > 0 ? e.maskSymbol : !0;
 }
-function Ot(e) {
-  const t = F(e.props?.validateExpression);
-  if (t) return t;
+function _s(e) {
+  const l = O(e.props?.validateExpression);
+  if (l) return l;
   if (e.props?.required)
-    return "return input ? true : '该问题为必填项'";
+    return "return input ? true : 'Please input'";
 }
-function Jt(e, t = {}) {
-  if (!Et(e))
+function ws(e, l = {}) {
+  if (!as(e))
     return;
-  const l = t.choices;
-  return !Array.isArray(l) || l.length === 0 ? [] : l.filter((s) => typeof s?.label == "string" && typeof s?.value == "string").map((s) => ({
-    name: s.label,
-    value: s.value,
-    short: F(s.short)
+  const t = l.choices;
+  return !Array.isArray(t) || t.length === 0 ? [] : t.filter((a) => typeof a?.label == "string" && typeof a?.value == "string").map((a) => ({
+    name: a.label,
+    value: a.value,
+    short: O(a.short)
   }));
 }
-function F(e) {
+function O(e) {
   if (typeof e != "string") return;
-  const t = e.trim();
-  return t.length ? t : void 0;
+  const l = e.trim();
+  return l.length ? l : void 0;
 }
-function G(e) {
+function K(e) {
   if (e == null) return;
-  const t = Number(e);
-  return Number.isNaN(t) ? void 0 : t;
+  const l = Number(e);
+  return Number.isNaN(l) ? void 0 : l;
 }
-const Pt = { class: "inquirer-demo" }, Qt = { class: "demo-workspace" }, jt = { class: "workspace-tabs" }, Gt = ["onClick"], Yt = { class: "workspace-panel designer-panel" }, Ht = { class: "workspace-panel runtime-panel" }, Kt = { class: "runtime-json" }, Wt = { class: "workspace-panel export-panel" }, Xt = { class: "json-viewer" }, Zt = { class: "code-snippet" }, en = { class: "workspace-panel docs-panel" }, ln = { class: "callout-controls" }, tn = { class: "type" }, nn = { class: "meta" }, sn = /* @__PURE__ */ h({
+const ge = {
+  "zh-CN": {
+    playground: {
+      title: "Inquirer 表单设计器",
+      subtitle: "Element Plus 风格的 CLI 表单工作台",
+      actions: {
+        generateSample: "生成示例表单",
+        clearForm: "清空表单",
+        copySchema: "复制 Schema JSON",
+        copyInquirer: "复制 Inquirer JSON"
+      },
+      tabs: {
+        designer: {
+          label: "可视化设计器",
+          desc: "拖拽控件,构建 Schema"
+        },
+        runtime: {
+          label: "Web端预览",
+          desc: "运行态在线预览"
+        },
+        export: {
+          label: "Inquirer示例",
+          desc: "生成 Inquirer prompt 以及调用示例"
+        }
+      },
+      runtime: {
+        formDataTitle: "FormData(实时)"
+      },
+      export: {
+        copyButton: "复制 JSON",
+        exampleTitle: "调用示例"
+      },
+      messages: {
+        copied: "已复制到剪贴板"
+      }
+    }
+  },
+  "en-US": {
+    playground: {
+      title: "Inquirer Form Designer",
+      subtitle: "Element Plus styled CLI form workbench",
+      actions: {
+        generateSample: "Generate Sample",
+        clearForm: "Clear Form",
+        copySchema: "Copy Schema JSON",
+        copyInquirer: "Copy Inquirer JSON"
+      },
+      tabs: {
+        designer: {
+          label: "Visual Designer",
+          desc: "Drag controls, build Schema"
+        },
+        runtime: {
+          label: "Web Preview",
+          desc: "Runtime online preview"
+        },
+        export: {
+          label: "Inquirer Example",
+          desc: "Generate Inquirer prompt and usage example"
+        }
+      },
+      runtime: {
+        formDataTitle: "FormData (Live)"
+      },
+      export: {
+        copyButton: "Copy JSON",
+        exampleTitle: "Usage Example"
+      },
+      messages: {
+        copied: "Copied to clipboard"
+      }
+    }
+  }
+}, be = {
+  "zh-CN": {
+    sample: {
+      fullName: {
+        label: "姓名",
+        message: "请输入您的姓名",
+        placeholder: "张三",
+        description: "该信息将用于生成问候语"
+      },
+      password: {
+        label: "账户密码",
+        message: "请输入账户密码",
+        description: "密码不会被保存在示例应用中"
+      },
+      age: {
+        label: "年龄",
+        message: "请输入年龄",
+        description: "用于计算问卷分层,必填"
+      },
+      allowContact: {
+        label: "是否允许联系",
+        message: "我们可以通过邮件联系您吗?",
+        description: "若选择是,将会收到提效工具邮件"
+      },
+      favoriteStack: {
+        label: "技术栈",
+        message: "请选择主要技术栈",
+        description: "用于统计语言偏好"
+      },
+      tools: {
+        label: "常用工具",
+        message: "请选择常用工具",
+        description: "可多选",
+        choices: {
+          git: "Git",
+          eslint: "ESLint",
+          vite: "Vite",
+          vitest: "Vitest"
+        }
+      },
+      bio: {
+        label: "自我介绍",
+        message: "请输入自我介绍",
+        description: "可用于在 inquirer 中展示更丰富的信息"
+      }
+    }
+  },
+  "en-US": {
+    sample: {
+      fullName: {
+        label: "Full Name",
+        message: "Please enter your full name",
+        placeholder: "John Doe",
+        description: "This information will be used to generate greetings"
+      },
+      password: {
+        label: "Account Password",
+        message: "Please enter your account password",
+        description: "Password will not be saved in the sample application"
+      },
+      age: {
+        label: "Age",
+        message: "Please enter your age",
+        description: "Used for survey stratification, required"
+      },
+      allowContact: {
+        label: "Allow Contact",
+        message: "May we contact you via email?",
+        description: "If yes, you will receive productivity tool emails"
+      },
+      favoriteStack: {
+        label: "Tech Stack",
+        message: "Please select your primary tech stack",
+        description: "Used for language preference statistics"
+      },
+      tools: {
+        label: "Common Tools",
+        message: "Please select your common tools",
+        description: "Multiple selections allowed",
+        choices: {
+          git: "Git",
+          eslint: "ESLint",
+          vite: "Vite",
+          vitest: "Vitest"
+        }
+      },
+      bio: {
+        label: "Bio",
+        message: "Please enter your bio",
+        description: "Can be used to display richer information in inquirer"
+      }
+    }
+  }
+}, Vs = { class: "inquirer-demo" }, qs = { class: "callout-panel" }, Cs = { class: "callout-header" }, Es = { class: "callout-title" }, Ss = { class: "callout-actions" }, ks = { class: "demo-workspace" }, $s = { class: "workspace-tabs" }, Us = ["onClick"], Is = { class: "workspace-panel designer-panel" }, Ns = { class: "workspace-panel runtime-panel" }, zs = { class: "runtime-json" }, Bs = { class: "workspace-panel export-panel" }, Ms = { class: "panel-header" }, Ts = { class: "json-viewer" }, Ds = { class: "code-snippet" }, As = /* @__PURE__ */ f({
   __name: "InquirerFormPlayground",
   setup(e) {
-    const t = new pe();
-    t.updateInfo({
-      title: "Inquirer 表单定义",
-      description: "通过拖拽生成 Inquirer QuestionCollection"
+    const l = {
+      "zh-CN": {
+        ...ge["zh-CN"],
+        ...be["zh-CN"]
+      },
+      "en-US": {
+        ...ge["en-US"],
+        ...be["en-US"]
+      }
+    }, { t } = re({
+      messages: l,
+      inheritLocale: !0
+    }), a = new Ve();
+    a.updateInfo({
+      title: "Inquirer Form Definition",
+      description: ""
     });
-    const l = [...Q.getAll()];
-    Se(), Re(() => {
-      t.getSchema().controls.length || j();
-    }), ue(() => {
-      Q.replaceAll(l);
+    const r = [...j.getAll()];
+    Ae(), Qe(() => {
+      a.getSchema().controls.length || k();
+    }), ye(() => {
+      j.replaceAll(r);
+    });
+    const n = H({}), s = H(0), u = H(0), _ = y(() => [
+      {
+        key: "designer",
+        label: t("playground.tabs.designer.label"),
+        desc: t("playground.tabs.designer.desc")
+      },
+      {
+        key: "runtime",
+        label: t("playground.tabs.runtime.label"),
+        desc: t("playground.tabs.runtime.desc")
+      },
+      {
+        key: "export",
+        label: t("playground.tabs.export.label"),
+        desc: t("playground.tabs.export.desc")
+      }
+    ]), p = H(_.value[0]?.key ?? "designer");
+    Z(p, (N, E) => {
+      N === "runtime" && E !== "runtime" && v();
     });
-    const s = L({}), a = L(0), i = L(0), n = [
-      { key: "designer", label: "可视化设计器", desc: "拖拽字段，构建 Schema" },
-      { key: "runtime", label: "运行态预览", desc: "实时数据与交互" },
-      { key: "export", label: "Inquirer 输出", desc: "生成 QuestionCollection + 调用" },
-      { key: "docs", label: "说明", desc: "当前已注册控件" }
-    ], r = L(n[0]?.key ?? "designer"), g = V(() => Ft(t.getSchema())), m = V(() => JSON.stringify(g.value, null, 2)), p = V(() => JSON.stringify(s.value, null, 2));
     function v() {
-      a.value++, i.value++;
+      const N = {}, E = a.getSchema().controls;
+      function S(me) {
+        me.forEach((Y) => {
+          if (Y.field) {
+            const fe = de(Y);
+            fe !== void 0 && (N[Y.field] = fe);
+          }
+          Y.children?.length && S(Y.children);
+        });
+      }
+      E?.length && S(E), n.value = N;
+    }
+    const g = y(() => bs(a.getSchema())), w = y(() => JSON.stringify(g.value, null, 2)), te = y(() => JSON.stringify(n.value, null, 2));
+    function G() {
+      s.value++, u.value++;
     }
-    function O(U) {
-      const q = t.getSchema().controls;
-      q.splice(0, q.length, ...U), t.selectNode(void 0), t.snapshot("update"), v();
+    function U(N) {
+      const E = a.getSchema().controls;
+      E.splice(0, E.length, ...N), a.selectNode(void 0), a.snapshot("update"), G();
     }
-    function j() {
-      O(ke());
+    function k() {
+      U(Le(t));
     }
-    function J() {
-      O([]), s.value = {};
+    function R() {
+      U([]), n.value = {};
     }
-    async function C(U, q) {
+    async function W(N, E) {
       try {
-        await navigator.clipboard.writeText(U), alert(`${q} 已复制到剪贴板`);
-      } catch (E) {
-        console.warn("clipboard failed", E);
+        await navigator.clipboard.writeText(N), alert(`${E} ${t("playground.messages.copied")}`);
+      } catch (S) {
+        console.warn("clipboard failed", S);
       }
     }
-    function $() {
-      C(De(t.getSchema()), "Schema JSON");
+    function F() {
+      W(We(a.getSchema()), "Schema JSON");
     }
-    function T() {
-      C(m.value, "Inquirer JSON");
+    function pe() {
+      W(w.value, "Inquirer JSON");
     }
-    const K = V(() => `import inquirer from 'inquirer'
+    const Pe = y(() => `import inquirer from 'inquirer'
 import { schemaToInquirer } from 'inquirer-form'
 
 const questions = schemaToInquirer(schema)
 const answers = await inquirer.prompt(questions)
 console.log(answers)`);
-    return (U, q) => (u(), d("div", Pt, [
-      c("section", { class: "callout-panel" }, [
-        c("div", { class: "callout-header" }, [
-          q[1] || (q[1] = c("div", null, [
-            c("h1", null, "🧭 Inquirer 表单调用示例")
-          ], -1)),
-          c("div", { class: "callout-actions" }, [
-            c("button", { onClick: j }, "生成示例表单"),
-            c("button", { onClick: J }, "清空表单"),
-            c("button", { onClick: $ }, "复制 Schema JSON"),
-            c("button", { onClick: T }, "复制 Inquirer JSON")
+    return (N, E) => (i(), d("div", Vs, [
+      c("section", qs, [
+        c("div", Cs, [
+          c("div", Es, [
+            h(o(Ce), { class: "title-icon" }, {
+              default: V(() => [
+                h(o(qt))
+              ]),
+              _: 1
+            }),
+            c("div", null, [
+              c("h1", null, m(o(t)("playground.title")), 1),
+              c("p", null, m(o(t)("playground.subtitle")), 1)
+            ])
+          ]),
+          c("div", Ss, [
+            c("button", {
+              type: "button",
+              onClick: k
+            }, m(o(t)("playground.actions.generateSample")), 1),
+            c("button", {
+              type: "button",
+              onClick: R
+            }, m(o(t)("playground.actions.clearForm")), 1),
+            c("button", {
+              type: "button",
+              onClick: F
+            }, m(o(t)("playground.actions.copySchema")), 1),
+            c("button", {
+              type: "button",
+              onClick: pe
+            }, m(o(t)("playground.actions.copyInquirer")), 1)
           ])
         ])
       ]),
-      c("main", Qt, [
-        c("div", jt, [
-          (u(), d(S, null, I(n, (E) => c("button", {
-            key: E.key,
-            class: Te(["tab-item", { active: E.key === r.value }]),
-            onClick: (on) => r.value = E.key
+      c("main", ks, [
+        c("div", $s, [
+          (i(!0), d(I, null, z(_.value, (S) => (i(), d("button", {
+            key: S.key,
+            class: je(["tab-item", { active: S.key === p.value }]),
+            onClick: (me) => p.value = S.key
           }, [
-            c("span", null, f(E.label), 1),
-            c("small", null, f(E.desc), 1)
-          ], 10, Gt)), 64))
+            c("span", null, m(S.label), 1),
+            c("small", null, m(S.desc), 1)
+          ], 10, Us))), 128))
         ]),
-        W(c("section", Yt, [
-          (u(), x(o(me), {
-            key: a.value,
-            engine: o(t)
+        oe(c("section", Is, [
+          (i(), b(o(qe), {
+            showControlTabs: !1,
+            key: s.value,
+            engine: o(a)
           }, null, 8, ["engine"]))
         ], 512), [
-          [X, r.value === "designer"]
+          [ne, p.value === "designer"]
         ]),
-        W(c("section", Ht, [
-          (u(), x(Ue, {
-            key: i.value,
-            schema: o(t).getSchema(),
-            modelValue: s.value,
-            "onUpdate:modelValue": q[0] || (q[0] = (E) => s.value = E)
+        oe(c("section", Ns, [
+          (i(), b(Fe, {
+            key: u.value,
+            schema: o(a).getSchema(),
+            modelValue: n.value,
+            "onUpdate:modelValue": E[0] || (E[0] = (S) => n.value = S)
           }, null, 8, ["schema", "modelValue"])),
-          c("div", Kt, [
-            q[2] || (q[2] = c("header", null, "FormData（实时）", -1)),
-            c("pre", null, f(p.value), 1)
+          c("div", zs, [
+            c("header", null, m(o(t)("playground.runtime.formDataTitle")), 1),
+            c("pre", null, m(te.value), 1)
           ])
         ], 512), [
-          [X, r.value === "runtime"]
+          [ne, p.value === "runtime"]
         ]),
-        W(c("section", Wt, [
-          c("div", { class: "panel-header" }, [
-            q[3] || (q[3] = c("div", null, null, -1)),
+        oe(c("section", Bs, [
+          c("div", Ms, [
+            E[1] || (E[1] = c("div", null, null, -1)),
             c("button", {
               class: "btn-copy",
-              onClick: T
-            }, "复制 JSON")
+              onClick: pe
+            }, m(o(t)("playground.export.copyButton")), 1)
           ]),
-          c("pre", Xt, f(m.value), 1),
-          c("div", Zt, [
-            q[4] || (q[4] = c("header", null, "调用示例", -1)),
+          c("pre", Ts, m(w.value), 1),
+          c("div", Ds, [
+            c("header", null, m(o(t)("playground.export.exampleTitle")), 1),
             c("pre", null, [
-              c("code", null, f(K.value), 1)
-            ])
-          ])
-        ], 512), [
-          [X, r.value === "export"]
-        ]),
-        W(c("section", en, [
-          c("div", ln, [
-            c("ul", null, [
-              (u(!0), d(S, null, I(o(Ee), (E) => (u(), d("li", {
-                key: E.type
-              }, [
-                c("span", tn, f(E.label), 1),
-                c("span", nn, f(E.type), 1)
-              ]))), 128))
+              c("code", null, m(Pe.value), 1)
             ])
           ])
         ], 512), [
-          [X, r.value === "docs"]
+          [ne, p.value === "export"]
         ])
       ])
     ]));
   }
-}), cn = /* @__PURE__ */ _(sn, [["__scopeId", "data-v-cdc491b8"]]), pn = {
+}), Os = /* @__PURE__ */ q(As, [["__scopeId", "data-v-5dae1a4e"]]), Hs = {
   install(e) {
-    e.component("InquirerFormDesigner", wt), e.component("InquirerFormRuntime", Ue);
+    e.component("InquirerFormDesigner", ts), e.component("InquirerFormRuntime", Fe);
   }
 };
 export {
-  wt as InquirerFormDesigner,
-  cn as InquirerFormPlayground,
-  Ue as InquirerFormRuntime,
-  ke as createInquirerSampleControls,
-  pn as default,
-  Ee as inquirerControls,
-  Se as registerInquirerControls,
-  Ft as schemaToInquirer
+  ts as InquirerFormDesigner,
+  Os as InquirerFormPlayground,
+  Fe as InquirerFormRuntime,
+  Le as createInquirerSampleControls,
+  Hs as default,
+  es as inquirerControls,
+  Ae as registerInquirerControls,
+  bs as schemaToInquirer
 };