create-yss-spec 3.0.1 → 3.1.0

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

@@ -0,0 +1,70 @@
+{
+  "name": "Table",
+  "semanticStructure": [
+    {
+      "key": "root",
+      "description": "Root element with font-size, background, border-radius, scrollbar-color and other basic table container styles",
+      "descriptionZh": "根元素，包含字体大小、背景色、圆角、滚动条颜色等表格容器的基础样式"
+    },
+    {
+      "key": "section",
+      "description": "Container element with clear-fix, max-width, scrollbar background and other table wrapper styles",
+      "descriptionZh": "容器元素，包含清除浮动、最大宽度、滚动条背景等表格包装容器样式"
+    },
+    {
+      "key": "header.wrapper",
+      "description": "Header wrapper element with table header layout and container styles",
+      "descriptionZh": "头部容器元素，包含表头的布局和容器样式"
+    },
+    {
+      "key": "header.row",
+      "description": "Header row element with table header row layout and styling",
+      "descriptionZh": "头部行元素，包含表头行的布局和样式"
+    },
+    {
+      "key": "header.cell",
+      "description": "Header cell element with relative positioning, padding, word-wrap, background, text color, font-weight and other header cell styles",
+      "descriptionZh": "头部单元格元素，包含相对定位、内边距、文字换行、背景色、文字颜色、字体权重等表头单元格样式"
+    },
+    {
+      "key": "title",
+      "description": "Title element with table title styling and layout",
+      "descriptionZh": "标题元素，包含表格标题的样式和布局"
+    },
+    {
+      "key": "body.wrapper",
+      "description": "Body wrapper element with table body layout and container styles",
+      "descriptionZh": "主体容器元素，包含表格主体的布局和容器样式"
+    },
+    {
+      "key": "body.row",
+      "description": "Body row element with hover effects, selected states, expanded states and other interactive row styles",
+      "descriptionZh": "主体行元素，包含数据行的悬浮效果、选中状态、展开状态等交互样式"
+    },
+    {
+      "key": "body.cell",
+      "description": "Body cell element with relative positioning, padding, word-wrap and other basic data cell styles",
+      "descriptionZh": "主体单元格元素，包含相对定位、内边距、文字换行等数据单元格的基础样式"
+    },
+    {
+      "key": "footer",
+      "description": "Footer element with table footer background color, text color and other footer styles",
+      "descriptionZh": "底部元素，包含表格底部的背景色、文字颜色等样式"
+    },
+    {
+      "key": "content",
+      "description": "Content element with table content area styling and layout",
+      "descriptionZh": "内容元素，包含表格内容区域的样式和布局"
+    },
+    {
+      "key": "pagination.root",
+      "description": "Pagination root element with pagination component basic styles and layout",
+      "descriptionZh": "分页根元素，包含分页组件的基础样式和布局"
+    },
+    {
+      "key": "pagination.item",
+      "description": "Pagination item element with pagination item styling and interactive effects",
+      "descriptionZh": "分页单项元素，包含分页项的样式和交互效果"
+    }
+  ]
+}

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

@@ -0,0 +1,263 @@
+{
+  "token": [
+    {
+      "name": "bodySortBg",
+      "type": "string",
+      "default": "#fafafa",
+      "description": "Background color of table sorted column",
+      "descriptionZh": "表格排序列背景色"
+    },
+    {
+      "name": "borderColor",
+      "type": "string",
+      "default": "#f0f0f0",
+      "description": "Border color of table",
+      "descriptionZh": "表格边框/分割线颜色"
+    },
+    {
+      "name": "cellFontSize",
+      "type": "number",
+      "default": "14",
+      "description": "Font size of table cell (large size by default)",
+      "descriptionZh": "单元格文字大小（默认大尺寸）"
+    },
+    {
+      "name": "cellFontSizeMD",
+      "type": "number",
+      "default": "14",
+      "description": "Font size of table cell (middle size)",
+      "descriptionZh": "单元格文字大小（中等尺寸）"
+    },
+    {
+      "name": "cellFontSizeSM",
+      "type": "number",
+      "default": "14",
+      "description": "Font size of table cell (small size)",
+      "descriptionZh": "单元格文字大小（小尺寸）"
+    },
+    {
+      "name": "cellPaddingBlock",
+      "type": "number",
+      "default": "16",
+      "description": "Vertical padding of table cell",
+      "descriptionZh": "单元格纵向内间距"
+    },
+    {
+      "name": "cellPaddingBlockMD",
+      "type": "number",
+      "default": "12",
+      "description": "Vertical padding of table cell (middle size)",
+      "descriptionZh": "单元格纵向内间距（中等尺寸）"
+    },
+    {
+      "name": "cellPaddingBlockSM",
+      "type": "number",
+      "default": "8",
+      "description": "Vertical padding of table cell (small size)",
+      "descriptionZh": "单元格纵向内间距（小尺寸）"
+    },
+    {
+      "name": "cellPaddingInline",
+      "type": "number",
+      "default": "16",
+      "description": "Horizontal padding of table cell (large size by default)",
+      "descriptionZh": "单元格横向内间距（默认大尺寸）"
+    },
+    {
+      "name": "cellPaddingInlineMD",
+      "type": "number",
+      "default": "8",
+      "description": "Horizontal padding of table cell (middle size)",
+      "descriptionZh": "单元格横向内间距（中等尺寸）"
+    },
+    {
+      "name": "cellPaddingInlineSM",
+      "type": "number",
+      "default": "8",
+      "description": "Horizontal padding of table cell (small size)",
+      "descriptionZh": "单元格横向内间距（小尺寸）"
+    },
+    {
+      "name": "expandIconBg",
+      "type": "string",
+      "default": "#ffffff",
+      "description": "Background of expand button",
+      "descriptionZh": "展开按钮背景色"
+    },
+    {
+      "name": "expandIconHalfInner",
+      "type": "number",
+      "default": "7",
+      "description": "",
+      "descriptionZh": ""
+    },
+    {
+      "name": "expandIconMarginTop",
+      "type": "number",
+      "default": "2.5",
+      "description": "",
+      "descriptionZh": ""
+    },
+    {
+      "name": "expandIconScale",
+      "type": "number",
+      "default": "0.9411764705882353",
+      "description": "",
+      "descriptionZh": ""
+    },
+    {
+      "name": "expandIconSize",
+      "type": "number",
+      "default": "17",
+      "description": "",
+      "descriptionZh": ""
+    },
+    {
+      "name": "filterDropdownBg",
+      "type": "string",
+      "default": "#ffffff",
+      "description": "Color of filter dropdown",
+      "descriptionZh": "过滤下拉菜单颜色"
+    },
+    {
+      "name": "filterDropdownMenuBg",
+      "type": "string",
+      "default": "#ffffff",
+      "description": "Background of filter dropdown menu item",
+      "descriptionZh": "过滤下拉菜单选项背景"
+    },
+    {
+      "name": "fixedHeaderSortActiveBg",
+      "type": "string",
+      "default": "#f0f0f0",
+      "description": "Background color of fixed table header when sorted",
+      "descriptionZh": "固定表头排序激活态背景色"
+    },
+    {
+      "name": "footerBg",
+      "type": "string",
+      "default": "#fafafa",
+      "description": "Background of footer",
+      "descriptionZh": "表格底部背景色"
+    },
+    {
+      "name": "footerColor",
+      "type": "string",
+      "default": "rgba(0,0,0,0.88)",
+      "description": "Color of footer text",
+      "descriptionZh": "表格底部文字颜色"
+    },
+    {
+      "name": "headerBg",
+      "type": "string",
+      "default": "#fafafa",
+      "description": "Background of table header",
+      "descriptionZh": "表头背景"
+    },
+    {
+      "name": "headerBorderRadius",
+      "type": "number",
+      "default": "8",
+      "description": "Border radius of table header",
+      "descriptionZh": "表头圆角"
+    },
+    {
+      "name": "headerColor",
+      "type": "string",
+      "default": "rgba(0,0,0,0.88)",
+      "description": "Color of table header text",
+      "descriptionZh": "表头文字颜色"
+    },
+    {
+      "name": "headerFilterHoverBg",
+      "type": "string",
+      "default": "rgba(0,0,0,0.06)",
+      "description": "Background color of table header filter button when hovered",
+      "descriptionZh": "表头过滤按钮悬浮背景色"
+    },
+    {
+      "name": "headerIconColor",
+      "type": "string",
+      "default": "rgba(0,0,0,0.29250000000000004)",
+      "description": "",
+      "descriptionZh": ""
+    },
+    {
+      "name": "headerIconHoverColor",
+      "type": "string",
+      "default": "rgba(0,0,0,0.5720000000000001)",
+      "description": "",
+      "descriptionZh": ""
+    },
+    {
+      "name": "headerSortActiveBg",
+      "type": "string",
+      "default": "#f0f0f0",
+      "description": "Background color of table header when sorted",
+      "descriptionZh": "表头排序激活态背景色"
+    },
+    {
+      "name": "headerSortHoverBg",
+      "type": "string",
+      "default": "#f0f0f0",
+      "description": "Background color of table header when sorted and hovered",
+      "descriptionZh": "表头排序激活态悬浮背景色"
+    },
+    {
+      "name": "headerSplitColor",
+      "type": "string",
+      "default": "#f0f0f0",
+      "description": "Split border color of table header",
+      "descriptionZh": "表头分割线颜色"
+    },
+    {
+      "name": "rowExpandedBg",
+      "type": "string",
+      "default": "rgba(0,0,0,0.02)",
+      "description": "Background color of table expanded row",
+      "descriptionZh": "表格行展开背景色"
+    },
+    {
+      "name": "rowHoverBg",
+      "type": "string",
+      "default": "#fafafa",
+      "description": "Background color of table hovered row",
+      "descriptionZh": "表格行悬浮背景色"
+    },
+    {
+      "name": "rowSelectedBg",
+      "type": "string",
+      "default": "#e6f4ff",
+      "description": "Background color of table selected row",
+      "descriptionZh": "表格行选中背景色"
+    },
+    {
+      "name": "rowSelectedHoverBg",
+      "type": "string",
+      "default": "#bae0ff",
+      "description": "Background color of table selected row when hovered",
+      "descriptionZh": "表格行选中悬浮背景色"
+    },
+    {
+      "name": "selectionColumnWidth",
+      "type": "string | number",
+      "default": "32",
+      "description": "Width of selection column",
+      "descriptionZh": "选择列宽度"
+    },
+    {
+      "name": "stickyScrollBarBg",
+      "type": "string",
+      "default": "rgba(0,0,0,0.25)",
+      "description": "Background of sticky scrollbar",
+      "descriptionZh": "Sticky 模式下滚动条背景色"
+    },
+    {
+      "name": "stickyScrollBarBorderRadius",
+      "type": "number",
+      "default": "100",
+      "description": "Border radius of sticky scrollbar",
+      "descriptionZh": "Sticky 模式下滚动条圆角"
+    }
+  ]
+}

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

@@ -0,0 +1,7 @@
+{
+  "component": "Tag",
+  "name": "basic",
+  "title": "Basic",
+  "description": "Usage of basic Tag, and it could be closable and customize close button by set `closeIcon` property, will display default close button when `closeIcon` is setting to `true`. Closable Tag supports `onClose` events.",
+  "code": "<script setup lang=\"ts\">\nimport { CloseCircleOutlined, DeleteOutlined } from '@antdv-next/icons'\nimport { shallowRef } from 'vue'\n\nfunction preventDefault() {\n  console.log('Clicked! Default Not Close.')\n}\nconst tag2 = shallowRef(true)\nfunction handleCloseTag2() {\n  tag2.value = false\n}\nconst tag3 = shallowRef(true)\nfunction handleCloseTag3() {\n  tag3.value = false\n}\nfunction handleClick() {\n  console.log('click')\n}\n</script>\n\n<template>\n  <a-flex gap=\"small\" align=\"center\" wrap>\n    <a-tag @click=\"handleClick\">\n      Tag 1\n    </a-tag>\n\n    <a-tag>\n      <a href=\"https://github.com/ant-design/ant-design/issues/1862\" target=\"_blank\" rel=\"noopener noreferrer\">\n        Link\n      </a>\n    </a-tag>\n    <a-tag close-icon @close=\"preventDefault\">\n      Prevent Default\n    </a-tag>\n    <a-tag v-if=\"tag2\" @close=\"handleCloseTag2\">\n      <template #closeIcon>\n        <CloseCircleOutlined />\n      </template>\n      Tag 2\n    </a-tag>\n\n    <a-tag\n      v-if=\"tag3\"\n      :closable=\"{\n        'aria-label': 'Close Button',\n      }\"\n      @close=\"handleCloseTag3\"\n    >\n      <template #closeIcon>\n        <DeleteOutlined />\n      </template>\n      Tag 3\n    </a-tag>\n  </a-flex>\n</template>"
+}

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

@@ -0,0 +1,321 @@
+{
+  "name": "Tag",
+  "nameZh": "标签",
+  "description": "Used for marking and categorization.",
+  "props": [
+    {
+      "name": "closable",
+      "type": "boolean",
+      "default": "false",
+      "description": "Whether the Tag can be closed",
+      "descriptionZh": "标签是否可以关闭"
+    },
+    {
+      "name": "closeIcon",
+      "type": "VueNode",
+      "default": "-",
+      "description": "Custom close icon. Setting to `null` or `false` hides the close button",
+      "descriptionZh": "自定义关闭按钮。设置为 `null` 或 `false` 时隐藏关闭按钮"
+    },
+    {
+      "name": "color",
+      "type": "string",
+      "default": "-",
+      "description": "Color of the Tag",
+      "descriptionZh": "标签色"
+    },
+    {
+      "name": "classes",
+      "type": "TagClassNamesType",
+      "default": "-",
+      "description": "Customize class for each semantic structure inside the component. Supports object or function",
+      "descriptionZh": "用于自定义组件内部各语义化结构的 class，支持对象或函数"
+    },
+    {
+      "name": "disabled",
+      "type": "boolean",
+      "default": "false",
+      "description": "Whether the tag is disabled",
+      "descriptionZh": "是否禁用标签"
+    },
+    {
+      "name": "href",
+      "type": "string",
+      "default": "-",
+      "description": "The address to jump when clicking, when specified the tag will be rendered as `<a>` tag",
+      "descriptionZh": "点击跳转的地址，指定此属性 tag 组件会渲染成 `<a>` 标签"
+    },
+    {
+      "name": "icon",
+      "type": "VueNode",
+      "default": "-",
+      "description": "Set the icon of tag",
+      "descriptionZh": "设置图标"
+    },
+    {
+      "name": "styles",
+      "type": "TagStylesType",
+      "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": "variant",
+      "type": "`filled` \\| `solid` \\| `outlined`",
+      "default": "`filled`",
+      "description": "Variant of the tag",
+      "descriptionZh": "标签变体"
+    }
+  ],
+  "events": [
+    {
+      "name": "close",
+      "type": "(e: MouseEvent) =&gt; void",
+      "default": "",
+      "description": "Callback executed when tag is closed (can be prevented by `e.preventDefault()`)",
+      "descriptionZh": "关闭时的回调（可通过 `e.preventDefault()` 来阻止默认行为）"
+    }
+  ],
+  "slots": [
+    {
+      "name": "closeIcon",
+      "type": "() =&gt; VueNode",
+      "default": "",
+      "description": "Custom close icon. Setting to `null` or `false` hides the close button",
+      "descriptionZh": "自定义关闭按钮。设置为 `null` 或 `false` 时隐藏关闭按钮"
+    },
+    {
+      "name": "icon",
+      "type": "() =&gt; VueNode",
+      "default": "",
+      "description": "Set the icon of tag",
+      "descriptionZh": "设置图标"
+    }
+  ],
+  "methods": [],
+  "subComponentProps": {
+    "CheckableTag": {
+      "properties": [
+        {
+          "name": "checked",
+          "type": "boolean",
+          "default": "false",
+          "description": "Checked status of Tag. This is a controlled component",
+          "descriptionZh": ""
+        },
+        {
+          "name": "icon",
+          "type": "VueNode",
+          "default": "-",
+          "description": "Set the icon of tag",
+          "descriptionZh": ""
+        }
+      ],
+      "events": [
+        {
+          "name": "change",
+          "type": "(checked: boolean) =&gt; void",
+          "default": "",
+          "description": "Callback executed when Tag is checked/unchecked",
+          "descriptionZh": ""
+        }
+      ],
+      "slots": [],
+      "methods": []
+    },
+    "CheckableTagGroup": {
+      "properties": [
+        {
+          "name": "classes",
+          "type": "Record&lt;SemanticDOM, string&gt;",
+          "default": "-",
+          "description": "Customize class for each semantic structure inside the component. Supports object or function",
+          "descriptionZh": ""
+        },
+        {
+          "name": "defaultValue",
+          "type": "string \\| number \\| Array&lt;string \\| number&gt; \\| null",
+          "default": "-",
+          "description": "Initial value",
+          "descriptionZh": ""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "description": "Disable check/uncheck",
+          "descriptionZh": ""
+        },
+        {
+          "name": "multiple",
+          "type": "boolean",
+          "default": "false",
+          "description": "Multiple select mode",
+          "descriptionZh": ""
+        },
+        {
+          "name": "options",
+          "type": "Array&lt;&#123; label: VueNode; value: string \\| number &#125; \\| string \\| number&gt;",
+          "default": "-",
+          "description": "Option list",
+          "descriptionZh": ""
+        },
+        {
+          "name": "styles",
+          "type": "Record&lt;SemanticDOM, CSSProperties&gt;",
+          "default": "-",
+          "description": "Customize inline style for each semantic structure inside the component. Supports object or function",
+          "descriptionZh": ""
+        },
+        {
+          "name": "value",
+          "type": "string \\| number \\| Array&lt;string \\| number&gt; \\| null",
+          "default": "-",
+          "description": "Value of checked tag(s), support `v-model:value`",
+          "descriptionZh": ""
+        }
+      ],
+      "events": [
+        {
+          "name": "change",
+          "type": "(value: string \\| number \\| Array&lt;string \\| number&gt; \\| null) =&gt; void",
+          "default": "",
+          "description": "Callback when Tag is checked/unchecked",
+          "descriptionZh": ""
+        }
+      ],
+      "slots": [],
+      "methods": []
+    },
+    "TagCheckableTag": {
+      "properties": [
+        {
+          "name": "checked",
+          "type": "boolean",
+          "default": "false",
+          "description": "",
+          "descriptionZh": "设置标签的选中状态。该组件为完全受控组件"
+        },
+        {
+          "name": "icon",
+          "type": "VueNode",
+          "default": "-",
+          "description": "",
+          "descriptionZh": "设置图标"
+        }
+      ],
+      "events": [
+        {
+          "name": "change",
+          "type": "(checked: boolean) =&gt; void",
+          "default": "",
+          "description": "",
+          "descriptionZh": "点击标签时触发的回调"
+        }
+      ],
+      "slots": [],
+      "methods": []
+    },
+    "TagCheckableTagGroup": {
+      "properties": [
+        {
+          "name": "classes",
+          "type": "Record&lt;SemanticDOM, string&gt;",
+          "default": "-",
+          "description": "",
+          "descriptionZh": "用于自定义组件内部各语义化结构的 class，支持对象或函数"
+        },
+        {
+          "name": "defaultValue",
+          "type": "string \\| number \\| Array&lt;string \\| number&gt; \\| null",
+          "default": "-",
+          "description": "",
+          "descriptionZh": "初始选中值"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "description": "",
+          "descriptionZh": "禁用选中"
+        },
+        {
+          "name": "multiple",
+          "type": "boolean",
+          "default": "false",
+          "description": "",
+          "descriptionZh": "多选模式"
+        },
+        {
+          "name": "options",
+          "type": "Array&lt;&#123; label: VueNode; value: string \\| number &#125; \\| string \\| number&gt;",
+          "default": "-",
+          "description": "",
+          "descriptionZh": "选项列表"
+        },
+        {
+          "name": "styles",
+          "type": "Record&lt;SemanticDOM, CSSProperties&gt;",
+          "default": "-",
+          "description": "",
+          "descriptionZh": "用于自定义组件内部各语义化结构的行内 style，支持对象或函数"
+        },
+        {
+          "name": "value",
+          "type": "string \\| number \\| Array&lt;string \\| number&gt; \\| null",
+          "default": "-",
+          "description": "",
+          "descriptionZh": "选中值，支持 `v-model:value`"
+        }
+      ],
+      "events": [
+        {
+          "name": "change",
+          "type": "(value: string \\| number \\| Array&lt;string \\| number&gt; \\| null) =&gt; void",
+          "default": "",
+          "description": "",
+          "descriptionZh": "点击标签时触发的回调"
+        }
+      ],
+      "slots": [],
+      "methods": []
+    }
+  },
+  "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": "自动获取焦点，仅对表单类、链接、交互容器等可聚焦元素生效"
+    }
+  ]
+}