npm - create-yss-spec - Versions diffs - 3.0.0 → 3.1.0 - Mend

create-yss-spec 3.0.0 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2463) hide show

package/template/docs/design/facts/antdv-next/1.5.2/components/Input/info.json ADDED Viewed

@@ -0,0 +1,460 @@
+{
+  "name": "Input",
+  "nameZh": "输入框",
+  "description": "Through mouse or keyboard input content, it is the most basic form field wrapper.",
+  "props": [
+    {
+      "name": "allowClear",
+      "type": "boolean \\| &#123; clearIcon: VueNode &#125;",
+      "default": "false",
+      "description": "If allow to remove input content with clear icon",
+      "descriptionZh": "可以点击清除图标删除内容"
+    },
+    {
+      "name": "classes",
+      "type": "Record&lt;[SemanticDOM](#semantic-input), string&gt; \\| (info: &#123; props &#125;) =&gt; Record&lt;[SemanticDOM](#semantic-input), string&gt;",
+      "default": "-",
+      "description": "Customize class for each semantic structure inside the component. Supports object or function.",
+      "descriptionZh": "用于自定义组件内部各语义化结构的 class，支持对象或函数"
+    },
+    {
+      "name": "count",
+      "type": "[CountConfig](#countconfig)",
+      "default": "-",
+      "description": "Character count config",
+      "descriptionZh": "字符计数配置"
+    },
+    {
+      "name": "defaultValue",
+      "type": "string",
+      "default": "-",
+      "description": "The initial input content",
+      "descriptionZh": ""
+    },
+    {
+      "name": "disabled",
+      "type": "boolean",
+      "default": "false",
+      "description": "Whether the input is disabled",
+      "descriptionZh": "是否禁用状态，默认为 false"
+    },
+    {
+      "name": "id",
+      "type": "string",
+      "default": "-",
+      "description": "The ID for input",
+      "descriptionZh": "输入框的 id"
+    },
+    {
+      "name": "maxlength",
+      "type": "number",
+      "default": "-",
+      "description": "The maximum number of characters in Input",
+      "descriptionZh": "最大长度"
+    },
+    {
+      "name": "prefix",
+      "type": "VueNode",
+      "default": "-",
+      "description": "The prefix icon for the Input",
+      "descriptionZh": "带有前缀图标的 input"
+    },
+    {
+      "name": "showCount",
+      "type": "boolean \\| &#123; formatter: (info: &#123; value: string, count: number, maxLength?: number &#125;) =&gt; VueNode &#125;",
+      "default": "false",
+      "description": "Whether to show character count",
+      "descriptionZh": "是否展示字数"
+    },
+    {
+      "name": "status",
+      "type": "'error' \\| 'warning'",
+      "default": "-",
+      "description": "Set validation status",
+      "descriptionZh": "设置校验状态"
+    },
+    {
+      "name": "styles",
+      "type": "Record&lt;[SemanticDOM](#semantic-input), CSSProperties&gt; \\| (info: &#123; props &#125;) =&gt; Record&lt;[SemanticDOM](#semantic-input), CSSProperties&gt;",
+      "default": "-",
+      "description": "Customize inline style for each semantic structure inside the component. Supports object or function.",
+      "descriptionZh": "用于自定义组件内部各语义化结构的行内 style，支持对象或函数"
+    },
+    {
+      "name": "size",
+      "type": "`large` \\| `middle` \\| `small`",
+      "default": "-",
+      "description": "The size of the input box. Note: in the context of a form, the `middle` size is used",
+      "descriptionZh": "控件大小。注：标准表单内的输入框大小限制为 `middle`"
+    },
+    {
+      "name": "suffix",
+      "type": "VueNode",
+      "default": "-",
+      "description": "The suffix icon for the Input",
+      "descriptionZh": "带有后缀图标的 input"
+    },
+    {
+      "name": "type",
+      "type": "string",
+      "default": "`text`",
+      "description": "The type of input, see: [MDN](https://developer.mozilla.org/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types)( use `Input.TextArea` instead of `type=\"textarea\"`)",
+      "descriptionZh": "声明 input 类型，同原生 input 标签的 type 属性，见：[MDN](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input#属性)(请直接使用 `Input.TextArea` 代替 `type=\"textarea\"`)"
+    },
+    {
+      "name": "value",
+      "type": "string",
+      "default": "-",
+      "description": "The input content value, support `v-model:value`",
+      "descriptionZh": "输入框内容，支持 `v-model:value`"
+    },
+    {
+      "name": "variant",
+      "type": "`outlined` \\| `borderless` \\| `filled` \\| `underlined`",
+      "default": "`outlined`",
+      "description": "Variants of Input",
+      "descriptionZh": "形态变体"
+    },
+    {
+      "name": "~~addonAfter~~",
+      "type": "VueNode",
+      "default": "-",
+      "description": "",
+      "descriptionZh": "带标签的 input，设置后置标签，请使用 Space.Compact 替换"
+    },
+    {
+      "name": "~~addonBefore~~",
+      "type": "VueNode",
+      "default": "-",
+      "description": "",
+      "descriptionZh": "带标签的 input，设置前置标签，请使用 Space.Compact 替换"
+    },
+    {
+      "name": "~~bordered~~",
+      "type": "boolean",
+      "default": "true",
+      "description": "",
+      "descriptionZh": "是否有边框, 请使用 `variant` 替换"
+    }
+  ],
+  "events": [
+    {
+      "name": "change",
+      "type": "function(e)",
+      "default": "",
+      "description": "Callback when user input",
+      "descriptionZh": "输入框内容变化时的回调"
+    },
+    {
+      "name": "pressEnter",
+      "type": "function(e)",
+      "default": "",
+      "description": "The callback function that is triggered when Enter key is pressed",
+      "descriptionZh": "按下回车的回调"
+    },
+    {
+      "name": "clear",
+      "type": "() =&gt; void",
+      "default": "",
+      "description": "Callback when click the clear button",
+      "descriptionZh": "按下清除按钮的回调"
+    }
+  ],
+  "slots": [
+    {
+      "name": "prefix",
+      "type": "-",
+      "default": "",
+      "description": "Customize prefix icon",
+      "descriptionZh": "自定义前缀图标"
+    },
+    {
+      "name": "suffix",
+      "type": "-",
+      "default": "",
+      "description": "Customize suffix icon",
+      "descriptionZh": "自定义后缀图标"
+    },
+    {
+      "name": "clearIcon",
+      "type": "-",
+      "default": "",
+      "description": "Customize clear icon (to be used with allowClear attribute)",
+      "descriptionZh": "自定义清除图标（需搭配allowClear属性使用）"
+    }
+  ],
+  "methods": [
+    {
+      "name": "blur",
+      "type": "",
+      "default": "",
+      "description": "Remove focus",
+      "descriptionZh": "取消焦点"
+    },
+    {
+      "name": "focus",
+      "type": "",
+      "default": "",
+      "description": "Get focus",
+      "descriptionZh": "获取焦点"
+    }
+  ],
+  "subComponentProps": {
+    "TextArea": {
+      "properties": [
+        {
+          "name": "autoSize",
+          "type": "boolean \\| object",
+          "default": "false",
+          "description": "Height auto size feature, can be set to true \\| false or an object &#123; minRows: 2, maxRows: 6 &#125;",
+          "descriptionZh": "自适应内容高度，可设置为 true \\| false 或对象：&#123; minRows: 2, maxRows: 6 &#125;"
+        },
+        {
+          "name": "classes",
+          "type": "Record&lt;[SemanticDOM](#semantic-textarea), string&gt; \\| (info: &#123; props &#125;) =&gt; Record&lt;[SemanticDOM](#semantic-textarea), string&gt;",
+          "default": "-",
+          "description": "Customize class for each semantic structure inside the component. Supports object or function.",
+          "descriptionZh": "用于自定义组件内部各语义化结构的 class，支持对象或函数"
+        },
+        {
+          "name": "styles",
+          "type": "Record&lt;[SemanticDOM](#semantic-textarea), CSSProperties&gt; \\| (info: &#123; props &#125;) =&gt; Record&lt;[SemanticDOM](#semantic-textarea), CSSProperties&gt;",
+          "default": "-",
+          "description": "Customize inline style for each semantic structure inside the component. Supports object or function.",
+          "descriptionZh": "用于自定义组件内部各语义化结构的行内 style，支持对象或函数"
+        }
+      ],
+      "events": [],
+      "slots": [],
+      "methods": []
+    },
+    "InputSearch": {
+      "properties": [
+        {
+          "name": "classes",
+          "type": "Record&lt;[SemanticDOM](#semantic-search), string&gt; \\| (info: &#123; props &#125;) =&gt; Record&lt;[SemanticDOM](#semantic-search), string&gt;",
+          "default": "-",
+          "description": "Customize class for each semantic structure inside the component. Supports object or function.",
+          "descriptionZh": "用于自定义组件内部各语义化结构的 class，支持对象或函数"
+        },
+        {
+          "name": "enterButton",
+          "type": "VueNode",
+          "default": "false",
+          "description": "false displays the default button color, true uses the primary color, or you can provide a custom button. Conflicts with addonAfter.",
+          "descriptionZh": "是否有确认按钮，可设为按钮文字。该属性会与 `addonAfter` 冲突。"
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "default": "false",
+          "description": "Search box with loading",
+          "descriptionZh": "搜索 loading"
+        },
+        {
+          "name": "styles",
+          "type": "Record&lt;[SemanticDOM](#semantic-search), CSSProperties&gt; \\| (info: &#123; props &#125;) =&gt; Record&lt;[SemanticDOM](#semantic-search), CSSProperties&gt;",
+          "default": "-",
+          "description": "Customize inline style for each semantic structure inside the component. Supports object or function.",
+          "descriptionZh": "用于自定义组件内部各语义化结构的行内 style，支持对象或函数"
+        },
+        {
+          "name": "variant",
+          "type": "`outlined` \\| `borderless` \\| `filled` \\| `underlined`",
+          "default": "`outlined`",
+          "description": "Variants of Input",
+          "descriptionZh": "形态变体"
+        }
+      ],
+      "events": [
+        {
+          "name": "search",
+          "type": "function(value, event, &#123; source: \"input\" \\| \"clear\" &#125;)",
+          "default": "",
+          "description": "The callback function triggered when you click on the search-icon, the clear-icon or press the Enter key",
+          "descriptionZh": "点击搜索图标、清除图标，或按下回车键时的回调"
+        }
+      ],
+      "slots": [],
+      "methods": []
+    },
+    "InputPassword": {
+      "properties": [
+        {
+          "name": "classes",
+          "type": "Record&lt;[SemanticDOM](#semantic-password), string&gt;",
+          "default": "-",
+          "description": "Semantic DOM class",
+          "descriptionZh": "语义化结构 class"
+        },
+        {
+          "name": "iconRender",
+          "type": "(visible) =&gt; VueNode",
+          "default": "(visible) =&gt; (visible ? &lt;EyeOutlined /> : &lt;EyeInvisibleOutlined />)",
+          "description": "Custom toggle button",
+          "descriptionZh": "自定义切换按钮"
+        },
+        {
+          "name": "styles",
+          "type": "Record&lt;[SemanticDOM](#semantic-password), CSSProperties&gt;",
+          "default": "-",
+          "description": "Semantic DOM style",
+          "descriptionZh": "语义化结构 style"
+        },
+        {
+          "name": "variant",
+          "type": "`outlined` \\| `borderless` \\| `filled` \\| `underlined`",
+          "default": "`outlined`",
+          "description": "Variants of Input",
+          "descriptionZh": "形态变体"
+        },
+        {
+          "name": "visibilityToggle",
+          "type": "boolean \\| [VisibilityToggle](#visibilitytoggle)",
+          "default": "true",
+          "description": "Whether show toggle button or control password visible",
+          "descriptionZh": "是否显示切换按钮或者控制密码显隐"
+        }
+      ],
+      "events": [],
+      "slots": [],
+      "methods": []
+    },
+    "InputOTP": {
+      "properties": [
+        {
+          "name": "classes",
+          "type": "Record&lt;[SemanticDOM](#semantic-otp), string&gt; \\| (info: &#123; props &#125;) =&gt; Record&lt;[SemanticDOM](#semantic-otp), string&gt;",
+          "default": "-",
+          "description": "Customize class for each semantic structure inside the component. Supports object or function.",
+          "descriptionZh": "用于自定义组件内部各语义化结构的 class，支持对象或函数"
+        },
+        {
+          "name": "defaultValue",
+          "type": "string",
+          "default": "-",
+          "description": "Default value",
+          "descriptionZh": ""
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "description": "Whether the input is disabled",
+          "descriptionZh": "是否禁用"
+        },
+        {
+          "name": "formatter",
+          "type": "(value: string) =&gt; string",
+          "default": "-",
+          "description": "Format display, blank fields will be filled with ` `",
+          "descriptionZh": "格式化展示，留空字段会被 ` ` 填充"
+        },
+        {
+          "name": "separator",
+          "type": "VueNode \\| ((i: number) =&gt; VueNode)",
+          "default": "-",
+          "description": "render the separator after the input box of the specified index",
+          "descriptionZh": "分隔符，在指定索引的输入框后渲染分隔符"
+        },
+        {
+          "name": "styles",
+          "type": "Record&lt;[SemanticDOM](#semantic-otp), CSSProperties&gt; \\| (info: &#123; props &#125;) =&gt; Record&lt;[SemanticDOM](#semantic-otp), CSSProperties&gt;",
+          "default": "-",
+          "description": "Customize inline style for each semantic structure inside the component. Supports object or function.",
+          "descriptionZh": "用于自定义组件内部各语义化结构的行内 style，支持对象或函数"
+        },
+        {
+          "name": "mask",
+          "type": "boolean \\| string",
+          "default": "`false`",
+          "description": "Custom display, the original value will not be modified",
+          "descriptionZh": "自定义展示，和 `formatter` 的区别是不会修改原始值"
+        },
+        {
+          "name": "length",
+          "type": "number",
+          "default": "6",
+          "description": "The number of input elements",
+          "descriptionZh": "输入元素数量"
+        },
+        {
+          "name": "status",
+          "type": "'error' \\| 'warning'",
+          "default": "-",
+          "description": "Set validation status",
+          "descriptionZh": "设置校验状态"
+        },
+        {
+          "name": "size",
+          "type": "`small` \\| `middle` \\| `large`",
+          "default": "`middle`",
+          "description": "The size of the input box",
+          "descriptionZh": "输入框大小"
+        },
+        {
+          "name": "variant",
+          "type": "`outlined` \\| `borderless` \\| `filled` \\| `underlined`",
+          "default": "`outlined`",
+          "description": "Variants of Input",
+          "descriptionZh": "形态变体"
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "default": "-",
+          "description": "The input content value",
+          "descriptionZh": "输入框内容"
+        }
+      ],
+      "events": [
+        {
+          "name": "change",
+          "type": "(value: string) =&gt; void",
+          "default": "",
+          "description": "Trigger when all the fields are filled",
+          "descriptionZh": "当输入框内容全部填充时触发回调"
+        },
+        {
+          "name": "input",
+          "type": "(value: string[]) =&gt; void",
+          "default": "",
+          "description": "Trigger when the input value changes",
+          "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": "自动获取焦点，仅对表单类、链接、交互容器等可聚焦元素生效"
+    }
+  ]
+}

package/template/docs/design/facts/antdv-next/1.5.2/components/Input/semantic.json ADDED Viewed

@@ -0,0 +1,70 @@
+{
+  "name": "Input",
+  "semanticStructure": [
+    {
+      "key": "root",
+      "description": "Root element with relative positioning, inline-block display, width, min-width, padding, colors, fonts, line-height, border-radius, transitions and other input container basic styles",
+      "descriptionZh": "根元素，包含相对定位、行内块布局、宽度、最小宽度、内边距、颜色、字体、行高、圆角、过渡动画等输入框容器的基础样式"
+    },
+    {
+      "key": "input",
+      "description": "Input element with core interactive styles and text input related styling",
+      "descriptionZh": "输入框元素，包含输入框的核心交互样式和文本输入相关的样式"
+    },
+    {
+      "key": "prefix",
+      "description": "Prefix wrapper element with layout and styling for prefix content",
+      "descriptionZh": "前缀的包裹元素，包含前缀内容的布局和样式"
+    },
+    {
+      "key": "suffix",
+      "description": "Suffix wrapper element with layout and styling for suffix content",
+      "descriptionZh": "后缀的包裹元素，包含后缀内容的布局和样式"
+    },
+    {
+      "key": "count",
+      "description": "Character count element with font and color styles for count display",
+      "descriptionZh": "文字计数元素，包含字符计数显示的字体和颜色样式"
+    },
+    {
+      "key": "clear",
+      "description": "Clear button element with color, size, hover state and transition animation styles",
+      "descriptionZh": "清除按钮元素，包含清除按钮的颜色、尺寸、悬浮态和过渡动画等样式"
+    },
+    {
+      "key": "TextAreaRoot",
+      "description": "Root element with textarea wrapper styles, border, border radius, transition animation and state control",
+      "descriptionZh": "根元素，设置文本域包装器的样式、边框、圆角、过渡动画和状态控制"
+    },
+    {
+      "key": "textarea",
+      "description": "Textarea element with font, line height, padding, color, background, border, text input and multi-line text display styles",
+      "descriptionZh": "文本域元素，设置字体、行高、内边距、颜色、背景、边框、文本输入和多行文本展示样式"
+    },
+    {
+      "key": "TextAreaCount",
+      "description": "Count element with character count display position, font, color and numeric statistics styles",
+      "descriptionZh": "文字计数元素，设置字符计数显示的位置、字体、颜色和数值统计样式"
+    },
+    {
+      "key": "button.root",
+      "description": "Search button root element with button styles, hover effects and click interactions",
+      "descriptionZh": "搜索按钮的根元素，设置按钮的样式、悬浮效果和点击交互"
+    },
+    {
+      "key": "button.icon",
+      "description": "Search button icon element with icon styles, hover effects and click interactions",
+      "descriptionZh": "搜索按钮的图标元素，设置图标的样式、悬浮效果和点击交互"
+    },
+    {
+      "key": "button.content",
+      "description": "Search button content element with text styles, hover effects and click interactions",
+      "descriptionZh": "搜索按钮的内容元素，设置文本的样式、悬浮效果和点击交互"
+    },
+    {
+      "key": "OTPSeparator",
+      "description": "Separator element, set separator display styles between OTP input boxes",
+      "descriptionZh": "分隔符元素，设置OTP输入框之间的分隔符显示样式"
+    }
+  ]
+}

package/template/docs/design/facts/antdv-next/1.5.2/components/Input/token.json ADDED Viewed

@@ -0,0 +1,123 @@
+{
+  "token": [
+    {
+      "name": "activeBg",
+      "type": "string",
+      "default": "#ffffff",
+      "description": "Background color when the input box is activated",
+      "descriptionZh": "输入框激活状态时背景颜色"
+    },
+    {
+      "name": "activeBorderColor",
+      "type": "string",
+      "default": "#1677ff",
+      "description": "Active border color",
+      "descriptionZh": "激活态边框色"
+    },
+    {
+      "name": "activeShadow",
+      "type": "string",
+      "default": "0 0 0 2px rgba(5,145,255,0.1)",
+      "description": "Box-shadow when active",
+      "descriptionZh": "激活态阴影"
+    },
+    {
+      "name": "addonBg",
+      "type": "string",
+      "default": "rgba(0,0,0,0.02)",
+      "description": "Background color of addon",
+      "descriptionZh": "前/后置标签背景色"
+    },
+    {
+      "name": "errorActiveShadow",
+      "type": "string",
+      "default": "0 0 0 2px rgba(255,38,5,0.06)",
+      "description": "Box-shadow when active in error status",
+      "descriptionZh": "错误状态时激活态阴影"
+    },
+    {
+      "name": "hoverBg",
+      "type": "string",
+      "default": "#ffffff",
+      "description": "Background color when the input box hovers",
+      "descriptionZh": "输入框hover状态时背景颜色"
+    },
+    {
+      "name": "hoverBorderColor",
+      "type": "string",
+      "default": "#4096ff",
+      "description": "Hover border color",
+      "descriptionZh": "悬浮态边框色"
+    },
+    {
+      "name": "inputFontSize",
+      "type": "number",
+      "default": "14",
+      "description": "Font size",
+      "descriptionZh": "字体大小"
+    },
+    {
+      "name": "inputFontSizeLG",
+      "type": "number",
+      "default": "16",
+      "description": "Font size of large",
+      "descriptionZh": "大号字体大小"
+    },
+    {
+      "name": "inputFontSizeSM",
+      "type": "number",
+      "default": "14",
+      "description": "Font size of small",
+      "descriptionZh": "小号字体大小"
+    },
+    {
+      "name": "paddingBlock",
+      "type": "number",
+      "default": "4",
+      "description": "Vertical padding of input",
+      "descriptionZh": "输入框纵向内边距"
+    },
+    {
+      "name": "paddingBlockLG",
+      "type": "number",
+      "default": "7",
+      "description": "Vertical padding of large input",
+      "descriptionZh": "大号输入框纵向内边距"
+    },
+    {
+      "name": "paddingBlockSM",
+      "type": "number",
+      "default": "0",
+      "description": "Vertical padding of small input",
+      "descriptionZh": "小号输入框纵向内边距"
+    },
+    {
+      "name": "paddingInline",
+      "type": "number",
+      "default": "11",
+      "description": "Horizontal padding of input",
+      "descriptionZh": "输入框横向内边距"
+    },
+    {
+      "name": "paddingInlineLG",
+      "type": "number",
+      "default": "11",
+      "description": "Horizontal padding of large input",
+      "descriptionZh": "大号输入框横向内边距"
+    },
+    {
+      "name": "paddingInlineSM",
+      "type": "number",
+      "default": "7",
+      "description": "Horizontal padding of small input",
+      "descriptionZh": "小号输入框横向内边距"
+    },
+    {
+      "name": "warningActiveShadow",
+      "type": "string",
+      "default": "0 0 0 2px rgba(255,215,5,0.1)",
+      "description": "Box-shadow when active in warning status",
+      "descriptionZh": "警告状态时激活态阴影"
+    }
+  ]
+}

package/template/docs/design/facts/antdv-next/1.5.2/components/Modal/demo-basic.json ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "component": "Modal",
+  "name": "basic",
+  "title": "Basic",
+  "description": "Basic modal.",
+  "code": "<script setup lang=\"ts\">\nimport { shallowRef } from 'vue'\n\nconst open = shallowRef(false)\n\nfunction handleOk() {\n  open.value = false\n}\n</script>\n\n<template>\n  <a-flex gap=\"small\">\n    <a-button type=\"primary\" @click=\"open = true\">\n      Open Modal\n    </a-button>\n  </a-flex>\n  <a-modal\n    v-model:open=\"open\"\n    title=\"Basic Modal\"\n    :closable=\"{ 'aria-label': 'Custom Close Button' }\"\n    @ok=\"handleOk\"\n  >\n    <p>Some contents...</p>\n    <p>Some contents...</p>\n    <p>Some contents...</p>\n  </a-modal>\n</template>"
+}