@uzum-tech/ui 1.4.1 → 1.5.0

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "@uzum-tech/ui",
-  "version": "1.4.1",
+  "version": "1.5.0",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {
@@ -1699,6 +1699,60 @@
             ]
           }
         },
+        {
+          "name": "UActionCard",
+          "doc-url": "https://www.naiveui.com/en-US/os-theme/components/action-card",
+          "source": {
+            "symbol": "UActionCard"
+          },
+          "slots": [],
+          "attributes": [],
+          "props": [
+            {
+              "name": "title",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/action-card",
+              "type": "string"
+            },
+            {
+              "name": "description",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/action-card",
+              "type": "string"
+            },
+            {
+              "name": "icon",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/action-card",
+              "type": "string | object"
+            },
+            {
+              "name": "disabled",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/action-card",
+              "type": "boolean"
+            },
+            {
+              "name": "loading",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/action-card",
+              "type": "boolean"
+            },
+            {
+              "name": "tag",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/action-card",
+              "type": "string"
+            },
+            {
+              "name": "description-line-clamp",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/action-card",
+              "type": "number"
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "click",
+                "doc-url": "https://www.naiveui.com/en-US/os-theme/components/action-card"
+              }
+            ]
+          }
+        },
         {
           "name": "UCardList",
           "doc-url": "https://www.naiveui.com/en-US/os-theme/components/card-list",
@@ -3327,7 +3381,7 @@
               "name": "summary",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/data-table",
               "type": "DataTableCreateSummary",
-              "description": "Data of table summary row. For types, see <u-a href=\"#DataTableCreateSummary-Type\">DataTableCreateSummary Type</u-a>.",
+              "description": "Data of table summary row. For types, see <u-text tag=\"a\" href=\"#DataTableCreateSummary-Type\">DataTableCreateSummary Type</u-text>.",
               "default": "undefined"
             },
             {
@@ -4128,7 +4182,7 @@
         },
         {
           "name": "UDialog",
-          "description": "Before taking action, please confirm.\n\n<u-alert title=\"Prerequisite\" type=\"warning\" :bordered=\"false\">\n  If you want to use dialog, you need to wrap the component where you call related methods inside <u-text code>u-dialog-provider</u-text> and use <u-text code>useDialog</u-text> to get the API.\n</u-alert>\n\nFor example:\n\n```html\n<!-- App.vue -->\n<u-dialog-provider>\n  <content />\n</u-dialog-provider>\n```\n\n```js\nimport { defineComponent } from 'vue'\nimport { useDialog } from '@uzum-tech/ui'\n\n// content\nexport default defineComponent({\n  setup () {\n    const dialog = useDialog()\n    return {\n      warning () {\n        dialog.warning(options)\n      }\n    }\n  }\n})\n```",
+          "description": "Before taking action, please confirm.\n\n<u-alert title=\"Prerequisite\" type=\"warning\" :bordered=\"false\">\n  If you want to use dialog, you need to wrap the component where you call related methods inside <u-text tag=\"code\">u-dialog-provider</u-text> and use <u-text tag=\"code\">useDialog</u-text> to get the API.\n</u-alert>\n\nFor example:\n\n```html\n<!-- App.vue -->\n<u-dialog-provider>\n  <content />\n</u-dialog-provider>\n```\n\n```js\nimport { defineComponent } from 'vue'\nimport { useDialog } from '@uzum-tech/ui'\n\n// content\nexport default defineComponent({\n  setup() {\n    const dialog = useDialog()\n    return {\n      warning() {\n        dialog.warning(options)\n      }\n    }\n  }\n})\n```",
           "doc-url": "https://www.naiveui.com/en-US/os-theme/components/dialog",
           "source": {
             "symbol": "UDialog"
@@ -4366,7 +4420,7 @@
         },
         {
           "name": "UDrawer",
-          "description": "I think it is similar with modal, with a bit difference on placement.\n\n<u-alert title=\"Caveat\" type=\"warning\" :bordered=\"false\">\n  If you need to use <u-text code>u-drawer-content</u-text>, you should keep <u-text code>u-drawer</u-text>'s <u-text code>native-scrollbar</u-text> prop as <u-text code>true</u-text>.\n</u-alert>",
+          "description": "I think it is similar with modal, with a bit difference on placement.\n\n<u-alert title=\"Caveat\" type=\"warning\" :bordered=\"false\">\n  If you need to use <u-text tag=\"code\">u-drawer-content</u-text>, you should keep <u-text tag=\"code\">u-drawer</u-text>'s <u-text tag=\"code\">native-scrollbar</u-text> prop as <u-text tag=\"code\">true</u-text>.\n</u-alert>",
           "doc-url": "https://www.naiveui.com/en-US/os-theme/components/drawer",
           "source": {
             "symbol": "UDrawer"
@@ -5697,7 +5751,7 @@
         },
         {
           "name": "UForm",
-          "description": "<!--single-column-->\n\nThe element to collect and validate data.\n\n<u-alert type=\"warning\" title=\"Caveat\" :bordered=\"false\">\n  If you want to apply required rule for a form item with number typed value, you need to set <u-text code>`type: number`</u-text> in the rule object.\n</u-alert>",
+          "description": "<!--single-column-->\n\nThe element to collect and validate data.\n\n<u-alert type=\"warning\" title=\"Caveat\" :bordered=\"false\">\n  If you want to apply required rule for a form item with number typed value, you need to set <u-text tag=\"code\">`type: number`</u-text> in the rule object.\n</u-alert>",
           "doc-url": "https://www.naiveui.com/en-US/os-theme/components/form",
           "source": {
             "symbol": "UForm"
@@ -6624,7 +6678,7 @@
         },
         {
           "name": "UGrid",
-          "description": "<!--single-column-->\n\nBased on CSS Grid. Responsive. Keep away from IE.\n\n<u-alert type=\"warning\" title=\"Caveats\" :bordered=\"false\">\nDue to technical limitation, <u-text code>u-grid-item</u-text> can't be encapsulated in another component.\n</u-alert>",
+          "description": "<!--single-column-->\n\nBased on CSS Grid. Responsive. Keep away from IE.\n\n<u-alert type=\"warning\" title=\"Caveats\" :bordered=\"false\">\nDue to technical limitation, <u-text tag=\"code\">u-grid-item</u-text> can't be encapsulated in another component.\n</u-alert>",
           "doc-url": "https://www.naiveui.com/en-US/os-theme/components/grid",
           "source": {
             "symbol": "UGrid"
@@ -6902,6 +6956,13 @@
                 "since": "2.25.0"
               }
             },
+            {
+              "name": "pulse-size",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/icon",
+              "type": "number",
+              "description": "Size of the pulse background layer",
+              "default": "32"
+            },
             {
               "name": "border-radius",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/icon",
@@ -6912,6 +6973,13 @@
                 "since": "2.25.0"
               }
             },
+            {
+              "name": "variant",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/icon",
+              "type": "\"default\" | \"pulse\"",
+              "description": "Wrapper variant. Use `\"pulse\"` to show an extra background layer.",
+              "default": "\"default\""
+            },
             {
               "name": "color",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/icon",
@@ -6922,6 +6990,13 @@
                 "since": "2.25.0"
               }
             },
+            {
+              "name": "pulse-color",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/icon",
+              "type": "string",
+              "description": "Color of the pulse background layer",
+              "default": "undefined"
+            },
             {
               "name": "icon-color",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/icon",
@@ -7893,7 +7968,7 @@
         },
         {
           "name": "ULayout",
-          "description": "<!--single-column-->\n\nLayout is for layout.\n\nThe component is a bit complicated to use. But like a manual gear car, it worths a shot.\n\nIf you are use version before v2.3.0, you may want to know about <u-a href=\"#Changes-After-v2.3.0\">Changes After v2.3.0</u-a>.",
+          "description": "<!--single-column-->\n\nLayout is for layout.\n\nThe component is a bit complicated to use. But like a manual gear car, it worths a shot.\n\nIf you are use version before v2.3.0, you may want to know about <u-text tag=\"a\" href=\"#Changes-After-v2.3.0\">Changes After v2.3.0</u-text>.",
           "doc-url": "https://www.naiveui.com/en-US/os-theme/components/layout",
           "source": {
             "symbol": "ULayout"
@@ -8717,7 +8792,7 @@
         },
         {
           "name": "ULog",
-          "description": "<!--single-column-->\n\nIf you have some logs to show, use log.\n\n<u-alert title=\"Note\" type=\"warning\" style=\"margin-bottom: 16px;\" :bordered=\"false\">\n  Due to package size, Uzum UI doesn't include highlight.js. If you want highlight logs, make sure you have set highlightjs before using it.\n</u-alert>\n\nIn highlight demo, we defined a language called `uzum-ui-log` which will highlight all the numbers of line. The following code shows how we defined it. If you want to know more about highlight.js, see <u-a href=\"https://highlightjs.org/\" target=\"_blank\">highlight.js</u-a> and <u-a href=\"https://highlightjs.readthedocs.io/en/latest/index.html\" target=\"_blank\">highlight.js developer documentation</u-a>\n\n```html\n<template>\n  <u-config-provider :hljs=\"hljs\">\n    <my-app />\n  </u-config-provider>\n</template>\n\n<script>\n  import { defineComponent } from 'vue'\n  import hljs from 'highlight.js/lib/core'\n\n  hljs.registerLanguage('uzum-ui-log', () => ({\n    contains: [\n      {\n        className: 'number',\n        begin: /\\d+/\n      }\n    ]\n  }))\n\n  export default defineComponent({\n    setup() {\n      return {\n        hljs\n      }\n    }\n  })\n</script>\n```",
+          "description": "<!--single-column-->\n\nIf you have some logs to show, use log.\n\n<u-alert title=\"Note\" type=\"warning\" style=\"margin-bottom: 16px;\" :bordered=\"false\">\n  Due to package size, Uzum UI doesn't include highlight.js. If you want highlight logs, make sure you have set highlightjs before using it.\n</u-alert>\n\nIn highlight demo, we defined a language called `uzum-ui-log` which will highlight all the numbers of line. The following code shows how we defined it. If you want to know more about highlight.js, see <u-text tag=\"a\" href=\"https://highlightjs.org/\" target=\"_blank\">highlight.js</u-text> and <u-text tag=\"a\" href=\"https://highlightjs.readthedocs.io/en/latest/index.html\" target=\"_blank\">highlight.js developer documentation</u-text>\n\n```html\n<template>\n  <u-config-provider :hljs=\"hljs\">\n    <my-app />\n  </u-config-provider>\n</template>\n\n<script>\n  import { defineComponent } from 'vue'\n  import hljs from 'highlight.js/lib/core'\n\n  hljs.registerLanguage('uzum-ui-log', () => ({\n    contains: [\n      {\n        className: 'number',\n        begin: /\\d+/\n      }\n    ]\n  }))\n\n  export default defineComponent({\n    setup() {\n      return {\n        hljs\n      }\n    }\n  })\n</script>\n```",
           "doc-url": "https://www.naiveui.com/en-US/os-theme/components/log",
           "source": {
             "symbol": "ULog"
@@ -12647,7 +12722,7 @@
             {
               "name": "variant",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/steps",
-              "type": "'default' | 'history'",
+              "type": "'default' | 'history' | 'outline' | 'dotted'",
               "description": "Steps variant.",
               "default": "'default'",
               "description-sections": {
@@ -13021,7 +13096,7 @@
         },
         {
           "name": "UTabs",
-          "description": "Switch contents in same area.\n\n<u-alert type=\"warning\" title=\"Note\" :bordered=\"false\">\n  <u-text code>u-tabs</u-text> will extract default tab value from default slot, so there would be a vue slot warning. If you don't want to see the warning, you should give component a  <u-text code>default-value</u-text>.\n</u-alert>",
+          "description": "Switch contents in same area.\n\n<u-alert type=\"warning\" title=\"Note\" :bordered=\"false\">\n  <u-text tag=\"code\">u-tabs</u-text> will extract default tab value from default slot, so there would be a vue slot warning. If you don't want to see the warning, you should give component a  <u-text tag=\"code\">default-value</u-text>.\n</u-alert>",
           "doc-url": "https://www.naiveui.com/en-US/os-theme/components/tabs",
           "source": {
             "symbol": "UTabs"
@@ -15548,23 +15623,17 @@
             {
               "name": "type",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/typography",
-              "type": "'default' | 'success' | 'info' | 'warning' | 'error'",
-              "description": "Text color style.",
-              "default": "'default'"
+              "type": "string"
             },
             {
               "name": "prefix",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/typography",
-              "type": "'bar'",
-              "description": "Show a bar in front of the heading.",
-              "default": "undefined"
+              "type": "string"
             },
             {
               "name": "align-text",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/typography",
-              "type": "boolean",
-              "description": "Text alignment.",
-              "default": "false"
+              "type": "boolean"
             }
           ],
           "js": {
@@ -15583,23 +15652,17 @@
             {
               "name": "type",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/typography",
-              "type": "'default' | 'success' | 'info' | 'warning' | 'error'",
-              "description": "Text color style.",
-              "default": "'default'"
+              "type": "string"
             },
             {
               "name": "prefix",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/typography",
-              "type": "'bar'",
-              "description": "Show a bar in front of the heading.",
-              "default": "undefined"
+              "type": "string"
             },
             {
               "name": "align-text",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/typography",
-              "type": "boolean",
-              "description": "Text alignment.",
-              "default": "false"
+              "type": "boolean"
             }
           ],
           "js": {
@@ -15618,23 +15681,17 @@
             {
               "name": "type",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/typography",
-              "type": "'default' | 'success' | 'info' | 'warning' | 'error'",
-              "description": "Text color style.",
-              "default": "'default'"
+              "type": "string"
             },
             {
               "name": "prefix",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/typography",
-              "type": "'bar'",
-              "description": "Show a bar in front of the heading.",
-              "default": "undefined"
+              "type": "string"
             },
             {
               "name": "align-text",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/typography",
-              "type": "boolean",
-              "description": "Text alignment.",
-              "default": "false"
+              "type": "boolean"
             }
           ],
           "js": {
@@ -15653,23 +15710,17 @@
             {
               "name": "type",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/typography",
-              "type": "'default' | 'success' | 'info' | 'warning' | 'error'",
-              "description": "Text color style.",
-              "default": "'default'"
+              "type": "string"
             },
             {
               "name": "prefix",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/typography",
-              "type": "'bar'",
-              "description": "Show a bar in front of the heading.",
-              "default": "undefined"
+              "type": "string"
             },
             {
               "name": "align-text",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/typography",
-              "type": "boolean",
-              "description": "Text alignment.",
-              "default": "false"
+              "type": "boolean"
             }
           ],
           "js": {
@@ -15688,23 +15739,17 @@
             {
               "name": "type",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/typography",
-              "type": "'default' | 'success' | 'info' | 'warning' | 'error'",
-              "description": "Text color style.",
-              "default": "'default'"
+              "type": "string"
             },
             {
               "name": "prefix",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/typography",
-              "type": "'bar'",
-              "description": "Show a bar in front of the heading.",
-              "default": "undefined"
+              "type": "string"
             },
             {
               "name": "align-text",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/typography",
-              "type": "boolean",
-              "description": "Text alignment.",
-              "default": "false"
+              "type": "boolean"
             }
           ],
           "js": {
@@ -15723,23 +15768,17 @@
             {
               "name": "type",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/typography",
-              "type": "'default' | 'success' | 'info' | 'warning' | 'error'",
-              "description": "Text color style.",
-              "default": "'default'"
+              "type": "string"
             },
             {
               "name": "prefix",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/typography",
-              "type": "'bar'",
-              "description": "Show a bar in front of the heading.",
-              "default": "undefined"
+              "type": "string"
             },
             {
               "name": "align-text",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/typography",
-              "type": "boolean",
-              "description": "Text alignment.",
-              "default": "false"
+              "type": "boolean"
             }
           ],
           "js": {
@@ -15758,9 +15797,7 @@
             {
               "name": "align-text",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/typography",
-              "type": "boolean",
-              "description": "Text alignment.",
-              "default": "false"
+              "type": "boolean"
             }
           ],
           "js": {
@@ -15792,9 +15829,7 @@
             {
               "name": "align-text",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/typography",
-              "type": "boolean",
-              "description": "Text alignment.",
-              "default": "false"
+              "type": "boolean"
             }
           ],
           "js": {
@@ -15813,9 +15848,7 @@
             {
               "name": "align-text",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/typography",
-              "type": "boolean",
-              "description": "Text alignment.",
-              "default": "false"
+              "type": "boolean"
             }
           ],
           "js": {
@@ -15845,25 +15878,30 @@
           "attributes": [],
           "props": [
             {
-              "name": "code",
+              "name": "variant",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/typography",
-              "type": "boolean",
-              "description": "Use the `code` tag and style.",
-              "default": "false"
+              "type": "'display-l' | 'display-s' | 'heading-l-semi-bold' | 'heading-l-bold' | 'heading-m-semi-bold' | 'heading-m-bold' | 'heading-s-semi-bold' | 'heading-s-bold' | 'title-l-medium' | 'title-l-semi-bold' | 'title-l-bold' | 'title-m-medium' | 'title-m-semi-bold' | 'title-m-bold' | 'title-s-medium' | 'title-s-semi-bold' | 'title-s-bold' | 'body-l-medium' | 'body-l-semi-bold' | 'body-l-bold' | 'body-m-medium' | 'body-m-semi-bold' | 'body-m-bold' | 'body-s-medium' | 'body-s-semi-bold' | 'body-s-bold'",
+              "description": "Typography variant from design system.",
+              "default": "undefined"
             },
             {
-              "name": "type",
+              "name": "tag",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/typography",
-              "type": "'default' | 'success' | 'info' | 'warning' | 'error'",
-              "description": "Typography type.",
-              "default": "'default'"
+              "type": "string",
+              "description": "Determined by the variant, can be manually overridden",
+              "default": "span"
             },
             {
-              "name": "delete",
+              "name": "text",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/typography",
-              "type": "boolean",
-              "description": "Use the `del` tag and strikethrough style.",
-              "default": "false"
+              "type": "string",
+              "description": "Can be used instead of default slot",
+              "default": "undefined"
+            },
+            {
+              "name": "type",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/typography",
+              "type": "string"
             },
             {
               "name": "strong",
@@ -15887,23 +15925,31 @@
               "default": "false"
             },
             {
-              "name": "depth",
+              "name": "strikethrough",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/typography",
-              "type": "1 | 2 | 3 | '1' | '2' | '3'",
-              "description": "Text depth (shade of text).",
-              "default": "undefined"
+              "type": "boolean",
+              "description": "Strikethrough.",
+              "default": "false"
             },
             {
-              "name": "tag",
+              "name": "code",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/typography",
-              "type": "string",
-              "description": "Tag to use. `code` or `delete` properties will override this.",
-              "default": "undefined"
+              "type": "boolean"
             },
             {
               "name": "as",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/typography",
               "type": "string"
+            },
+            {
+              "name": "delete",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/typography",
+              "type": "boolean"
+            },
+            {
+              "name": "depth",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/typography",
+              "type": "string | number"
             }
           ],
           "js": {
@@ -15937,7 +15983,7 @@
               "name": "accept",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/upload",
               "type": "string",
-              "description": "The accept type of upload. See <u-a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept\" target=\"_blank\">accept</u-a>.",
+              "description": "The accept type of upload. See <u-text tag=\"a\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept\" target=\"_blank\">accept</u-text>.",
               "default": "undefined"
             },
             {
@@ -15951,7 +15997,7 @@
               "name": "custom-request",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/upload",
               "type": "(options: UploadCustomRequestOptions) => void",
-              "description": "Customize upload request. For types, see <u-a href=\"#UploadCustomRequestOptions-Type\">UploadCustomRequestOptions</u-a>",
+              "description": "Customize upload request. For types, see <u-text tag=\"a\" href=\"#UploadCustomRequestOptions-Type\">UploadCustomRequestOptions</u-text>",
               "default": "undefined"
             },
             {
@@ -16324,7 +16370,7 @@
             {
               "name": "default",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/upload",
-              "description": "The placeholder of the upload dragger; For an example see <u-a href=\"#drag.vue\">Drag to Upload Demo</u-a>."
+              "description": "The placeholder of the upload dragger; For an example see <u-text tag=\"a\" href=\"#drag.vue\">Drag to Upload Demo</u-text>."
             }
           ],
           "attributes": [],
@@ -16771,6 +16817,11 @@
               "name": "view-type",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/toggle-button",
               "type": "string"
+            },
+            {
+              "name": "icon-position",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/toggle-button",
+              "type": "string"
             }
           ],
           "js": {