@manohub/ui 0.10.5 → 1.0.1

package/dist/components/input/index.js

@@ -1,5 +1,6 @@
 import { defineComponent, ref, computed, createVNode, mergeProps, createTextVNode } from "vue";
 import { Icon } from "@manohub/icon";
+import { borderedClassOf } from "./bordered.js";
 const Input = /* @__PURE__ */ defineComponent({
   name: "Input",
   inheritAttrs: false,
@@ -67,11 +68,19 @@ const Input = /* @__PURE__ */ defineComponent({
       default: false
     },
     /**
-     * 是否带边框；`false` 用于表格内编辑 / 行内编辑（无框、无底，靠悬停与聚焦给反馈）。
-     * 配 `readonly` 即**只读值档**：连悬停底与聚焦框环都退掉（见 `readonly`）。
+     * 有无边框，三档（判定表见 `./bordered.ts`，输入族三件共用）：
+     *
+     * - `true`（缺省）**常有框**；
+     * - `false` **无框** —— 常态、悬停、聚焦都不出现（本档的效果只有一种）；
+     * - `'focus'` **聚焦（与悬停）才显出框** —— 行内编辑那档：常态看着像「值」，点进去才亮框；
+     *   悬停 / 聚焦的表现**复用有框档那两条**，不另写一套。
+     *
+     * 配 `readonly` 即**只读值档**（摘要 / 详情里回显业务值的推荐写法，也是 `Form.Item` 的
+     * `readonly` 行配的那一档）：几何与可编辑输入框完全一致，但不给任何「可编辑」线索。
+     * 只读值档请写 `readonly` + `bordered={false}`；`readonly` + `'focus'` 会被中和（兜底，不推荐）。
      */
     bordered: {
-      type: Boolean,
+      type: [Boolean, String],
       default: true
     },
     maxlength: {
@@ -174,7 +183,7 @@ const Input = /* @__PURE__ */ defineComponent({
     };
     const inputType = computed(() => props.type === "password" && revealed.value ? "text" : props.type);
     const isTrigger = computed(() => props.as === "button");
-    const controlClasses = computed(() => ["mh-input", isTrigger.value ? "mh-input--trigger" : "", props.size === "md" ? "" : `mh-input--${props.size}`, props.bordered ? "" : "mh-input--borderless", visualStatus.value ? `is-${visualStatus.value}` : "", props.disabled ? "is-disabled" : "", props.controlClass].filter(Boolean).join(" "));
+    const controlClasses = computed(() => ["mh-input", isTrigger.value ? "mh-input--trigger" : "", props.size === "md" ? "" : `mh-input--${props.size}`, borderedClassOf(props.bordered), visualStatus.value ? `is-${visualStatus.value}` : "", props.disabled ? "is-disabled" : "", props.controlClass].filter(Boolean).join(" "));
     const showClear = computed(() => props.clearable && (props.hasValue ?? !!current.value));
     const showCounter = computed(() => !isTrigger.value && props.showCount && props.maxlength !== void 0);
     const showPlaceholder = computed(() => isTrigger.value && props.hasValue === false && !!props.placeholder);
@@ -283,8 +292,9 @@ const Textarea = /* @__PURE__ */ defineComponent({
       type: String,
       default: void 0
     },
+    /** 是否带边框（三档口径见 `Input` 的同名 prop：`true` 常有框 / `false` 无框 / `'focus'` 聚焦才显框） */
     bordered: {
-      type: Boolean,
+      type: [Boolean, String],
       default: true
     },
     maxlength: {
@@ -344,7 +354,7 @@ const Textarea = /* @__PURE__ */ defineComponent({
       "class": ["mh-input__wrap", attrs.class].filter(Boolean).join(" "),
       "style": attrs.style
     }, [createVNode("textarea", mergeProps(forwardAttrs.value, {
-      "class": ["mh-input", "mh-input--textarea", props.size === "md" ? "" : `mh-input--${props.size}`, props.bordered ? "" : "mh-input--borderless", visualStatus.value ? `is-${visualStatus.value}` : "", props.disabled ? "is-disabled" : ""].filter(Boolean).join(" "),
+      "class": ["mh-input", "mh-input--textarea", props.size === "md" ? "" : `mh-input--${props.size}`, borderedClassOf(props.bordered), visualStatus.value ? `is-${visualStatus.value}` : "", props.disabled ? "is-disabled" : ""].filter(Boolean).join(" "),
       "rows": autoRows.value,
       "value": current.value,
       "placeholder": props.placeholder,

package/dist/components/input/number-input.d.ts

@@ -0,0 +1,239 @@
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import type { ControlSize } from '../control-size';
+import type { InputStatus } from './index';
+/**
+ * 数字输入（**自绘**）。
+ *
+ * 与 `Input` **同族同面**（同一个表壳 / 内距 / 状态协议，样式归 `styles/components/input.css`），
+ * 按 `AGENTS.md` 硬约束 1 的「同族两件可并排平级导出、共用同一目录与同一份面」处置
+ * —— 与 `Input` / `Textarea` 的关系同款，故不另开组件目录、不新增面文件。
+ *
+ * 为什么单列一个件而不是加进 `Input`：`Input` 的 `modelValue` 是 **string**，且已串起
+ * 「密码可见切换 / 清除位 / 字数统计 / 触发器形态」一条链；把数值语义（`min` / `max` / `step` /
+ * `precision` / 钳制 / 舍入 / 步进按钮）塞进去会污染统一词表（`AGENTS.md` 硬约束 8）。
+ * 本件也**不接** `Input` 的 `as="button"` 触发器形态 —— 那是复合件（`Select` 一族）的口子。
+ *
+ * 统一词表（与 `Checkbox` / `Switch` / `Input` 同款）：`modelValue` / `onChange` / `disabled` / `size`；
+ * 值变更时 `emit('update:modelValue')` 与 `onChange` **双走**。
+ *
+ * ## 值域口径（三条，都是「原生数字框最被讨厌的点」的反面）
+ *
+ * 1. **空值是 `null`，不是 `0`**：留空与「填了 0」是两件事，前者不提交、后者要提交。
+ * 2. **输入中途不钳制**：`-` / `1.` / 空串这些中间态一律原样留着（打一半就被改掉会打断输入）；
+ *    钳制与舍入发生在**归一时刻** —— `blur` / `Enter` / 步进按钮 / `min`·`max`·`precision` 变化。
+ * 3. **非法输入回滚**：解析不出来（如 `1a`）就退回上一个合法值，**不静默变 0**。
+ *
+ * 属性落点与 `Input` 完全同款：`class` / `style` → 表壳 `.mh-input__wrap`；其余 attrs 一律透传到
+ * 控件（`id` / `name` / `aria-*` / `data-*` / 原生事件），见 `forwardAttrs`。
+ *
+ * @example 受控 + 区间
+ * <NumberInput modelValue={timeout} min={0} max={43200} onChange={setTimeout} />
+ *
+ * @example 表格内 / 行内编辑档（无框）
+ * <NumberInput modelValue={row.value} bordered={false} precision={0} onChange={set} />
+ *
+ * @example 带单位后缀
+ * <NumberInput modelValue={size} min={1}>
+ *   {{ suffix: () => 'MB' }}
+ * </NumberInput>
+ */
+export interface NumberInputProps {
+    /** 受控值（空值为 `null`，不是 `0`） */
+    modelValue?: number | null;
+    /** 非受控初值（缺省 `null`） */
+    defaultValue?: number | null;
+    /** 下界（含）：归一时刻钳住 */
+    min?: number;
+    /** 上界（含）：归一时刻钳住 */
+    max?: number;
+    /** 步进量（缺省 1）；同时决定 `precision` 的缺省推断（整数步长 → 0 位小数） */
+    step?: number;
+    /** 小数位；显式给出时优先于按 `step` 推断 */
+    precision?: number;
+    placeholder?: string;
+    /** 尺寸档（与全库 `ControlSize` 同表：24 / 28 / 32） */
+    size?: ControlSize;
+    disabled?: boolean;
+    /** 只读（口径同 `Input`：值可选中复制，但不能改；步进按钮一并收掉） */
+    readonly?: boolean;
+    /** 校验态（下发 `aria-invalid`，样式走协议不看 data-*）；等价于 `status="error"` */
+    invalid?: boolean;
+    /** 校验状态（`invalid` 的显式写法；两者同时给以 `status` 为准） */
+    status?: InputStatus;
+    /** 是否带边框（三档口径见 `Input` 的同名 prop：`true` / `false` / `'focus'`） */
+    bordered?: boolean | 'focus';
+    /** 是否渲染右端步进按钮（缺省 true；`readonly` / `disabled` 时自动不渲染） */
+    controls?: boolean;
+    /** 失焦时钳到 `[min, max]` 并按 `precision` 舍入（缺省 true） */
+    clampOnBlur?: boolean;
+    /** 值变更回调（模型与 `emit` 双走） */
+    onChange?: (v: number | null) => void;
+    /** 回车回调（回车会先做一次归一） */
+    onEnter?: (v: number | null) => void;
+}
+export declare const NumberInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<number | null>;
+        default: undefined;
+    };
+    defaultValue: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    min: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    max: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    step: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    precision: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    size: {
+        type: PropType<ControlSize>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    status: {
+        type: PropType<InputStatus>;
+        default: undefined;
+    };
+    /** 是否带边框（三档口径见 `Input` 的同名 prop：`true` 常有框 / `false` 无框 / `'focus'` 聚焦才显框） */
+    bordered: {
+        type: PropType<boolean | "focus">;
+        default: boolean;
+    };
+    controls: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clampOnBlur: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onChange: {
+        type: PropType<(v: number | null) => void>;
+        default: undefined;
+    };
+    onEnter: {
+        type: PropType<(v: number | null) => void>;
+        default: undefined;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (v: number | null) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<number | null>;
+        default: undefined;
+    };
+    defaultValue: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    min: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    max: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    step: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    precision: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    size: {
+        type: PropType<ControlSize>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    status: {
+        type: PropType<InputStatus>;
+        default: undefined;
+    };
+    /** 是否带边框（三档口径见 `Input` 的同名 prop：`true` 常有框 / `false` 无框 / `'focus'` 聚焦才显框） */
+    bordered: {
+        type: PropType<boolean | "focus">;
+        default: boolean;
+    };
+    controls: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clampOnBlur: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onChange: {
+        type: PropType<(v: number | null) => void>;
+        default: undefined;
+    };
+    onEnter: {
+        type: PropType<(v: number | null) => void>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((v: number | null) => any) | undefined;
+}>, {
+    size: ControlSize;
+    disabled: boolean;
+    min: number;
+    max: number;
+    onChange: (v: number | null) => void;
+    invalid: boolean;
+    bordered: boolean | "focus";
+    defaultValue: number | null;
+    placeholder: string;
+    modelValue: number | null;
+    status: InputStatus;
+    step: number;
+    precision: number;
+    readonly: boolean;
+    controls: boolean;
+    clampOnBlur: boolean;
+    onEnter: (v: number | null) => void;
+}, SlotsType<{
+    prefix?: () => VNodeChild;
+    suffix?: () => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/input/number-input.js

@@ -0,0 +1,240 @@
+import { defineComponent, ref, computed, watch, createVNode, mergeProps } from "vue";
+import { Icon } from "@manohub/icon";
+import { borderedClassOf } from "./bordered.js";
+const NumberInput = /* @__PURE__ */ defineComponent({
+  name: "NumberInput",
+  inheritAttrs: false,
+  props: {
+    modelValue: {
+      type: Number,
+      default: void 0
+    },
+    defaultValue: {
+      type: Number,
+      default: null
+    },
+    min: {
+      type: Number,
+      default: void 0
+    },
+    max: {
+      type: Number,
+      default: void 0
+    },
+    step: {
+      type: Number,
+      default: void 0
+    },
+    precision: {
+      type: Number,
+      default: void 0
+    },
+    placeholder: {
+      type: String,
+      default: void 0
+    },
+    size: {
+      type: String,
+      default: "md"
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    invalid: {
+      type: Boolean,
+      default: false
+    },
+    status: {
+      type: String,
+      default: void 0
+    },
+    /** 是否带边框（三档口径见 `Input` 的同名 prop：`true` 常有框 / `false` 无框 / `'focus'` 聚焦才显框） */
+    bordered: {
+      type: [Boolean, String],
+      default: true
+    },
+    controls: {
+      type: Boolean,
+      default: true
+    },
+    clampOnBlur: {
+      type: Boolean,
+      default: true
+    },
+    onChange: {
+      type: Function,
+      default: void 0
+    },
+    onEnter: {
+      type: Function,
+      default: void 0
+    }
+  },
+  emits: {
+    "update:modelValue": (v) => true
+  },
+  slots: Object,
+  setup(props, {
+    emit,
+    slots,
+    attrs
+  }) {
+    const inner = ref(props.defaultValue ?? null);
+    const current = computed(() => props.modelValue === void 0 ? inner.value : props.modelValue);
+    const focused = ref(false);
+    const resolvedStep = computed(() => props.step !== void 0 && props.step > 0 ? props.step : 1);
+    const resolvedPrecision = computed(() => {
+      if (props.precision !== void 0 && props.precision >= 0) return Math.floor(props.precision);
+      const text = String(resolvedStep.value);
+      const dot = text.indexOf(".");
+      return dot < 0 ? 0 : text.length - dot - 1;
+    });
+    const roundTo = (value, precision) => {
+      const factor = 10 ** precision;
+      return Math.round(value * factor) / factor;
+    };
+    const clampValue = (value) => {
+      let next = value;
+      if (props.min !== void 0 && next < props.min) next = props.min;
+      if (props.max !== void 0 && next > props.max) next = props.max;
+      return next;
+    };
+    const normalize = (value) => clampValue(roundTo(value, resolvedPrecision.value));
+    const textOf = (value) => value === null || value === void 0 ? "" : String(roundTo(value, resolvedPrecision.value));
+    const parseInput = (raw) => {
+      const text = raw.trim();
+      if (!text) return null;
+      if (!/^[+-]?(\d+\.?\d*|\.\d+)$/.test(text)) return "invalid";
+      const value = Number(text);
+      return Number.isFinite(value) ? value : "invalid";
+    };
+    const draft = ref(textOf(current.value));
+    const display = computed(() => props.modelValue === void 0 ? draft.value : textOf(props.modelValue));
+    const inputRef = ref(null);
+    const syncDom = () => {
+      const el = inputRef.value;
+      if (el && el.value !== display.value) el.value = display.value;
+    };
+    const setModel = (value) => {
+      if (props.modelValue === void 0) inner.value = value;
+      emit("update:modelValue", value);
+      props.onChange?.(value);
+    };
+    const commit = (value) => {
+      setModel(value);
+      draft.value = textOf(value);
+      syncDom();
+    };
+    watch(current, (value) => {
+      if (!focused.value) draft.value = textOf(value);
+    });
+    watch(() => [props.min, props.max, props.precision, props.step], () => {
+      if (current.value === null) return;
+      const next = normalize(current.value);
+      if (next !== current.value) commit(next);
+    });
+    const forwardAttrs = computed(() => {
+      const rest = {};
+      for (const [key, value] of Object.entries(attrs)) {
+        if (key !== "class" && key !== "style") rest[key] = value;
+      }
+      return rest;
+    });
+    const visualStatus = computed(() => props.status ?? (props.invalid ? "error" : void 0));
+    const isInvalid = computed(() => visualStatus.value === "error");
+    const onInput = (event) => {
+      const el = event.target;
+      draft.value = el.value;
+      const parsed = parseInput(el.value);
+      if (parsed === "invalid") return;
+      setModel(parsed);
+      if (props.modelValue !== void 0 && props.modelValue !== parsed) syncDom();
+    };
+    const settle = () => {
+      const parsed = parseInput(draft.value);
+      if (parsed === "invalid") {
+        draft.value = textOf(current.value);
+        syncDom();
+        return current.value;
+      }
+      if (parsed === null) {
+        commit(null);
+        return null;
+      }
+      const next = props.clampOnBlur ? normalize(parsed) : roundTo(parsed, resolvedPrecision.value);
+      commit(next);
+      return next;
+    };
+    const onFocus = () => {
+      focused.value = true;
+    };
+    const onBlur = () => {
+      focused.value = false;
+      settle();
+    };
+    const onKeydown = (event) => {
+      if (event.isComposing) return;
+      if (event.key === "Enter") {
+        const value = settle();
+        props.onEnter?.(value);
+        return;
+      }
+      if (event.key === "ArrowUp" || event.key === "ArrowDown") {
+        if (props.disabled || props.readonly) return;
+        event.preventDefault();
+        stepBy(event.key === "ArrowUp" ? 1 : -1);
+      }
+    };
+    const stepBy = (direction) => {
+      if (props.disabled || props.readonly) return;
+      const base = current.value ?? (props.min !== void 0 ? props.min : 0);
+      commit(normalize(base + direction * resolvedStep.value));
+    };
+    const atMax = computed(() => props.max !== void 0 && current.value !== null && current.value >= props.max);
+    const atMin = computed(() => props.min !== void 0 && current.value !== null && current.value <= props.min);
+    const showControls = computed(() => props.controls && !props.disabled && !props.readonly);
+    const controlClasses = computed(() => ["mh-input", "mh-input--number", props.size === "md" ? "" : `mh-input--${props.size}`, borderedClassOf(props.bordered), visualStatus.value ? `is-${visualStatus.value}` : "", props.disabled ? "is-disabled" : ""].filter(Boolean).join(" "));
+    const stepButton = (direction) => createVNode("button", {
+      "type": "button",
+      "class": "mh-input__step-btn",
+      "aria-label": direction === 1 ? "增加" : "减少",
+      "tabindex": -1,
+      "disabled": direction === 1 ? atMax.value : atMin.value,
+      "onClick": () => stepBy(direction)
+    }, [createVNode(Icon, {
+      "name": direction === 1 ? "chevron-up" : "chevron-down"
+    }, null)]);
+    return () => createVNode("div", {
+      "class": ["mh-input__wrap", attrs.class].filter(Boolean).join(" "),
+      "style": attrs.style
+    }, [slots.prefix ? createVNode("span", {
+      "class": "mh-input__prefix"
+    }, [slots.prefix()]) : null, createVNode("input", mergeProps(forwardAttrs.value, {
+      "ref": inputRef,
+      "class": controlClasses.value,
+      "type": "text",
+      "inputmode": "decimal",
+      "value": display.value,
+      "placeholder": props.placeholder,
+      "disabled": props.disabled,
+      "readonly": props.readonly,
+      "aria-invalid": isInvalid.value ? "true" : void 0,
+      "onInput": onInput,
+      "onKeydown": onKeydown,
+      "onFocus": onFocus,
+      "onBlur": onBlur
+    }), null), showControls.value ? createVNode("span", {
+      "class": "mh-input__step"
+    }, [stepButton(1), stepButton(-1)]) : null, slots.suffix ? createVNode("span", {
+      "class": "mh-input__suffix"
+    }, [slots.suffix()]) : null]);
+  }
+});
+export {
+  NumberInput
+};

package/dist/components/select/index.d.ts

@@ -132,6 +132,15 @@ export declare const Select: import("vue").DefineComponent<import("vue").Extract
         type: PropType<InputStatus>;
         default: undefined;
     };
+    /**
+     * 有无边框（框由触发器 `<Input as="button">` 带，三档口径与 `Input` 的同名 prop 完全一致）：
+     * `true`（缺省）常有框 / `false` 无框（常态、悬停、聚焦都不显）/ `'focus'` 聚焦（与悬停）才显框。
+     * 表格单元格里想要「常态像值、点进去才亮框」就用 `'focus'`。
+     */
+    bordered: {
+        type: PropType<boolean | "focus">;
+        default: boolean;
+    };
     /** 加载中（面板里出一行提示，不渲染选项） */
     loading: {
         type: BooleanConstructor;
@@ -221,6 +230,15 @@ export declare const Select: import("vue").DefineComponent<import("vue").Extract
         type: PropType<InputStatus>;
         default: undefined;
     };
+    /**
+     * 有无边框（框由触发器 `<Input as="button">` 带，三档口径与 `Input` 的同名 prop 完全一致）：
+     * `true`（缺省）常有框 / `false` 无框（常态、悬停、聚焦都不显）/ `'focus'` 聚焦（与悬停）才显框。
+     * 表格单元格里想要「常态像值、点进去才亮框」就用 `'focus'`。
+     */
+    bordered: {
+        type: PropType<boolean | "focus">;
+        default: boolean;
+    };
     /** 加载中（面板里出一行提示，不渲染选项） */
     loading: {
         type: BooleanConstructor;
@@ -248,6 +266,7 @@ export declare const Select: import("vue").DefineComponent<import("vue").Extract
     disabled: boolean;
     onChange: (v: SelectValue) => void;
     loading: boolean;
+    bordered: boolean | "focus";
     options: SelectItem[];
     defaultValue: SelectValue | undefined;
     placeholder: string;

package/dist/components/select/index.js

@@ -74,6 +74,15 @@ const Select = /* @__PURE__ */ defineComponent({
       type: String,
       default: void 0
     },
+    /**
+     * 有无边框（框由触发器 `<Input as="button">` 带，三档口径与 `Input` 的同名 prop 完全一致）：
+     * `true`（缺省）常有框 / `false` 无框（常态、悬停、聚焦都不显）/ `'focus'` 聚焦（与悬停）才显框。
+     * 表格单元格里想要「常态像值、点进去才亮框」就用 `'focus'`。
+     */
+    bordered: {
+      type: [Boolean, String],
+      default: true
+    },
     /** 加载中（面板里出一行提示，不渲染选项） */
     loading: {
       type: Boolean,
@@ -239,6 +248,7 @@ const Select = /* @__PURE__ */ defineComponent({
         "size": props.size,
         "status": props.status,
         "disabled": props.disabled,
+        "bordered": props.bordered,
         "clearable": props.clearable,
         "hasValue": hasValue,
         "multiple": props.multiple,

package/dist/components/select/select-tree.d.ts

@@ -129,6 +129,11 @@ export declare const SelectTree: import("vue").DefineComponent<import("vue").Ext
         type: PropType<InputStatus>;
         default: undefined;
     };
+    /** 有无边框（框由触发器 `<Input as="button">` 带，三档口径与 `Input` 的同名 prop 一致） */
+    bordered: {
+        type: PropType<boolean | "focus">;
+        default: boolean;
+    };
     /** 值变更回调（选中叶子的主键） */
     onChange: {
         type: PropType<(v: string) => void>;
@@ -248,6 +253,11 @@ export declare const SelectTree: import("vue").DefineComponent<import("vue").Ext
         type: PropType<InputStatus>;
         default: undefined;
     };
+    /** 有无边框（框由触发器 `<Input as="button">` 带，三档口径与 `Input` 的同名 prop 一致） */
+    bordered: {
+        type: PropType<boolean | "focus">;
+        default: boolean;
+    };
     /** 值变更回调（选中叶子的主键） */
     onChange: {
         type: PropType<(v: string) => void>;
@@ -283,6 +293,7 @@ export declare const SelectTree: import("vue").DefineComponent<import("vue").Ext
     defaultExpandedKeys: string[];
     defaultExpandAll: boolean;
     onExpandChange: (keys: string[]) => void;
+    bordered: boolean | "focus";
     defaultValue: string;
     placeholder: string;
     modelValue: string;

package/dist/components/select/select-tree.js

@@ -104,6 +104,11 @@ const SelectTree = /* @__PURE__ */ defineComponent({
       type: String,
       default: void 0
     },
+    /** 有无边框（框由触发器 `<Input as="button">` 带，三档口径与 `Input` 的同名 prop 一致） */
+    bordered: {
+      type: [Boolean, String],
+      default: true
+    },
     /** 值变更回调（选中叶子的主键） */
     onChange: {
       type: Function,
@@ -211,6 +216,7 @@ const SelectTree = /* @__PURE__ */ defineComponent({
         "size": props.size,
         "status": props.status,
         "disabled": props.disabled,
+        "bordered": props.bordered,
         "clearable": props.clearable,
         "hasValue": hasValue.value,
         "placeholder": props.placeholder,