@manohub/app-kit 0.1.0

package/dist/atoms/app-button.d.ts

@@ -0,0 +1,90 @@
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+export type AppButtonTone = 'default' | 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error';
+export type AppButtonShape = 'solid' | 'soft' | 'outline' | 'ghost' | 'link';
+export type AppControlSize = 'sm' | 'md' | 'lg';
+/**
+ * 按钮（封装 farris FButton）。
+ *
+ * 对外只有 tone/shape/size/disabled/loading；farris 的 type/customClass/iconClass
+ * 全部在内部翻译，应用侧写不出 farris 形态（inheritAttrs:false，未白名单属性直接丢弃）。
+ *
+ * `shape="ghost"` 是**图标按钮的标准形态**（无底、无边框、hover 变色；`tone="error"` 时 hover 转危险色），
+ * 由本包 `atoms.css` 定义，应用侧不再自绘图标按钮外观。
+ *
+ * @example
+ * <AppButton tone="primary" onClick={handleAdd}>新增</AppButton>
+ * <AppButton shape="link">查看详情</AppButton>
+ * <AppButton shape="ghost" size="sm" title="编辑"><Pencil size={14} /></AppButton>
+ * <AppButton shape="ghost" size="sm" tone="error" title="删除"><Trash2 size={14} /></AppButton>
+ */
+export declare const AppButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    tone: {
+        type: PropType<AppButtonTone>;
+        default: string;
+    };
+    shape: {
+        type: PropType<AppButtonShape>;
+        default: string;
+    };
+    size: {
+        type: PropType<AppControlSize>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 原生 title 透传（图标按钮的无障碍提示），非 farris 特有属性 */
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    onClick: {
+        type: PropType<(e: MouseEvent) => void>;
+        default: undefined;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    tone: {
+        type: PropType<AppButtonTone>;
+        default: string;
+    };
+    shape: {
+        type: PropType<AppButtonShape>;
+        default: string;
+    };
+    size: {
+        type: PropType<AppControlSize>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 原生 title 透传（图标按钮的无障碍提示），非 farris 特有属性 */
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    onClick: {
+        type: PropType<(e: MouseEvent) => void>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    title: string;
+    onClick: (e: MouseEvent) => void;
+    size: AppControlSize;
+    loading: boolean;
+    tone: AppButtonTone;
+    shape: AppButtonShape;
+    disabled: boolean;
+}, SlotsType<{
+    default?: () => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/atoms/app-button.js

@@ -0,0 +1,74 @@
+import { defineComponent, createVNode, mergeProps } from "vue";
+import { FButton } from "@farris/ui-vue";
+const TONE_TO_FARRIS_TYPE = {
+  primary: "primary",
+  secondary: "secondary",
+  info: "primary",
+  success: "success",
+  warning: "warning",
+  error: "danger"
+};
+const AppButton = /* @__PURE__ */ defineComponent({
+  name: "AppButton",
+  inheritAttrs: false,
+  props: {
+    tone: {
+      type: String,
+      default: "default"
+    },
+    shape: {
+      type: String,
+      default: "solid"
+    },
+    size: {
+      type: String,
+      default: "md"
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    /** 原生 title 透传（图标按钮的无障碍提示），非 farris 特有属性 */
+    title: {
+      type: String,
+      default: void 0
+    },
+    onClick: {
+      type: Function,
+      default: void 0
+    }
+  },
+  slots: Object,
+  setup(props, {
+    slots,
+    attrs
+  }) {
+    return () => {
+      const farrisType = props.shape === "link" ? "link" : props.tone === "default" ? (
+        /* farris 无中性默认按钮（type 默认即 primary）：
+           solid+default 维持现状外观（primary）；ghost/soft/outline 走 secondary */
+        props.shape === "solid" ? "primary" : "secondary"
+      ) : TONE_TO_FARRIS_TYPE[props.tone];
+      const farrisSize = props.size === "sm" ? "small" : props.size === "lg" ? "large" : "middle";
+      return createVNode(FButton, mergeProps({
+        "type": farrisType,
+        "size": farrisSize,
+        "disabled": props.disabled || props.loading,
+        "customClass": [attrs.class, "ak-btn", `ak-btn--${props.shape}`, `ak-btn--${props.tone}`, props.loading ? "ak-btn-loading" : ""].filter(Boolean).join(" "),
+        "customStyle": attrs.style
+      }, {
+        title: props.title,
+        onClick: props.onClick
+      }), {
+        default: () => [slots.default?.()]
+      });
+    };
+  }
+});
+export {
+  AppButton
+};

package/dist/atoms/app-checkbox.d.ts

@@ -0,0 +1,86 @@
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import type { AppControlSize } from './app-button';
+/**
+ * 复选框（**自建**，不封装 farris）。
+ *
+ * 自建理由：farris 无对应件的场景按本仓「缺件处置流程」自建，形态与 `AppSwitch` 对齐
+ * （统一词表 `modelValue` / `onChange` / `disabled` / `size`，无 farris 风格 prop）。
+ *
+ * 实现要点：
+ * - 真实 `<input type="checkbox">` 负责可访问性与键盘（Tab / Space），视觉由旁边的方块自绘；
+ * - 方块用 `data-state`（`checked` / `indeterminate` / `unchecked`）承载状态，样式全部走 `--ui-*` 令牌；
+ *   与 `AppTable` 自绘选择列同一套状态协议，便于后续统一收敛；
+ * - **选中 / 半选填主色**（没有色彩角色维度）：与 `AppSwitch` 的选中轨道、`AppTable` 自选列
+ *   （`accent-color`）以及 `@aihub/theme` 的「已选择背景取主色」三处同一口径 ——
+ *   全库"选中"只有主色一种表达，别在这里另开一档深色；
+ * - 半选（`indeterminate`）是**旁路态**：点击后由消费方自行决定落到 `checked` 还是 `unchecked`，
+ *   组件只负责视觉与原生属性同步。
+ *
+ * @example
+ * <AppCheckbox modelValue={row.enabled} onChange={(v) => (row.enabled = v)}>是否生效</AppCheckbox>
+ *
+ * @example 全选 / 半选
+ * <AppCheckbox indeterminate={someChecked && !allChecked}
+ *   modelValue={allChecked} onChange={(v) => toggleAll(v)}>全选</AppCheckbox>
+ */
+export declare const AppCheckbox: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** 受控勾选值 */
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 半选态（视觉与 `input.indeterminate` 同步；不改变 `modelValue`） */
+    indeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<AppControlSize>;
+        default: string;
+    };
+    /** 值变更回调；参数为新勾选值 */
+    onChange: {
+        type: PropType<(v: boolean) => void>;
+        default: undefined;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (v: boolean) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** 受控勾选值 */
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 半选态（视觉与 `input.indeterminate` 同步；不改变 `modelValue`） */
+    indeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<AppControlSize>;
+        default: string;
+    };
+    /** 值变更回调；参数为新勾选值 */
+    onChange: {
+        type: PropType<(v: boolean) => void>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
+}>, {
+    onChange: (v: boolean) => void;
+    size: AppControlSize;
+    disabled: boolean;
+    modelValue: boolean;
+    indeterminate: boolean;
+}, SlotsType<{
+    default?: () => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/atoms/app-checkbox.js

@@ -0,0 +1,78 @@
+import { defineComponent, ref, watchEffect, createVNode } from "vue";
+import { Icon } from "@manohub/icon";
+const AppCheckbox = /* @__PURE__ */ defineComponent({
+  name: "AppCheckbox",
+  inheritAttrs: false,
+  props: {
+    /** 受控勾选值 */
+    modelValue: {
+      type: Boolean,
+      default: false
+    },
+    /** 半选态（视觉与 `input.indeterminate` 同步；不改变 `modelValue`） */
+    indeterminate: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    size: {
+      type: String,
+      default: "md"
+    },
+    /** 值变更回调；参数为新勾选值 */
+    onChange: {
+      type: Function,
+      default: void 0
+    }
+  },
+  emits: {
+    "update:modelValue": (v) => true
+  },
+  slots: Object,
+  setup(props, {
+    emit,
+    slots,
+    attrs
+  }) {
+    const inputRef = ref(null);
+    watchEffect(() => {
+      if (inputRef.value) inputRef.value.indeterminate = props.indeterminate;
+    });
+    const handleChange = (event) => {
+      const next = event.target.checked;
+      emit("update:modelValue", next);
+      props.onChange?.(next);
+    };
+    return () => {
+      const state = props.indeterminate ? "indeterminate" : props.modelValue ? "checked" : "unchecked";
+      const iconSize = props.size === "sm" ? 10 : props.size === "lg" ? 14 : 12;
+      return createVNode("label", {
+        "class": ["ak-checkbox", `ak-checkbox--${props.size}`, props.disabled ? "is-disabled" : "", attrs.class].filter(Boolean).join(" ")
+      }, [createVNode("input", {
+        "ref": inputRef,
+        "class": "ak-checkbox__input",
+        "type": "checkbox",
+        "checked": props.modelValue,
+        "disabled": props.disabled,
+        "onChange": handleChange
+      }, null), createVNode("span", {
+        "class": "ak-checkbox__box",
+        "data-state": state
+      }, [props.indeterminate ? createVNode("span", {
+        "class": "ak-checkbox__dash"
+      }, null) : createVNode(Icon, {
+        "name": "check",
+        "size": iconSize,
+        "class": "ak-checkbox__icon"
+      }, null)]), slots.default ? createVNode("span", {
+        "class": "ak-checkbox__label"
+      }, [slots.default()]) : null]);
+    };
+  }
+});
+export {
+  AppCheckbox
+};

package/dist/atoms/app-icon-button.d.ts

@@ -0,0 +1,79 @@
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import { type AppButtonTone, type AppControlSize } from './app-button';
+/**
+ * 图标按钮（纯图标、无文案）：`AppButton shape="ghost"` + 方形点击区。
+ *
+ * 吃掉的分身：批次 5 前 3 个应用各自手搓「透明底 + 无边框 + hover 变色」的图标按钮
+ * （`topic-action-btn`、`upstream-actions .f-icon-refresh`、`skill-list-page__refresh`），
+ * 有的还带 `!important`。形态与尺寸由本包 `.ak-icon-btn` 统一，应用侧只给图标节点。
+ *
+ * 语义：`title` 必传（图标按钮的无障碍名称）；`loading` 时禁用并保持尺寸不跳。
+ *
+ * @example
+ * <AppIconButton size="sm" title="编辑" onClick={() => handleEdit(row)}><Pencil size={14} /></AppIconButton>
+ *
+ * @example
+ * <AppIconButton size="sm" tone="error" title="删除" onClick={() => handleRemove(row)}><Trash2 size={14} /></AppIconButton>
+ */
+export declare const AppIconButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    tone: {
+        type: PropType<AppButtonTone>;
+        default: string;
+    };
+    size: {
+        type: PropType<AppControlSize>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 无障碍名称（图标按钮必备） */
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    onClick: {
+        type: PropType<(e: MouseEvent) => void>;
+        default: undefined;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    tone: {
+        type: PropType<AppButtonTone>;
+        default: string;
+    };
+    size: {
+        type: PropType<AppControlSize>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 无障碍名称（图标按钮必备） */
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    onClick: {
+        type: PropType<(e: MouseEvent) => void>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    title: string;
+    onClick: (e: MouseEvent) => void;
+    size: AppControlSize;
+    loading: boolean;
+    tone: AppButtonTone;
+    disabled: boolean;
+}, SlotsType<{
+    default?: () => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/atoms/app-icon-button.js

@@ -0,0 +1,54 @@
+import { defineComponent, createVNode } from "vue";
+import { AppButton } from "./app-button.js";
+const AppIconButton = /* @__PURE__ */ defineComponent({
+  name: "AppIconButton",
+  inheritAttrs: false,
+  props: {
+    tone: {
+      type: String,
+      default: "default"
+    },
+    size: {
+      type: String,
+      default: "sm"
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    /** 无障碍名称（图标按钮必备） */
+    title: {
+      type: String,
+      default: void 0
+    },
+    onClick: {
+      type: Function,
+      default: void 0
+    }
+  },
+  slots: Object,
+  setup(props, {
+    slots,
+    attrs
+  }) {
+    return () => createVNode(AppButton, {
+      "shape": "ghost",
+      "tone": props.tone,
+      "size": props.size,
+      "disabled": props.disabled,
+      "loading": props.loading,
+      "title": props.title,
+      "onClick": props.onClick,
+      "class": ["ak-icon-btn", `ak-icon-btn--${props.size}`, attrs.class].filter(Boolean).join(" ")
+    }, {
+      default: () => [slots.default?.()]
+    });
+  }
+});
+export {
+  AppIconButton
+};

package/dist/atoms/app-input.d.ts

@@ -0,0 +1,118 @@
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import type { AppControlSize } from './app-button';
+/**
+ * 单行文本输入框（封装 farris FInputGroup）。
+ *
+ * farris 侧的坑全部在内部消化：
+ * - FInputGroup 默认 updateOn="blur"（输入不实时上抛）——内部固定 updateOn="change"，
+ *   应用侧永远拿到实时值，不需要知道这个 prop 的存在。
+ *
+ * @example
+ * <AppInput v-model={keyword} placeholder="搜索名称" clearable />
+ */
+export declare const AppInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 原生 input type；farris 侧映射为 groupText 前缀的场景由 AppInputGroup（后续批次）承接 */
+    type: {
+        type: PropType<"text" | "password">;
+        default: string;
+    };
+    /** 原生 autocomplete 透传（表单弹窗须 "off" 防浏览器回填），非 farris 特有属性 */
+    autocomplete: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    size: {
+        type: PropType<AppControlSize>;
+        default: string;
+    };
+    /** 点击输入框（配合 readonly 可做「点击打开选择器」的伪输入框） */
+    onClick: {
+        type: PropType<(e: MouseEvent) => void>;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<(v: string) => void>;
+        default: undefined;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (v: string) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 原生 input type；farris 侧映射为 groupText 前缀的场景由 AppInputGroup（后续批次）承接 */
+    type: {
+        type: PropType<"text" | "password">;
+        default: string;
+    };
+    /** 原生 autocomplete 透传（表单弹窗须 "off" 防浏览器回填），非 farris 特有属性 */
+    autocomplete: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    size: {
+        type: PropType<AppControlSize>;
+        default: string;
+    };
+    /** 点击输入框（配合 readonly 可做「点击打开选择器」的伪输入框） */
+    onClick: {
+        type: PropType<(e: MouseEvent) => void>;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<(v: string) => void>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+}>, {
+    type: "text" | "password";
+    onChange: (v: string) => void;
+    onClick: (e: MouseEvent) => void;
+    size: AppControlSize;
+    disabled: boolean;
+    modelValue: string;
+    placeholder: string;
+    readonly: boolean;
+    clearable: boolean;
+    autocomplete: string;
+}, SlotsType<{
+    default?: () => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/atoms/app-input.js

@@ -0,0 +1,83 @@
+import { defineComponent, createVNode } from "vue";
+import { FInputGroup } from "@farris/ui-vue";
+const AppInput = /* @__PURE__ */ defineComponent({
+  name: "AppInput",
+  inheritAttrs: false,
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    clearable: {
+      type: Boolean,
+      default: false
+    },
+    /** 原生 input type；farris 侧映射为 groupText 前缀的场景由 AppInputGroup（后续批次）承接 */
+    type: {
+      type: String,
+      default: "text"
+    },
+    /** 原生 autocomplete 透传（表单弹窗须 "off" 防浏览器回填），非 farris 特有属性 */
+    autocomplete: {
+      type: String,
+      default: void 0
+    },
+    size: {
+      type: String,
+      default: "md"
+    },
+    /** 点击输入框（配合 readonly 可做「点击打开选择器」的伪输入框） */
+    onClick: {
+      type: Function,
+      default: void 0
+    },
+    onChange: {
+      type: Function,
+      default: void 0
+    }
+  },
+  emits: {
+    "update:modelValue": (v) => true
+  },
+  slots: Object,
+  setup(props, {
+    emit,
+    attrs,
+    slots
+  }) {
+    return () => createVNode(FInputGroup, {
+      "modelValue": props.modelValue,
+      "onUpdate:modelValue": (v) => {
+        emit("update:modelValue", v);
+        props.onChange?.(v);
+      },
+      "updateOn": "change",
+      "placeholder": props.placeholder,
+      "disabled": props.disabled,
+      "readonly": props.readonly,
+      "enableClear": props.clearable,
+      "type": props.type,
+      "autocomplete": props.autocomplete,
+      "customClass": attrs.class,
+      "customStyle": attrs.style,
+      "onClick": props.onClick
+    }, slots.default ? {
+      groupTextTemplate: () => slots.default?.()
+    } : void 0);
+  }
+});
+export {
+  AppInput
+};