create-yss-spec 3.0.1 → 3.1.0

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

@@ -0,0 +1,50 @@
+{
+  "name": "Modal",
+  "semanticStructure": [
+    {
+      "key": "root",
+      "description": "Root element with relative positioning, top position, width, max-width, margins, bottom padding and other basic layout styles for modal container",
+      "descriptionZh": "根元素，包含相对定位、顶部位置、宽度、最大宽度、外边距、底部内边距等模态框容器的基础布局样式"
+    },
+    {
+      "key": "mask",
+      "description": "Mask element with fixed positioning, z-index, background color, animation transitions and other mask layer styles",
+      "descriptionZh": "遮罩层元素，包含固定定位、层级、背景色、动画过渡等遮罩层的样式"
+    },
+    {
+      "key": "wrapper",
+      "description": "Wrapper element used for motion container with animation and transition effect styles",
+      "descriptionZh": "包裹层元素，一般用于动画容器，包含动画和过渡效果的样式"
+    },
+    {
+      "key": "container",
+      "description": "Modal container element with relative positioning, background, background-clip, border, border-radius, box-shadow, pointer-events, padding and other modal body styles",
+      "descriptionZh": "Modal 容器元素，包含相对定位、背景色、背景裁剪、边框、圆角、阴影、指针事件、内边距等模态框主体样式"
+    },
+    {
+      "key": "header",
+      "description": "Header element with padding, bottom border and other header area styles",
+      "descriptionZh": "头部元素，包含头部内边距、下边框等头部区域样式"
+    },
+    {
+      "key": "title",
+      "description": "Title element with margin, color, font-weight, font-size, line-height, word-wrap and other title text styles",
+      "descriptionZh": "标题元素，包含外边距、颜色、字体权重、字体大小、行高、文字换行等标题文字样式"
+    },
+    {
+      "key": "body",
+      "description": "Body element with content area background color, padding and other content display styles",
+      "descriptionZh": "内容元素，包含内容区域的背景色、内边距等内容展示样式"
+    },
+    {
+      "key": "footer",
+      "description": "Footer element with footer background color, padding, top border, border-radius and other footer area styles",
+      "descriptionZh": "底部元素，包含底部的背景色、内边距、上边框、圆角等底部区域样式"
+    },
+    {
+      "key": "close",
+      "description": "Close button element with base button styles, positioning and interaction effects",
+      "descriptionZh": "关闭按钮元素，包含按钮基础样式、位置和交互效果"
+    }
+  ]
+}

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

@@ -0,0 +1,130 @@
+{
+  "token": [
+    {
+      "name": "bodyPadding",
+      "type": "number",
+      "default": "24",
+      "description": "",
+      "descriptionZh": ""
+    },
+    {
+      "name": "confirmBodyPadding",
+      "type": "string | number",
+      "default": "32px 32px 24px",
+      "description": "",
+      "descriptionZh": ""
+    },
+    {
+      "name": "confirmBtnsMarginTop",
+      "type": "string | number",
+      "default": "24",
+      "description": "",
+      "descriptionZh": ""
+    },
+    {
+      "name": "confirmIconMarginInlineEnd",
+      "type": "string | number",
+      "default": "16",
+      "description": "",
+      "descriptionZh": ""
+    },
+    {
+      "name": "contentBg",
+      "type": "string",
+      "default": "#ffffff",
+      "description": "Background color of content",
+      "descriptionZh": "内容区域背景色"
+    },
+    {
+      "name": "contentPadding",
+      "type": "string | number",
+      "default": "0",
+      "description": "",
+      "descriptionZh": ""
+    },
+    {
+      "name": "footerBg",
+      "type": "string",
+      "default": "transparent",
+      "description": "Background color of footer",
+      "descriptionZh": "底部区域背景色"
+    },
+    {
+      "name": "footerBorderRadius",
+      "type": "string | number",
+      "default": "0 0 8px 8px",
+      "description": "",
+      "descriptionZh": ""
+    },
+    {
+      "name": "footerBorderTop",
+      "type": "string",
+      "default": "1px solid rgba(5,5,5,0.06)",
+      "description": "",
+      "descriptionZh": ""
+    },
+    {
+      "name": "footerMarginTop",
+      "type": "string | number",
+      "default": "0",
+      "description": "",
+      "descriptionZh": ""
+    },
+    {
+      "name": "footerPadding",
+      "type": "string | number",
+      "default": "8px 16px",
+      "description": "",
+      "descriptionZh": ""
+    },
+    {
+      "name": "headerBg",
+      "type": "string",
+      "default": "transparent",
+      "description": "Background color of header",
+      "descriptionZh": "顶部背景色"
+    },
+    {
+      "name": "headerBorderBottom",
+      "type": "string",
+      "default": "1px solid rgba(5,5,5,0.06)",
+      "description": "",
+      "descriptionZh": ""
+    },
+    {
+      "name": "headerMarginBottom",
+      "type": "number",
+      "default": "0",
+      "description": "",
+      "descriptionZh": ""
+    },
+    {
+      "name": "headerPadding",
+      "type": "string | number",
+      "default": "16px 24px",
+      "description": "",
+      "descriptionZh": ""
+    },
+    {
+      "name": "titleColor",
+      "type": "string",
+      "default": "rgba(0,0,0,0.88)",
+      "description": "Font color of title",
+      "descriptionZh": "标题字体颜色"
+    },
+    {
+      "name": "titleFontSize",
+      "type": "string | number",
+      "default": "16",
+      "description": "Font size of title",
+      "descriptionZh": "标题字体大小"
+    },
+    {
+      "name": "titleLineHeight",
+      "type": "string | number",
+      "default": "1.5",
+      "description": "Line height of title",
+      "descriptionZh": "标题行高"
+    }
+  ]
+}

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

@@ -0,0 +1,7 @@
+{
+  "component": "Select",
+  "name": "basic",
+  "title": "Basic Usage",
+  "description": "Basic Usage.",
+  "code": "<script setup lang=\"ts\">\nimport { shallowRef } from 'vue'\n\nconst options = [\n  { value: 'jack', label: 'Jack' },\n  { value: 'lucy', label: 'Lucy' },\n  { value: 'Yiminghe', label: 'yiminghe' },\n  { value: 'disabled', label: 'Disabled', disabled: true },\n]\nconst value1 = shallowRef('lucy')\nconst value2 = shallowRef('lucy')\n</script>\n\n<template>\n  <a-space wrap>\n    <div>\n      {{ value1 }}\n    </div>\n    <a-select v-model:value=\"value1\" style=\"width: 120px\" :options=\"options\" />\n    <a-select v-model:value=\"value2\" style=\"width: 120px\" disabled :options=\"[{ value: 'lucy', label: 'lucy' }]\" />\n  </a-space>\n</template>"
+}