@aplus-frontend/ui 7.7.11 → 7.8.0

package/es/src/ap-field/index.mjs

@@ -22,71 +22,78 @@ import "./checkbox/read.vue.mjs";
 import "./select/read.vue.mjs";
 import "./switch/read.vue.mjs";
 import "./tree-select/read.vue.mjs";
+import "./second/index.vue2.mjs";
+import "./second/read.vue.mjs";
 import "./interface.mjs";
-import i from "./text/read-password.vue2.mjs";
+import i from "./second/read.vue2.mjs";
+import o from "./text/read-password.vue2.mjs";
 import r from "./tree-select/read.vue2.mjs";
-import o from "./switch/read.vue2.mjs";
-import t from "./select/read.vue2.mjs";
-import e from "./checkbox/read.vue2.mjs";
-import p from "./radio/read.vue2.mjs";
-import a from "./date-range/read.vue2.mjs";
-import f from "./date/read.vue2.mjs";
-import _ from "./number/read.vue2.mjs";
+import t from "./switch/read.vue2.mjs";
+import e from "./select/read.vue2.mjs";
+import p from "./checkbox/read.vue2.mjs";
+import a from "./radio/read.vue2.mjs";
+import f from "./date-range/read.vue2.mjs";
+import _ from "./date/read.vue2.mjs";
+import c from "./number/read.vue2.mjs";
 import s from "./text-area/read.vue2.mjs";
-import c from "./text/read.vue2.mjs";
-import n from "./tree-select/index.vue.mjs";
-import d from "./rate/index.vue.mjs";
-import l from "./segmented/index.vue.mjs";
-import $ from "./slider/index.vue.mjs";
-import A from "./switch/index.vue.mjs";
-import F from "./select/index.vue.mjs";
-import S from "./checkbox/index.vue.mjs";
-import x from "./radio/index.vue.mjs";
-import R from "./date-range/index.vue.mjs";
-import T from "./date/index.vue.mjs";
-import b from "./number/index.vue.mjs";
-import h from "./text-area/index.vue.mjs";
-const Sm = {
-  Text: c,
+import n from "./text/read.vue2.mjs";
+import d from "./second/index.vue.mjs";
+import l from "./tree-select/index.vue.mjs";
+import $ from "./rate/index.vue.mjs";
+import A from "./segmented/index.vue.mjs";
+import F from "./slider/index.vue.mjs";
+import S from "./switch/index.vue.mjs";
+import x from "./select/index.vue.mjs";
+import R from "./checkbox/index.vue.mjs";
+import T from "./radio/index.vue.mjs";
+import b from "./date-range/index.vue.mjs";
+import h from "./date/index.vue.mjs";
+import g from "./number/index.vue.mjs";
+import D from "./text-area/index.vue.mjs";
+const gm = {
+  Text: n,
   TextArea: s,
-  Number: _,
-  Date: f,
-  DateRange: a,
-  Radio: p,
-  Checkbox: e,
-  Select: t,
-  Switch: o,
+  Number: c,
+  Date: _,
+  DateRange: f,
+  Radio: a,
+  Checkbox: p,
+  Select: e,
+  Switch: t,
   TreeSelect: r,
-  Password: i
-}, xm = {
+  Password: o,
+  Second: i
+}, Dm = {
   Text: m,
-  TextArea: h,
-  Number: b,
-  Date: T,
-  DateRange: R,
-  Radio: x,
-  Checkbox: S,
-  Select: F,
-  Switch: A,
-  Slider: $,
-  Segmented: l,
-  Rate: d,
-  TreeSelect: n
+  TextArea: D,
+  Number: g,
+  Date: h,
+  DateRange: b,
+  Radio: T,
+  Checkbox: R,
+  Select: x,
+  Switch: S,
+  Slider: F,
+  Segmented: A,
+  Rate: $,
+  TreeSelect: l,
+  Second: d
 };
 export {
-  xm as ApField,
-  S as ApFieldCheckbox,
-  T as ApFieldDate,
-  R as ApFieldDateRange,
-  b as ApFieldNumber,
-  x as ApFieldRadio,
-  d as ApFieldRate,
-  Sm as ApFieldRead,
-  l as ApFieldSegmented,
-  F as ApFieldSelect,
-  $ as ApFieldSlider,
-  A as ApFieldSwitch,
+  Dm as ApField,
+  R as ApFieldCheckbox,
+  h as ApFieldDate,
+  b as ApFieldDateRange,
+  g as ApFieldNumber,
+  T as ApFieldRadio,
+  $ as ApFieldRate,
+  gm as ApFieldRead,
+  d as ApFieldSecond,
+  A as ApFieldSegmented,
+  x as ApFieldSelect,
+  F as ApFieldSlider,
+  S as ApFieldSwitch,
   m as ApFieldText,
-  h as ApFieldTextArea,
-  n as ApFieldTreeSelect
+  D as ApFieldTextArea,
+  l as ApFieldTreeSelect
 };

package/es/src/ap-field/interface.d.ts

@@ -107,6 +107,12 @@ export type ApFieldTextAreaProps = BasicApFieldProps<Omit<TextAreaProps, 'autosi
      * @returns
      */
     beforeInput?: (nextVal: string) => string;
+    /**
+     * 是否是代码片段
+     */
+    code?: boolean | {
+        language?: 'text' | 'json';
+    };
 };
 export type ApFieldTextAreaExpose = {
     focus: (options?: InputFocusOptions) => void;
@@ -225,3 +231,8 @@ export type ApFieldRateExpose = {
     focus: () => void;
     blur: () => void;
 };
+export type ApFieldSecondProps = BasicApFieldProps<InputNumberProps> & {
+    placeholder?: string;
+    emptyText?: string;
+};
+export type ApFieldSecondExpose = ApiFieldNumberExpose;

package/es/src/ap-field/second/helper.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 格式化秒
+ *
+ * @param result
+ * @returns {string}
+ */
+export declare function formatSecond(result: number): string;

package/es/src/ap-field/second/helper.mjs

@@ -0,0 +1,9 @@
+function a(n) {
+  let o = n, t = "", f = !1;
+  o < 0 && (o = -o, f = !0);
+  const e = Math.floor(o / (3600 * 24)), r = Math.floor(o / 3600 % 24), l = Math.floor(o / 60 % 60);
+  return t = `${Math.floor(o % 60)}秒`, l > 0 && (t = `${l}分钟${t}`), r > 0 && (t = `${r}小时${t}`), e > 0 && (t = `${e}天${t}`), f && (t += "前"), t;
+}
+export {
+  a as formatSecond
+};

package/es/src/ap-field/second/index.vue.d.ts

@@ -0,0 +1,44 @@
+import { ApFieldSecondProps } from '../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { ValueType } from '@aplus-frontend/antdv/es/input-number/src/utils/MiniDecimal';
+type ApFieldSecondSlots = {
+    addonBefore?: any;
+    addonAfter?: any;
+    prefix?: any;
+    default?: any;
+    upIcon?: any;
+    downIcon?: any;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<ApFieldSecondSlots> & ApFieldSecondSlots;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<ApFieldSecondProps, {
+    focus: () => void;
+    blur: () => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:value": (...args: any[]) => void;
+}, string, PublicProps, Readonly<ApFieldSecondProps> & Readonly<{
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}>, {
+    step: ValueType;
+    disabled: boolean;
+    keyboard: boolean;
+    bordered: boolean;
+    emptyText: string;
+    changeOnWheel: boolean;
+    changeOnBlur: boolean;
+    min: ValueType;
+    max: ValueType;
+    controls: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/src/ap-field/second/index.vue.mjs

@@ -0,0 +1,90 @@
+import { defineComponent as h, shallowRef as B, useSlots as b, createElementBlock as x, createBlock as S, openBlock as r, toDisplayString as _, unref as e, mergeProps as g, createSlots as k, renderList as C, withCtx as P, renderSlot as I, normalizeProps as U, guardReactiveProps as w } from "vue";
+import "../../hooks/index.mjs";
+import { formatSecond as R } from "./helper.mjs";
+import { InputNumber as V } from "@aplus-frontend/antdv";
+import { useDefaultPlaceholder as z } from "../hooks/use-default-placeholder.mjs";
+import { omit as A } from "lodash-unified";
+import { useControllableValue as D } from "../../hooks/useControllableValue.mjs";
+const E = { key: 0 }, q = /* @__PURE__ */ h({
+  name: "ApFieldSecond",
+  __name: "index",
+  props: {
+    mode: {},
+    class: {},
+    style: {},
+    size: {},
+    bordered: { type: Boolean, default: !0 },
+    placeholder: {},
+    name: {},
+    id: {},
+    type: {},
+    addonBefore: {},
+    addonAfter: {},
+    prefix: {},
+    suffix: {},
+    "onUpdate:value": {},
+    valueModifiers: {},
+    status: {},
+    variant: {},
+    changeOnWheel: { type: Boolean, default: void 0 },
+    changeOnBlur: { type: Boolean, default: void 0 },
+    stringMode: { type: Boolean },
+    defaultValue: {},
+    value: {},
+    prefixCls: {},
+    min: { default: -1 / 0 },
+    max: { default: 1 / 0 },
+    step: { default: 1 },
+    tabindex: {},
+    controls: { type: Boolean, default: !0 },
+    readonly: { type: Boolean },
+    disabled: { type: Boolean, default: void 0 },
+    autofocus: { type: Boolean },
+    keyboard: { type: Boolean, default: !0 },
+    parser: {},
+    formatter: {},
+    precision: {},
+    decimalSeparator: {},
+    onInput: {},
+    onChange: {},
+    onPressEnter: {},
+    onStep: {},
+    onBlur: {},
+    onFocus: {},
+    emptyText: { default: "--" }
+  },
+  emits: ["update:value"],
+  setup(u, { expose: d, emit: s }) {
+    const o = u, p = s, t = B(), { value: a, updateValue: i } = D(
+      o,
+      p
+    ), f = b(), c = z("Second", o);
+    function m() {
+      t.value?.focus();
+    }
+    function y() {
+      t.value?.blur();
+    }
+    return d({ focus: m, blur: y }), (l, F) => l.mode === "read" ? (r(), x("span", E, _(e(R)(Number(e(a)))), 1)) : (r(), S(e(V), g(
+      {
+        key: 1,
+        min: 0,
+        style: { width: "100%" },
+        placeholder: e(c),
+        value: e(a)
+      },
+      e(A)(o, ["value", "onUpdate:value", "min", "placeholder", "mode"]),
+      { "onUpdate:value": e(i) }
+    ), k({ _: 2 }, [
+      C(f, (M, n) => ({
+        name: n,
+        fn: P((v) => [
+          I(l.$slots, n, U(w(v || {})))
+        ])
+      }))
+    ]), 1040, ["placeholder", "value", "onUpdate:value"]));
+  }
+});
+export {
+  q as default
+};

package/es/src/ap-field/second/index.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./index.vue.mjs";
+export {
+  f as default
+};

package/es/src/ap-field/second/read.vue.d.ts

@@ -0,0 +1,6 @@
+import { ApFieldSecondProps } from '../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ApFieldSecondProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApFieldSecondProps> & Readonly<{}>, {
+    emptyText: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
+export default _default;

package/es/src/ap-field/second/read.vue.mjs

@@ -0,0 +1,4 @@
+import f from "./read.vue2.mjs";
+export {
+  f as default
+};

package/es/src/ap-field/second/read.vue2.mjs

@@ -0,0 +1,58 @@
+import { defineComponent as n, createElementBlock as t, openBlock as r, toDisplayString as l, unref as p } from "vue";
+import { formatSecond as s } from "./helper.mjs";
+const m = /* @__PURE__ */ n({
+  name: "ApFieldSecond",
+  __name: "read",
+  props: {
+    mode: {},
+    class: {},
+    style: {},
+    size: {},
+    bordered: { type: Boolean },
+    placeholder: {},
+    name: {},
+    id: {},
+    type: {},
+    addonBefore: {},
+    addonAfter: {},
+    prefix: {},
+    suffix: {},
+    "onUpdate:value": {},
+    valueModifiers: {},
+    status: {},
+    variant: {},
+    changeOnWheel: { type: Boolean },
+    changeOnBlur: { type: Boolean },
+    stringMode: { type: Boolean },
+    defaultValue: {},
+    value: {},
+    prefixCls: {},
+    min: {},
+    max: {},
+    step: {},
+    tabindex: {},
+    controls: { type: Boolean },
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    autofocus: { type: Boolean },
+    keyboard: { type: Boolean },
+    parser: {},
+    formatter: {},
+    precision: {},
+    decimalSeparator: {},
+    onInput: {},
+    onChange: {},
+    onPressEnter: {},
+    onStep: {},
+    onBlur: {},
+    onFocus: {},
+    emptyText: { default: "--" }
+  },
+  setup(o) {
+    const a = o;
+    return (e, d) => (r(), t("span", null, l(e.value ? p(s)(Number(a.value)) : e.emptyText), 1));
+  }
+});
+export {
+  m as default
+};

package/es/src/ap-field/style/textarea.mjs

@@ -1,12 +1,22 @@
-const t = (a) => {
-  const { componentCls: e } = a;
+const a = (e) => {
+  const { componentCls: r } = e;
   return {
-    [`${e}-textarea--read`]: {
+    [`${r}-textarea--read`]: {
       whiteSpace: "pre-wrap",
       wordWrap: "break-word",
       wordBreak: "break-all"
     },
-    [`${e}-textarea`]: {
+    [`${r}-textarea--code`]: {
+      padding: e.spaceXL,
+      overflow: "auto",
+      fontSize: "85%",
+      lineHeight: 1.45,
+      color: e.textColor2,
+      backgroundColor: "rgba(150, 150, 150, 0.1)",
+      borderRadius: e.borderRadiusSM,
+      width: "min-content"
+    },
+    [`${r}-textarea`]: {
       "&.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon": {
         insetBlockStart: "9px"
         // (28 - 10) / 2
@@ -15,5 +25,5 @@ const t = (a) => {
   };
 };
 export {
-  t as genTextareaStyle
+  a as genTextareaStyle
 };

package/es/src/ap-field/text-area/index.vue.d.ts

@@ -18,6 +18,9 @@ declare const _default: DefineComponent<ApFieldTextAreaProps, {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }>, {
     type: "number" | "reset" | "submit" | "button" | "search" | "time" | "month" | "date" | "week" | "hidden" | "checkbox" | "radio" | "color" | "text" | "range" | "image" | "tel" | "url" | "email" | "datetime-local" | "file" | "password";
+    code: boolean | {
+        language?: "text" | "json";
+    };
     mode: FieldMode;
     disabled: boolean;
     bordered: boolean;

package/es/src/ap-field/text-area/index.vue.mjs

@@ -1,13 +1,14 @@
-import { defineComponent as B, shallowRef as b, computed as I, createElementBlock as A, createBlock as C, openBlock as s, normalizeClass as g, unref as e, toDisplayString as z, mergeProps as T } from "vue";
-import { isNil as w, omit as k } from "lodash-unified";
+import { defineComponent as A, shallowRef as k, computed as c, createElementBlock as s, createBlock as z, openBlock as n, Fragment as T, normalizeClass as m, unref as e, toDisplayString as f, createElementVNode as w, mergeProps as R } from "vue";
+import { isNil as F, omit as S } from "lodash-unified";
 import "../../hooks/index.mjs";
 import "../../config-provider/index.mjs";
-import { Input as R } from "@aplus-frontend/antdv";
-import { useDefaultPlaceholder as S } from "../hooks/use-default-placeholder.mjs";
-import _ from "../style/index.mjs";
-import { useControllableValue as U } from "../../hooks/useControllableValue.mjs";
-import { useNamespace as V } from "../../config-provider/hooks/use-namespace.mjs";
-const q = /* @__PURE__ */ B({
+import { Input as V } from "@aplus-frontend/antdv";
+import { useDefaultPlaceholder as E } from "../hooks/use-default-placeholder.mjs";
+import U from "../style/index.mjs";
+import { languageFormat as _ } from "./utils.mjs";
+import { useControllableValue as j } from "../../hooks/useControllableValue.mjs";
+import { useNamespace as M } from "../../config-provider/hooks/use-namespace.mjs";
+const L = /* @__PURE__ */ A({
   name: "ApFieldTextArea",
   __name: "index",
   props: {
@@ -59,40 +60,55 @@ const q = /* @__PURE__ */ B({
     clearIcon: {},
     allowClear: { type: Boolean, default: !0 },
     emptyText: { default: "--" },
-    beforeInput: {}
+    beforeInput: {},
+    code: { type: [Boolean, Object], default: !1 }
   },
   emits: ["update:value"],
-  setup(i, { expose: d, emit: c }) {
-    const o = b(), a = i, m = c, { value: l, updateValue: f } = U(a, m), { b: y, m: x } = V("field-textarea"), r = _("field"), v = S("TextArea", a);
-    function h(t) {
-      const n = t.target.value || "", u = a.beforeInput ? a.beforeInput?.(n) : n, p = o.value?.$el?.querySelector("textarea");
-      p && (p.value = u), f(u);
+  setup(y, { expose: g, emit: v }) {
+    const a = k(), o = y, x = v, { value: l, updateValue: h } = j(o, x), { b: B, m: p } = M("field-textarea"), r = U("field"), b = E("TextArea", o), I = c(() => {
+      if (o.code)
+        return o.code === !0 ? {
+          language: "text"
+        } : {
+          language: o.code?.language ?? "text"
+        };
+    });
+    function C(t) {
+      const u = t.target.value || "", d = o.beforeInput ? o.beforeInput?.(u) : u, i = a.value?.$el?.querySelector("textarea");
+      i && (i.value = d), h(d);
     }
-    return d({
+    return g({
       focus: (t) => {
-        o.value?.focus(t);
+        a.value?.focus(t);
       },
       blur: () => {
-        o.value?.blur();
+        a.value?.blur();
       },
-      resizableTextArea: I(() => o.value?.resizableTextArea)
-    }), (t, n) => t.mode === "read" ? (s(), A("span", {
-      key: 0,
-      class: g([e(x)("read"), e(r)])
-    }, z(e(w)(e(l)) || e(l) === "" ? t.emptyText : e(l)), 3)) : (s(), C(e(R).TextArea, T(
+      resizableTextArea: c(() => a.value?.resizableTextArea)
+    }), (t, u) => t.mode === "read" ? (n(), s(T, { key: 0 }, [
+      t.code ? (n(), s("pre", {
+        key: 1,
+        class: m([e(p)("code"), e(r)])
+      }, [
+        w("code", null, f(e(_)(e(l), I.value.language)), 1)
+      ], 2)) : (n(), s("span", {
+        key: 0,
+        class: m([e(p)("read"), e(r)])
+      }, f(e(F)(e(l)) || e(l) === "" ? t.emptyText : e(l)), 3))
+    ], 64)) : (n(), z(e(V).TextArea, R(
       { key: 1 },
-      e(k)(a, ["onUpdate:value", "value", "beforeInput", "emptyText"]),
+      e(S)(o, ["onUpdate:value", "value", "beforeInput", "emptyText"]),
       {
         ref_key: "textAreaRef",
-        ref: o,
-        placeholder: e(v),
+        ref: a,
+        placeholder: e(b),
         value: e(l),
-        class: [e(y)(), e(r)],
-        onInput: h
+        class: [e(B)(), e(r)],
+        onInput: C
       }
     ), null, 16, ["placeholder", "value", "class"]));
   }
 });
 export {
-  q as default
+  L as default
 };

package/es/src/ap-field/text-area/read.vue.d.ts

@@ -3,6 +3,9 @@ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOp
 import { FieldMode } from '..';
 declare const _default: DefineComponent<ApFieldTextAreaProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApFieldTextAreaProps> & Readonly<{}>, {
     type: "number" | "reset" | "submit" | "button" | "search" | "time" | "month" | "date" | "week" | "hidden" | "checkbox" | "radio" | "color" | "text" | "range" | "image" | "tel" | "url" | "email" | "datetime-local" | "file" | "password";
+    code: boolean | {
+        language?: "text" | "json";
+    };
     mode: FieldMode;
     disabled: boolean;
     bordered: boolean;

package/es/src/ap-field/text-area/read.vue2.mjs

@@ -1,13 +1,17 @@
-import { defineComponent as o, createElementBlock as t, createCommentVNode as a, openBlock as n, toDisplayString as l, unref as r } from "vue";
-import { isNil as p } from "lodash-unified";
-const u = {
+import { defineComponent as s, computed as i, createElementBlock as a, openBlock as n, toDisplayString as l, unref as o, normalizeClass as m, createElementVNode as c } from "vue";
+import { isNil as f } from "lodash-unified";
+import "../../config-provider/index.mjs";
+import y from "../style/index.mjs";
+import { languageFormat as g } from "./utils.mjs";
+import { useNamespace as B } from "../../config-provider/hooks/use-namespace.mjs";
+const h = {
   key: 0,
   style: {
     whiteSpace: "pre-wrap",
     wordWrap: "break-word",
     wordBreak: "break-all"
   }
-}, y = /* @__PURE__ */ o({
+}, I = /* @__PURE__ */ s({
   name: "ApFieldTextAreaRead",
   __name: "read",
   props: {
@@ -59,12 +63,26 @@ const u = {
     clearIcon: {},
     allowClear: { type: Boolean, default: !0 },
     emptyText: { default: "--" },
-    beforeInput: {}
+    beforeInput: {},
+    code: { type: [Boolean, Object], default: !1 }
   },
-  setup(d) {
-    return (e, s) => e.mode === "read" ? (n(), t("span", u, l(r(p)(e.value) || e.value === "" ? e.emptyText : e.value), 1)) : a("", !0);
+  setup(r) {
+    const { m: u } = B("field-textarea"), d = y("field"), t = r, p = i(() => {
+      if (t.code)
+        return t.code === !0 ? {
+          language: "text"
+        } : {
+          language: t.code?.language ?? "text"
+        };
+    });
+    return (e, v) => e.code ? (n(), a("pre", {
+      key: 1,
+      class: m([o(u)("code"), o(d)])
+    }, [
+      c("code", null, l(o(g)(e.value, p.value.language)), 1)
+    ], 2)) : (n(), a("span", h, l(o(f)(e.value) || e.value === "" ? e.emptyText : e.value), 1));
   }
 });
 export {
-  y as default
+  I as default
 };

package/es/src/ap-field/text-area/utils.d.ts

@@ -0,0 +1 @@
+export declare const languageFormat: (text: string, language: string) => string;

package/es/src/ap-field/text-area/utils.mjs

@@ -0,0 +1,13 @@
+const o = (r, n) => {
+  if (console.log("text", r, n), typeof r != "string")
+    return r;
+  try {
+    if (n === "json")
+      return JSON.stringify(JSON.parse(r), null, 2);
+  } catch {
+  }
+  return r;
+};
+export {
+  o as languageFormat
+};

package/es/src/ap-form/items/text-area/index.vue.d.ts

@@ -24,6 +24,9 @@ declare function __VLS_template(): {
             "update:value": (...args: any[]) => void;
         }, PublicProps, {
             type: "number" | "reset" | "submit" | "button" | "search" | "time" | "month" | "date" | "week" | "hidden" | "checkbox" | "radio" | "color" | "text" | "range" | "image" | "tel" | "url" | "email" | "datetime-local" | "file" | "password";
+            code: boolean | {
+                language?: "text" | "json";
+            };
             mode: FieldMode;
             disabled: boolean;
             bordered: boolean;
@@ -314,6 +317,9 @@ declare function __VLS_template(): {
             resizableTextArea: any;
         }, {}, {}, {}, {
             type: "number" | "reset" | "submit" | "button" | "search" | "time" | "month" | "date" | "week" | "hidden" | "checkbox" | "radio" | "color" | "text" | "range" | "image" | "tel" | "url" | "email" | "datetime-local" | "file" | "password";
+            code: boolean | {
+                language?: "text" | "json";
+            };
             mode: FieldMode;
             disabled: boolean;
             bordered: boolean;
@@ -348,6 +354,9 @@ declare const __VLS_component: DefineComponent<ApFormItemTextAreaProps, {
         "update:value": (...args: any[]) => void;
     }, PublicProps, {
         type: "number" | "reset" | "submit" | "button" | "search" | "time" | "month" | "date" | "week" | "hidden" | "checkbox" | "radio" | "color" | "text" | "range" | "image" | "tel" | "url" | "email" | "datetime-local" | "file" | "password";
+        code: boolean | {
+            language?: "text" | "json";
+        };
         mode: FieldMode;
         disabled: boolean;
         bordered: boolean;
@@ -638,6 +647,9 @@ declare const __VLS_component: DefineComponent<ApFormItemTextAreaProps, {
         resizableTextArea: any;
     }, {}, {}, {}, {
         type: "number" | "reset" | "submit" | "button" | "search" | "time" | "month" | "date" | "week" | "hidden" | "checkbox" | "radio" | "color" | "text" | "range" | "image" | "tel" | "url" | "email" | "datetime-local" | "file" | "password";
+        code: boolean | {
+            language?: "text" | "json";
+        };
         mode: FieldMode;
         disabled: boolean;
         bordered: boolean;