create-yss-spec 3.0.1 → 3.1.0

package/template/docs/design/facts/antdv-next/1.5.2/components/Alert/semantic.json

@@ -0,0 +1,40 @@
+{
+  "name": "Alert",
+  "semanticStructure": [
+    {
+      "key": "root",
+      "description": "Root element with border, background, padding, border-radius, and positioning styles for the alert container",
+      "descriptionZh": "根元素，包含边框、背景色、内边距、圆角、位置布局等警告提示框的基础样式"
+    },
+    {
+      "key": "section",
+      "description": "Content element with flex layout controlling content area typography and minimum width",
+      "descriptionZh": "内容元素，采用 flex 布局控制内容区域的排版和最小宽度"
+    },
+    {
+      "key": "icon",
+      "description": "Icon element with color, line-height, and margin styles, supporting different status icon types",
+      "descriptionZh": "图标元素，包含图标的颜色、行高、外边距等样式，支持不同类型的状态图标"
+    },
+    {
+      "key": "title",
+      "description": "Title element with text color and font styling for the alert title",
+      "descriptionZh": "标题元素，包含标题文字的颜色、字体等样式"
+    },
+    {
+      "key": "description",
+      "description": "Description element with font-size and line-height styles for additional content",
+      "descriptionZh": "描述元素，包含描述文字的字体大小、行高等排版样式"
+    },
+    {
+      "key": "actions",
+      "description": "Actions element with layout and spacing styles for action buttons",
+      "descriptionZh": "操作组元素，包含操作按钮的布局和间距样式"
+    },
+    {
+      "key": "close",
+      "description": "Close button element with basic button styling",
+      "descriptionZh": "关闭按钮元素，包含按钮的基础样式"
+    }
+  ]
+}

package/template/docs/design/facts/antdv-next/1.5.2/components/Alert/token.json

@@ -0,0 +1,32 @@
+{
+  "token": [
+    {
+      "name": "borderRadius",
+      "type": "BorderRadius<string | number> | undefined",
+      "default": "8",
+      "description": "Border radius of alert",
+      "descriptionZh": "组件圆角"
+    },
+    {
+      "name": "defaultPadding",
+      "type": "Padding<string | number> | undefined",
+      "default": "8px 12px",
+      "description": "Default padding",
+      "descriptionZh": "默认内间距"
+    },
+    {
+      "name": "withDescriptionIconSize",
+      "type": "string | number",
+      "default": "24",
+      "description": "Icon size with description",
+      "descriptionZh": "带有描述时的图标尺寸"
+    },
+    {
+      "name": "withDescriptionPadding",
+      "type": "Padding<string | number> | undefined",
+      "default": "20px 24px",
+      "description": "Padding with description",
+      "descriptionZh": "带有描述的内间距"
+    }
+  ]
+}

package/template/docs/design/facts/antdv-next/1.5.2/components/Button/demo-basic.json

@@ -0,0 +1,7 @@
+{
+  "component": "Button",
+  "name": "basic",
+  "title": "Syntactic sugar",
+  "description": "Through the `type` syntactic sugar, use the preset button styles: `primary` buttons, `default` buttons, `dashed` buttons, `text` buttons, and `link` buttons.",
+  "code": "<template>\n  <a-flex gap=\"small\" wrap>\n    <a-button type=\"primary\">\n      Primary Button\n    </a-button>\n    <a-button>Default Button</a-button>\n    <a-button type=\"dashed\">\n      Dashed Button\n    </a-button>\n    <a-button type=\"text\">\n      Text Button\n    </a-button>\n    <a-button type=\"link\">\n      Link Button\n    </a-button>\n  </a-flex>\n</template>"
+}

package/template/docs/design/facts/antdv-next/1.5.2/components/Button/info.json

@@ -0,0 +1,190 @@
+{
+  "name": "Button",
+  "nameZh": "按钮",
+  "description": "To trigger an operation.",
+  "props": [
+    {
+      "name": "autoInsertSpace",
+      "type": "boolean",
+      "default": "`true`",
+      "description": "We add a space between two Chinese characters by default. Set `autoInsertSpace` to `false` to disable.",
+      "descriptionZh": "我们默认提供两个汉字之间的空格，可以设置 `autoInsertSpace` 为 `false` 关闭"
+    },
+    {
+      "name": "block",
+      "type": "boolean",
+      "default": "false",
+      "description": "Option to fit button width to its parent width",
+      "descriptionZh": "将按钮宽度调整为其父宽度的选项"
+    },
+    {
+      "name": "classes",
+      "type": "Record<[SemanticDOM](#semantic-dom), string> \\| (info: { props })=> Record<[SemanticDOM](#semantic-dom), string>",
+      "default": "-",
+      "description": "Customize class for each semantic structure inside the component. Supports object or function.",
+      "descriptionZh": "用于自定义组件内部各语义化结构的 class，支持对象或函数"
+    },
+    {
+      "name": "color",
+      "type": "`default` \\| `primary` \\| `danger` \\| [PresetColors](#presetcolors)",
+      "default": "-",
+      "description": "Set button color",
+      "descriptionZh": "设置按钮的颜色"
+    },
+    {
+      "name": "danger",
+      "type": "boolean",
+      "default": "false",
+      "description": "Syntactic sugar. Set the danger status of button. Will follow `color` if provided",
+      "descriptionZh": "语法糖，设置危险按钮。当设置 `color` 时会以后者为准"
+    },
+    {
+      "name": "disabled",
+      "type": "boolean",
+      "default": "false",
+      "description": "Disabled state of button",
+      "descriptionZh": "设置按钮失效状态"
+    },
+    {
+      "name": "ghost",
+      "type": "boolean",
+      "default": "false",
+      "description": "Make background transparent and invert text and border colors",
+      "descriptionZh": "幽灵属性，使按钮背景透明"
+    },
+    {
+      "name": "href",
+      "type": "string",
+      "default": "-",
+      "description": "Redirect url of link button",
+      "descriptionZh": "点击跳转的地址，指定此属性 button 的行为和 a 链接一致"
+    },
+    {
+      "name": "htmlType",
+      "type": "`submit` \\| `reset` \\| `button`",
+      "default": "`button`",
+      "description": "Set the original html `type` of `button`, see: [HTML Standard](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#type)",
+      "descriptionZh": "设置 `button` 原生的 `type` 值，可选值请参考 [HTML 标准](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/button#type)"
+    },
+    {
+      "name": "iconPlacement",
+      "type": "`start` \\| `end`",
+      "default": "`start`",
+      "description": "Set the icon position of button",
+      "descriptionZh": "设置按钮图标组件的位置"
+    },
+    {
+      "name": "loading",
+      "type": "boolean \\| { delay: number, icon: VueNode }",
+      "default": "false",
+      "description": "Set the loading status of button",
+      "descriptionZh": "设置按钮载入状态"
+    },
+    {
+      "name": "loadingIcon",
+      "type": "VueNode",
+      "default": "`<LoadingOutlined />`",
+      "description": "(Global config only) Set the loading icon of button",
+      "descriptionZh": "（仅支持全局配置）设置按钮的加载图标"
+    },
+    {
+      "name": "shape",
+      "type": "`default` \\| `circle` \\| `round`",
+      "default": "`default`",
+      "description": "Can be used to set button shape",
+      "descriptionZh": "设置按钮形状"
+    },
+    {
+      "name": "size",
+      "type": "`large` \\| `middle` \\| `small`",
+      "default": "`middle`",
+      "description": "Set the size of button",
+      "descriptionZh": "设置按钮大小"
+    },
+    {
+      "name": "styles",
+      "type": "Record&lt;[SemanticDOM](#semantic-dom), CSSProperties&gt; \\| (info: &#123; props &#125;)=&gt; Record&lt;[SemanticDOM](#semantic-dom), CSSProperties&gt;",
+      "default": "-",
+      "description": "Customize inline style for each semantic structure inside the component. Supports object or function.",
+      "descriptionZh": "用于自定义组件内部各语义化结构的行内 style，支持对象或函数"
+    },
+    {
+      "name": "target",
+      "type": "string",
+      "default": "-",
+      "description": "Same as target attribute of a, works when href is specified",
+      "descriptionZh": "相当于 a 链接的 target 属性，href 存在时生效"
+    },
+    {
+      "name": "type",
+      "type": "`primary` \\| `dashed` \\| `link` \\| `text` \\| `default`",
+      "default": "`default`",
+      "description": "Syntactic sugar. Set button type. Will follow `variant` & `color` if provided",
+      "descriptionZh": "语法糖，设置按钮类型。当设置 `variant` 与 `color` 时以后者为准"
+    },
+    {
+      "name": "variant",
+      "type": "`outlined` \\| `dashed` \\| `solid` \\| `filled` \\| `text` \\| `link`",
+      "default": "-",
+      "description": "Set button variant",
+      "descriptionZh": "设置按钮的变体"
+    }
+  ],
+  "events": [
+    {
+      "name": "click",
+      "type": "`(event: MouseEvent) =&gt; void`",
+      "default": "",
+      "description": "Callback executed when button is clicked",
+      "descriptionZh": "点击按钮时的回调"
+    }
+  ],
+  "slots": [
+    {
+      "name": "icon",
+      "type": "-",
+      "default": "",
+      "description": "Set the icon component of button",
+      "descriptionZh": "设置按钮的图标组件"
+    },
+    {
+      "name": "loadingIcon",
+      "type": "-",
+      "default": "",
+      "description": "Set the loading icon component of button",
+      "descriptionZh": "设置按钮载入的图标组件"
+    }
+  ],
+  "methods": [],
+  "subComponentProps": {},
+  "commonProps": [
+    {
+      "name": "style",
+      "type": "CSSProperties",
+      "default": "-",
+      "description": "The additional style",
+      "descriptionZh": "自定义样式"
+    },
+    {
+      "name": "class",
+      "type": "string",
+      "default": "-",
+      "description": "The additional css class",
+      "descriptionZh": "自定义类名"
+    },
+    {
+      "name": "rootClass",
+      "type": "string",
+      "default": "-",
+      "description": "ClassName on the root element",
+      "descriptionZh": "添加在组件最外层的 className"
+    },
+    {
+      "name": "autoFocus",
+      "type": "boolean",
+      "default": "false",
+      "description": "Auto focus when component mounted, only effective for focusable elements like forms, links, etc.",
+      "descriptionZh": "自动获取焦点，仅对表单类、链接、交互容器等可聚焦元素生效"
+    }
+  ]
+}

package/template/docs/design/facts/antdv-next/1.5.2/components/Button/semantic.json

@@ -0,0 +1,20 @@
+{
+  "name": "Button",
+  "semanticStructure": [
+    {
+      "key": "root",
+      "description": "Root element with comprehensive button styling including border, background, padding, border-radius, box-shadow, transitions, cursor, font-weight, alignment, and layout properties",
+      "descriptionZh": "根元素，包含边框样式、背景色、内边距、圆角、阴影效果、过渡动画、光标样式、文字权重、对齐方式等完整的按钮外观样式"
+    },
+    {
+      "key": "content",
+      "description": "Content element that wraps button text with typography styles including nowrap, text-align center, and Chinese character spacing optimization",
+      "descriptionZh": "内容元素，包装按钮文本内容，控制文本的不换行显示、居中对齐、中文字符间距优化等文本排版样式"
+    },
+    {
+      "key": "icon",
+      "description": "Icon element with font-size, color inheritance, and SVG style reset for proper icon display",
+      "descriptionZh": "图标元素，包含图标的字体大小、颜色继承、SVG 样式重置等图标显示相关样式"
+    }
+  ]
+}

package/template/docs/design/facts/antdv-next/1.5.2/components/Button/token.json

@@ -0,0 +1,256 @@
+{
+  "token": [
+    {
+      "name": "contentFontSize",
+      "type": "number",
+      "default": "14",
+      "description": "Font size of button content",
+      "descriptionZh": "按钮内容字体大小"
+    },
+    {
+      "name": "contentFontSizeLG",
+      "type": "number",
+      "default": "16",
+      "description": "Font size of large button content",
+      "descriptionZh": "大号按钮内容字体大小"
+    },
+    {
+      "name": "contentFontSizeSM",
+      "type": "number",
+      "default": "14",
+      "description": "Font size of small button content",
+      "descriptionZh": "小号按钮内容字体大小"
+    },
+    {
+      "name": "dangerColor",
+      "type": "string",
+      "default": "#fff",
+      "description": "Text color of danger button",
+      "descriptionZh": "危险按钮文本颜色"
+    },
+    {
+      "name": "dangerShadow",
+      "type": "string",
+      "default": "0 2px 0 rgba(255,38,5,0.06)",
+      "description": "Shadow of danger button",
+      "descriptionZh": "危险按钮阴影"
+    },
+    {
+      "name": "dashedBgDisabled",
+      "type": "string",
+      "default": "rgba(0,0,0,0.04)",
+      "description": "",
+      "descriptionZh": "type='dashed' 禁用状态下的背景颜色"
+    },
+    {
+      "name": "defaultActiveBg",
+      "type": "string",
+      "default": "#ffffff",
+      "description": "Background color of default button when active",
+      "descriptionZh": "默认按钮激活态背景色"
+    },
+    {
+      "name": "defaultActiveBorderColor",
+      "type": "string",
+      "default": "#0958d9",
+      "description": "Border color of default button when active",
+      "descriptionZh": "默认按钮激活态边框颜色"
+    },
+    {
+      "name": "defaultActiveColor",
+      "type": "string",
+      "default": "#0958d9",
+      "description": "Text color of default button when active",
+      "descriptionZh": "默认按钮激活态文字颜色"
+    },
+    {
+      "name": "defaultBg",
+      "type": "string",
+      "default": "#ffffff",
+      "description": "Background color of default button",
+      "descriptionZh": "默认按钮背景色"
+    },
+    {
+      "name": "defaultBgDisabled",
+      "type": "string",
+      "default": "rgba(0,0,0,0.04)",
+      "description": "",
+      "descriptionZh": "type='default' 禁用状态下的背景颜色"
+    },
+    {
+      "name": "defaultBorderColor",
+      "type": "string",
+      "default": "#d9d9d9",
+      "description": "Border color of default button",
+      "descriptionZh": "默认按钮边框颜色"
+    },
+    {
+      "name": "defaultColor",
+      "type": "string",
+      "default": "rgba(0,0,0,0.88)",
+      "description": "Text color of default button",
+      "descriptionZh": "默认按钮文本颜色"
+    },
+    {
+      "name": "defaultGhostBorderColor",
+      "type": "string",
+      "default": "#ffffff",
+      "description": "Border color of default ghost button",
+      "descriptionZh": "默认幽灵按钮边框颜色"
+    },
+    {
+      "name": "defaultGhostColor",
+      "type": "string",
+      "default": "#ffffff",
+      "description": "Text color of default ghost button",
+      "descriptionZh": "默认幽灵按钮文本颜色"
+    },
+    {
+      "name": "defaultHoverBg",
+      "type": "string",
+      "default": "#ffffff",
+      "description": "Background color of default button when hover",
+      "descriptionZh": "默认按钮悬浮态背景色"
+    },
+    {
+      "name": "defaultHoverBorderColor",
+      "type": "string",
+      "default": "#4096ff",
+      "description": "Border color of default button",
+      "descriptionZh": "默认按钮悬浮态边框颜色"
+    },
+    {
+      "name": "defaultHoverColor",
+      "type": "string",
+      "default": "#4096ff",
+      "description": "Text color of default button when hover",
+      "descriptionZh": "默认按钮悬浮态文本颜色"
+    },
+    {
+      "name": "defaultShadow",
+      "type": "string",
+      "default": "0 2px 0 rgba(0,0,0,0.02)",
+      "description": "Shadow of default button",
+      "descriptionZh": "默认按钮阴影"
+    },
+    {
+      "name": "fontWeight",
+      "type": "FontWeight | undefined",
+      "default": "400",
+      "description": "Font weight of text",
+      "descriptionZh": "文字字重"
+    },
+    {
+      "name": "ghostBg",
+      "type": "string",
+      "default": "transparent",
+      "description": "Background color of ghost button",
+      "descriptionZh": "幽灵按钮背景色"
+    },
+    {
+      "name": "iconGap",
+      "type": "Gap<string | number> | undefined",
+      "default": "8",
+      "description": "Gap between icon and text",
+      "descriptionZh": "图标文字间距"
+    },
+    {
+      "name": "linkHoverBg",
+      "type": "string",
+      "default": "transparent",
+      "description": "Background color of link button when hover",
+      "descriptionZh": "链接按钮悬浮态背景色"
+    },
+    {
+      "name": "onlyIconSize",
+      "type": "string | number",
+      "default": "inherit",
+      "description": "Icon size of button which only contains icon",
+      "descriptionZh": "只有图标的按钮图标尺寸"
+    },
+    {
+      "name": "onlyIconSizeLG",
+      "type": "string | number",
+      "default": "inherit",
+      "description": "Icon size of large button which only contains icon",
+      "descriptionZh": "大号只有图标的按钮图标尺寸"
+    },
+    {
+      "name": "onlyIconSizeSM",
+      "type": "string | number",
+      "default": "inherit",
+      "description": "Icon size of small button which only contains icon",
+      "descriptionZh": "小号只有图标的按钮图标尺寸"
+    },
+    {
+      "name": "paddingInline",
+      "type": "PaddingInline<string | number> | undefined",
+      "default": "15",
+      "description": "Horizontal padding of button",
+      "descriptionZh": "按钮横向内间距"
+    },
+    {
+      "name": "paddingInlineLG",
+      "type": "PaddingInline<string | number> | undefined",
+      "default": "15",
+      "description": "Horizontal padding of large button",
+      "descriptionZh": "大号按钮横向内间距"
+    },
+    {
+      "name": "paddingInlineSM",
+      "type": "PaddingInline<string | number> | undefined",
+      "default": "7",
+      "description": "Horizontal padding of small button",
+      "descriptionZh": "小号按钮横向内间距"
+    },
+    {
+      "name": "primaryColor",
+      "type": "string",
+      "default": "#fff",
+      "description": "Text color of primary button",
+      "descriptionZh": "主要按钮文本颜色"
+    },
+    {
+      "name": "primaryShadow",
+      "type": "string",
+      "default": "0 2px 0 rgba(5,145,255,0.1)",
+      "description": "Shadow of primary button",
+      "descriptionZh": "主要按钮阴影"
+    },
+    {
+      "name": "solidTextColor",
+      "type": "string",
+      "default": "#fff",
+      "description": "Default text color for solid buttons.",
+      "descriptionZh": "默认实心按钮的文本色"
+    },
+    {
+      "name": "textHoverBg",
+      "type": "string",
+      "default": "rgba(0,0,0,0.04)",
+      "description": "Background color of text button when hover",
+      "descriptionZh": "文本按钮悬浮态背景色"
+    },
+    {
+      "name": "textTextActiveColor",
+      "type": "string",
+      "default": "rgba(0,0,0,0.88)",
+      "description": "Default text color for text buttons on active",
+      "descriptionZh": "默认文本按钮激活态文字颜色"
+    },
+    {
+      "name": "textTextColor",
+      "type": "string",
+      "default": "rgba(0,0,0,0.88)",
+      "description": "Default text color for text buttons",
+      "descriptionZh": "默认文本按钮的文本色"
+    },
+    {
+      "name": "textTextHoverColor",
+      "type": "string",
+      "default": "rgba(0,0,0,0.88)",
+      "description": "Default text color for text buttons on hover",
+      "descriptionZh": "默认文本按钮悬浮态文本颜色"
+    }
+  ]
+}

package/template/docs/design/facts/antdv-next/1.5.2/components/Input/demo-basic.json

@@ -0,0 +1,7 @@
+{
+  "component": "Input",
+  "name": "basic",
+  "title": "Basic usage",
+  "description": "Basic usage example.",
+  "code": "<script setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst value = ref()\n</script>\n\n<template>\n  <a-input v-model:value=\"value\" placeholder=\"Basic usage\" />\n</template>"
+}