npm - @rhino-design/vue - Versions diffs - 0.1.0 → 0.2.0 - Mend

@@ -1,19 +1,16 @@
 # Rhino Design Vue
-一个基于 Vue 3 的 `X` 前缀组件库封装层，但策略不是“给 Ant Design Vue 换皮”：
+> ⚠️ **新版组件测试中，可能会bug已趋于正常使用，请查看文档：http://doc.xitask.com ！**
-- 同名组件优先使用 `@arco-design/web-vue`
-- 只有 Arco 没提供的组件，才由 `ant-design-vue` 补位
-- 组件统一注册为 `X` 前缀，例如 `<x-card />`、`<x-form />`、`<x-segmented />`
-- 可直接构建并发布到 npm
+全面开箱即用的高质量组件，可以覆盖绝大部分的业务场景。所有组件都是用 TypeScript 编写的，所以天然的类型友好。
 ## 安装
 ```bash
-npm install @rhino-design/vue @arco-design/web-vue ant-design-vue vue
+npm i @rhino-design/vue
 ```
-## 全量注册
+## 使用
 ```ts
 import { createApp } from 'vue';
@@ -23,74 +20,22 @@ import '@rhino-design/vue/style.css';
 createApp(App).use(RhinoDesignVue).mount('#app');
 ```
+## 当前新增组件
-## 组件来源规则
+- 真正重写的基础层、主题层、图标层
+- 首批核心组件：`Cropper`、`Richtext`、`ChatInput`、`QrCode`等。
-- `x-card`、`x-form`、`x-menu`、`x-table`、`x-select` 等同名组件，走 Arco 的 props 和交互机制
-- `x-segmented`、`x-qr-code`、`x-tour`、`x-badge-ribbon` 等 Arco 缺失项，走 Ant Design Vue
-- `x-config-provider` 是桥接层：外层用 Arco ConfigProvider，内层同步 Antd 补位组件的尺寸和 token
+## 当前重构范围
-## 使用示例
+- 真正重写的基础层、主题层、图标层
+- 首批优化组件：`Button`、`Table`、`ConfigProvider`、`Form`、`FormItem`、`Icon`、`Input`、`Modal`、`Segmented`、`Space`、`Tag`
-```vue
-<template>
-  <x-config-provider size="medium">
-    <x-space direction="vertical" style="width: 100%">
-      <x-collapse>
-        <x-collapse-item key="api" header="Arco-first API">
-          <x-input-tag :default-value="['vue3', 'arco-first']" />
-        </x-collapse-item>
-      </x-collapse>
+- 文档示例站和 npm 构建配置
-      <x-segmented
-        :options="['Daily', 'Weekly', 'Monthly']"
-        :value="'Daily'"
-      />
-    </x-space>
-  </x-config-provider>
-</template>
-```
-## 按需引入
-```ts
-import {
-  XButton,
-  XCard,
-  XCollapse,
-  XCollapseItem,
-  XInputTag,
-  XSegmented,
-  XConfigProvider,
-} from '@rhino-design/vue';
-```
-## Provider
-`XConfigProvider` 提供的是“Arco 优先”的入口：
-- `size`、`locale`、`updateAtScroll`、`scrollToClose`、`exchangeTime` 走 Arco 语义
-- `themeOverrides` 和 `compact` 用于同步 Antd 补位组件
-## 服务导出
-- `xMessage`、`xNotification` 使用 Arco 的服务实现
-- `createXAntdCache`、`createXAntdTheme`、`extractXAntdStyle` 用于 Antd 补位层
-## 发布
-```bash
-npm run typecheck
-npm run build
-npm publish --access public
-```
-## 文档站
+## 开发
 ```bash
 npm run dev
-npm run docs:build
+npm run build
+npm run typecheck
 ```
-- `npm run dev` 启动本地文档与示例站
-- `npm run docs:build` 输出静态站点到 `docs-dist`

@@ -0,0 +1,47 @@
+import { Ref } from 'vue';
+type AffixTargetValue = string | HTMLElement | Window | null | undefined;
+type AffixTargetSource = AffixTargetValue | Ref<AffixTargetValue> | (() => AffixTargetValue | Ref<AffixTargetValue>);
+export interface AffixProps {
+    offsetTop?: number;
+    offsetBottom?: number;
+    target?: AffixTargetSource;
+    targetContainer?: AffixTargetSource;
+    disabled?: boolean;
+    zIndex?: number | string;
+}
+declare function updatePosition(): void;
+declare function scheduleUpdate(): void;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        wrapperRef: HTMLDivElement;
+        affixRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<AffixProps, {
+    updatePosition: typeof updatePosition;
+    scheduleUpdate: typeof scheduleUpdate;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (fixed: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<AffixProps> & Readonly<{
+    onChange?: ((fixed: boolean) => any) | undefined;
+}>, {
+    offsetTop: number;
+    disabled: boolean;
+    zIndex: number | string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    wrapperRef: HTMLDivElement;
+    affixRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

@@ -0,0 +1,43 @@
+type AlertType = 'info' | 'success' | 'warning' | 'error' | 'normal';
+type __VLS_Props = {
+    type?: AlertType;
+    showIcon?: boolean;
+    closable?: boolean;
+    title?: string;
+    banner?: boolean;
+    center?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        title?(_: {}): any;
+        default?(_: {}): any;
+        action?(_: {}): any;
+        'close-element'?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (event: MouseEvent) => any;
+    afterClose: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((event: MouseEvent) => any) | undefined;
+    onAfterClose?: (() => any) | undefined;
+}>, {
+    title: string;
+    center: boolean;
+    type: AlertType;
+    showIcon: boolean;
+    closable: boolean;
+    banner: boolean;
+}, {}, {}, {}, string, import('vue').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;
+    };
+};

@@ -0,0 +1,49 @@
+import { InjectionKey, Ref } from 'vue';
+export interface AnchorLinkItem {
+    href: string;
+    title: string;
+}
+export interface AnchorContext {
+    currentLink: Ref<string>;
+    addLink: (href: string, node: HTMLElement) => void;
+    removeLink: (href: string) => void;
+    handleClick: (event: MouseEvent, href: string) => void;
+}
+export declare const anchorKey: InjectionKey<AnchorContext>;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+    boundary?: "start" | "end" | "center" | "nearest" | number;
+    lineLess?: boolean;
+    scrollContainer?: string | HTMLElement | Window;
+    target?: string | HTMLElement | Window;
+    changeHash?: boolean;
+    smooth?: boolean;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (href: string) => any;
+    select: (href: string, preHash: string) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    boundary?: "start" | "end" | "center" | "nearest" | number;
+    lineLess?: boolean;
+    scrollContainer?: string | HTMLElement | Window;
+    target?: string | HTMLElement | Window;
+    changeHash?: boolean;
+    smooth?: boolean;
+}> & Readonly<{
+    onChange?: ((href: string) => any) | undefined;
+    onSelect?: ((href: string, preHash: string) => any) | undefined;
+}>, {
+    smooth: boolean;
+    boundary: "start" | "end" | "center" | "nearest" | number;
+    lineLess: boolean;
+    changeHash: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    anchorRef: HTMLDivElement;
+    lineSliderRef: HTMLDivElement;
+}, HTMLDivElement>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    href: string;
+    title?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        sublist?(_: {}): any;
+    };
+    refs: {
+        linkRef: HTMLLIElement;
+    };
+    rootEl: HTMLLIElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    linkRef: HTMLLIElement;
+}, HTMLLIElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    modelValue?: string;
+    options?: Array<string | {
+        label: string;
+        value: string;
+    }>;
+    placeholder?: string;
+    disabled?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (value: string) => any;
+    select: (value: string) => any;
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((value: string) => any) | undefined;
+    onSelect?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    placeholder: string;
+    modelValue: string;
+    options: Array<string | {
+        label: string;
+        value: string;
+    }>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

@@ -0,0 +1,32 @@
+type __VLS_Props = {
+    src?: string;
+    alt?: string;
+    size?: number | 'mini' | 'small' | 'default' | 'large';
+    shape?: 'circle' | 'square';
+    backgroundColor?: string;
+    color?: string;
+    autoFixFontSize?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    backgroundColor: string;
+    color: string;
+    size: number | "mini" | "small" | "default" | "large";
+    shape: "circle" | "square";
+    autoFixFontSize: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    visibilityHeight?: number;
+    right?: number;
+    bottom?: number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    bottom: number;
+    right: number;
+    visibilityHeight: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

@@ -0,0 +1,40 @@
+export type BadgeStatus = 'normal' | 'processing' | 'success' | 'warning' | 'danger';
+export type BadgeColor = 'red' | 'orangered' | 'orange' | 'gold' | 'lime' | 'green' | 'cyan' | 'blue' | 'purple' | 'pinkpurple' | 'magenta' | 'gray' | string;
+type __VLS_Props = {
+    count?: string | number;
+    dot?: boolean;
+    maxCount?: number;
+    status?: BadgeStatus;
+    color?: BadgeColor;
+    offset?: [number, number];
+    text?: string;
+    showZero?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        content?(_: {}): any;
+        content?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    color: BadgeColor;
+    offset: [number, number];
+    text: string;
+    dot: boolean;
+    maxCount: number;
+    count: string | number;
+    status: BadgeStatus;
+    showZero: boolean;
+}, {}, {}, {}, string, import('vue').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;
+    };
+};

@rhino-design/vue 0.1.0 → 0.2.0