@next-bricks/basic-bricks 1.223.1 → 1.224.0

package/dist/stories.json

@@ -1431,7 +1431,47 @@
           "required": "false",
           "default": "-",
           "description": "按钮 icon，支持的 [icon 图标库](developers/icon) 和 [MenuIcon配置](/next-docs/docs/api-reference/brick-types.menuicon#menuicon-interface)，另外如果是 antd 图标库可以直接引用图标名称配置 { \"lib\": \"antd\", \"icon\": \"edit\" }与 \"edit\"等价",
-          "group": "ui"
+          "group": "basic"
+        },
+        {
+          "name": "buttonType",
+          "type": "ButtonType",
+          "required": "false",
+          "default": "-",
+          "description": "按钮类型  ButtonType(`\"link\" | \"default\" | \"primary\" | \"ghost\" | \"dashed\" | \"danger\" | \"icon\"|\"text\"`)",
+          "group": "basic"
+        },
+        {
+          "name": "tooltip",
+          "type": "string",
+          "required": "false",
+          "default": "-",
+          "description": "按钮的 tooltip",
+          "group": "basic"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "required": "false",
+          "default": "false",
+          "description": "是否禁用按钮",
+          "group": "basic"
+        },
+        {
+          "name": "disabledTooltip",
+          "type": "string",
+          "required": "false",
+          "default": "-",
+          "description": "禁用按钮的 tooltip",
+          "group": "basic"
+        },
+        {
+          "name": "tooltipConfig",
+          "type": "TooltipConfig",
+          "required": "false",
+          "default": "-",
+          "description": "tooltip的配置,配置属性见TooltipConfig",
+          "group": "basic"
         },
         {
           "name": "buttonUrl",
@@ -1447,7 +1487,7 @@
           "required": "false",
           "default": "-",
           "description": "是否使用原生 <a> 标签，通常用于外链的跳转",
-          "group": "basic"
+          "group": "advanced"
         },
         {
           "name": "target",
@@ -1455,7 +1495,7 @@
           "required": "false",
           "default": "-",
           "description": "跳转的 target，例如可以设置为\"_blank\"",
-          "group": "basic"
+          "group": "advanced"
         },
         {
           "name": "dataSource",
@@ -1463,15 +1503,23 @@
           "required": "false",
           "default": "{}",
           "description": "替代之前 detail 属性，用法相同。暂存的数据在事件传出时使用",
-          "group": "basic"
+          "group": "advanced"
         },
         {
-          "name": "disabled",
+          "name": "disableAfterClick",
           "type": "boolean",
           "required": "false",
           "default": "false",
-          "description": "是否禁用按钮",
-          "group": "basic"
+          "description": "点击按钮后自动禁用",
+          "group": "advanced"
+        },
+        {
+          "name": "buttonProps",
+          "type": "ButtonProps",
+          "required": "-",
+          "default": "-",
+          "description": "完全透传给 antd 的 Button 属性",
+          "group": "advanced"
         },
         {
           "name": "loading",
@@ -1481,14 +1529,6 @@
           "description": "按钮加载动画",
           "group": "ui"
         },
-        {
-          "name": "buttonType",
-          "type": "ButtonType",
-          "required": "false",
-          "default": "-",
-          "description": "按钮类型  ButtonType(`\"link\" | \"default\" | \"primary\" | \"ghost\" | \"dashed\" | \"danger\" | \"icon\"|\"text\"`)",
-          "group": "ui"
-        },
         {
           "name": "buttonDanger",
           "type": "boolean",
@@ -1513,30 +1553,6 @@
           "description": "按钮大小，支持大、小，不设置为默认中",
           "group": "ui"
         },
-        {
-          "name": "tooltip",
-          "type": "string",
-          "required": "false",
-          "default": "-",
-          "description": "按钮的 tooltip",
-          "group": "basic"
-        },
-        {
-          "name": "disabledTooltip",
-          "type": "string",
-          "required": "false",
-          "default": "-",
-          "description": "禁用按钮的 tooltip",
-          "group": "basic"
-        },
-        {
-          "name": "tooltipConfig",
-          "type": "TooltipConfig",
-          "required": "false",
-          "default": "-",
-          "description": "tooltip的配置,配置属性见TooltipConfig",
-          "group": "basic"
-        },
         {
           "name": "fadedText",
           "type": "boolean",
@@ -1545,22 +1561,6 @@
           "description": "淡化按钮文字，按钮类型为 text 时可以设置。默认 `false` 文字按钮颜色和平台的字体颜色一样，在一些希望弱化文字颜色的场景下可以设置为 `true`。",
           "group": "ui"
         },
-        {
-          "name": "disableAfterClick",
-          "type": "boolean",
-          "required": "false",
-          "default": "false",
-          "description": "点击按钮后自动禁用",
-          "group": "basic"
-        },
-        {
-          "name": "buttonProps",
-          "type": "ButtonProps",
-          "required": "-",
-          "default": "-",
-          "description": "完全透传给 antd 的 Button 属性",
-          "group": "basic"
-        },
         {
           "name": "buttonStyle",
           "type": "React.CSSProperties",
@@ -1575,8 +1575,7 @@
           "required": "false",
           "default": "{}",
           "deprecated": true,
-          "description": "[已废弃]按钮点击事件传出的内容。当用于列表类构件，例如 `brick-table` 中，可通过传入传入 `detail` 来识别不通的行进行操作处理。",
-          "group": "basic"
+          "description": "[已废弃]按钮点击事件传出的内容。当用于列表类构件，例如 `brick-table` 中，可通过传入传入 `detail` 来识别不通的行进行操作处理。"
         }
       ],
       "interface": [
@@ -2110,13 +2109,13 @@
           "required": "false",
           "default": "false",
           "description": "是否右上角有操作区 slot",
-          "group": "basic"
+          "group": "advanced"
         },
         {
           "name": "hasFooter",
           "type": "boolean",
           "required": true,
-          "group": "basic"
+          "group": "advanced"
         },
         {
           "name": "isFixedFooter",
@@ -2124,21 +2123,23 @@
           "required": "false",
           "default": "true",
           "description": "footer滚动到窗口外时，是否需要将footer固定在窗口底部",
-          "group": "basic"
+          "group": "advanced"
         },
         {
           "name": "operationButtons",
           "type": "OperationButton[]",
           "required": "false",
           "default": "-",
-          "description": "右上角的操作按钮列表，可自定义指定该按钮的名字，按钮点击后发出的事件等"
+          "description": "右上角的操作按钮列表，可自定义指定该按钮的名字，按钮点击后发出的事件等",
+          "group": "advanced"
         },
         {
           "name": "configProps",
           "type": "map",
           "required": "false",
           "default": "-",
-          "description": "完全透传给 antd 的 Card 属性，详见：[Card](https://ant.design/components/card-cn/#Card)"
+          "description": "完全透传给 antd 的 Card 属性，详见：[Card](https://ant.design/components/card-cn/#Card)",
+          "group": "advanced"
         }
       ],
       "interface": [
@@ -3303,14 +3304,14 @@
           "type": "any",
           "required": false,
           "description": "按钮事件的 detail",
-          "group": "basic"
+          "group": "advanced"
         },
         {
           "name": "disableAfterClick",
           "type": "boolean",
           "required": false,
           "description": "点击按钮后自动禁用",
-          "group": "basic"
+          "group": "advanced"
         },
         {
           "name": "isMoreButton",
@@ -3977,27 +3978,27 @@
           "group": "basic"
         },
         {
-          "name": "loading",
+          "name": "maskClosable",
           "type": "boolean",
           "required": "false",
           "default": "-",
-          "description": "是否显示loading效果",
+          "description": "点击蒙层是否允许关闭",
           "group": "basic"
         },
         {
-          "name": "closable",
-          "type": "boolean",
+          "name": "width",
+          "type": "number",
           "required": "false",
           "default": "-",
-          "description": "是否显示右上角的关闭按钮",
+          "description": "宽度",
           "group": "basic"
         },
         {
-          "name": "maskClosable",
+          "name": "closable",
           "type": "boolean",
           "required": "false",
           "default": "-",
-          "description": "点击蒙层是否允许关闭",
+          "description": "是否显示右上角的关闭按钮",
           "group": "basic"
         },
         {
@@ -4009,19 +4010,19 @@
           "group": "basic"
         },
         {
-          "name": "mask",
+          "name": "loading",
           "type": "boolean",
           "required": "false",
-          "default": "true",
-          "description": "是否展示遮罩",
+          "default": "-",
+          "description": "是否显示loading效果",
           "group": "ui"
         },
         {
-          "name": "width",
-          "type": "number",
+          "name": "mask",
+          "type": "boolean",
           "required": "false",
-          "default": "-",
-          "description": "宽度",
+          "default": "true",
+          "description": "是否展示遮罩",
           "group": "ui"
         },
         {
@@ -5366,56 +5367,64 @@
           "type": "number",
           "required": false,
           "default": "-",
-          "description": "网格布局列数（各列等宽）"
+          "description": "网格布局列数（各列等宽）",
+          "group": "basic"
         },
         {
           "name": "columnSpan",
           "type": "number",
           "required": false,
           "default": "auto",
-          "description": "自己在父级网格中所占列数"
+          "description": "自己在父级网格中所占列数",
+          "group": "basic"
         },
         {
           "name": "rows",
           "type": "number",
           "required": false,
           "default": "1",
-          "description": "网格布局行数，通常不需设置，各行高度由内容决定。设置为 > 1 时，各行高度相同。"
+          "description": "网格布局行数，通常不需设置，各行高度由内容决定。设置为 > 1 时，各行高度相同。",
+          "group": "basic"
         },
         {
           "name": "rowSpan",
           "type": "number",
           "required": false,
           "default": "1",
-          "description": "自己在父级网格中所占行数"
+          "description": "自己在父级网格中所占行数",
+          "group": "basic"
         },
         {
           "name": "templateColumns",
           "type": "string",
           "required": false,
           "default": "-",
-          "description": "网格布局模板列，即 CSS 的 gridTemplateColumns，优先于 `columns`。"
+          "description": "网格布局模板列，即 CSS 的 gridTemplateColumns，优先于 `columns`。",
+          "group": "basic"
         },
         {
           "name": "responsive",
           "type": "ResponsiveSettings",
           "required": false,
           "default": "1",
-          "description": "响应式布局设置"
+          "description": "响应式布局设置",
+          "group": "basic"
         },
         {
           "name": "gap",
           "type": "string",
           "required": true,
           "default": "\"var(--page-card-gap)\"",
-          "description": "子元素之间的间距"
+          "description": "子元素之间的间距",
+          "group": "basic"
         },
         {
           "name": "showGridBorder",
           "type": "Boolean",
           "required": true,
           "default": "false",
-          "description": "网格布局边框"
+          "description": "网格布局边框",
+          "group": "basic"
         },
         {
           "name": "gridBorderColor",
@@ -5749,6 +5758,14 @@
       ],
       "memo": "",
       "properties": [
+        {
+          "name": "data",
+          "type": "`any[]`",
+          "required": "true",
+          "default": "[]",
+          "description": "数据列表",
+          "group": "basic"
+        },
         {
           "name": "useBrick",
           "type": "UseBrickConf",
@@ -5758,11 +5775,11 @@
           "group": "basic"
         },
         {
-          "name": "data",
-          "type": "`any[]`",
-          "required": "true",
-          "default": "[]",
-          "description": "数据列表",
+          "name": "extraContainerStyle",
+          "type": "Record<string, any>",
+          "required": false,
+          "default": "-",
+          "description": "容器本身默认是 grid 布局，可以设置额外的样式。",
           "group": "basic"
         },
         {
@@ -5770,7 +5787,7 @@
           "type": "string",
           "required": false,
           "description": "数据项的 key，不设置默认使用 index",
-          "group": "basic"
+          "group": "advanced"
         },
         {
           "name": "gap",
@@ -5780,14 +5797,6 @@
           "description": "间距(配合extraContainerStyle使用)",
           "group": "ui"
         },
-        {
-          "name": "extraContainerStyle",
-          "type": "Record<string, any>",
-          "required": false,
-          "default": "-",
-          "description": "容器本身默认是 grid 布局，可以设置额外的样式。",
-          "group": "ui"
-        },
         {
           "name": "containerStyle",
           "type": "Record<string, any>",
@@ -6303,7 +6312,7 @@
           "required": "-",
           "default": "-",
           "description": "设置 banner 标题。如果要使用复杂的标题构件，请使用插槽 `bannerTitleBar`",
-          "group": "basic"
+          "group": "other"
         },
         {
           "name": "overflowXAuto",
@@ -7019,6 +7028,14 @@
       ],
       "memo": "### CustomBrick\n\n| property | type         | required | default | description              |\n| -------- | ------------ | -------- | ------- | ------------------------ |\n| useBrick | UseBrickConf | ✔️       | -       | 自定义构件               |\n| data     | any          | -        | -       | 数据，优先级高于整体数据 |\n\n### UseBrickConf\n\n| property      | type           | required | default | description                                        |\n| ------------- | -------------- | -------- | ------- | -------------------------------------------------- |\n| brick         | string         | ✔️       | -       | 构件名称                                           |\n| properties    | object         | -        | -       | 构件属性                                           |\n| events        | BrickEventsMap | -        | -       | 事件                                               |\n| transform     | string\\|object | -        | -       | 属性数据转换                                       |\n| transformFrom | string         | -        | -       | 属性数据转换来自数据源的哪个字段，不填则为整个数据 |",
       "properties": [
+        {
+          "name": "data",
+          "type": "any",
+          "required": "false",
+          "default": "false",
+          "description": "整体数据，如果展示构件和弹出框构件数据都来自于同一个 provider，可以直接配置 data，如果来源不一样，可以分别配置 CustomBrick.data",
+          "group": "basic"
+        },
         {
           "name": "displayBrick",
           "type": "CustomBrick",
@@ -7043,37 +7060,13 @@
           "description": "触发弹出框的 icon [MenuIcon](/next-docs/docs/api-reference/brick-types.menuicon#menuicon-interface)",
           "group": "ui"
         },
-        {
-          "name": "popoverContentStyle",
-          "type": "Record<string,any>",
-          "required": "false",
-          "default": "{width:200px}",
-          "description": "popover 内容区域的样式，默认给了 200 的宽度。由于我们的弹出框拥有自定义构件的能力，在第一次点击之前，popover 是不知道所渲染构件的宽高，可能发生错位的问题。可以通过设置宽高来解决问题。注意，根据不同的`placement`需要按需调整宽度/高度。[详见](https://github.com/ant-design/ant-design/issues/3545)",
-          "group": "ui"
-        },
         {
           "name": "placement",
           "type": "top|left|right|bottom|topLeft|topRight|bottomLeft|bottomRight|leftTop|leftBottom|rightTop|rightBottom",
           "required": "false",
           "default": "bottom",
           "description": "气泡框位置。注意设置该属性的时候可能需要调整`popoverContentStyle`。",
-          "group": "ui"
-        },
-        {
-          "name": "showIcon",
-          "type": "\"always\"|\"hover\"|\"never\"",
-          "required": "false",
-          "default": "hover",
-          "description": "在什么时候显示 Icon",
-          "group": "ui"
-        },
-        {
-          "name": "zIndex",
-          "type": "number",
-          "required": "false",
-          "default": "1030",
-          "description": "popover的z轴顺序",
-          "group": "ui"
+          "group": "basic"
         },
         {
           "name": "trigger",
@@ -7084,35 +7077,51 @@
           "group": "basic"
         },
         {
-          "name": "data",
-          "type": "any",
+          "name": "triggerByIcon",
+          "type": "boolean",
           "required": "false",
-          "default": "false",
-          "description": "整体数据，如果展示构件和弹出框构件数据都来自于同一个 provider，可以直接配置 data，如果来源不一样，可以分别配置 CustomBrick.data",
+          "default": "true",
+          "description": "触发行为",
           "group": "basic"
         },
         {
-          "name": "triggerByIcon",
+          "name": "showPopoverBg",
           "type": "boolean",
           "required": "false",
           "default": "true",
-          "description": "触发行为",
+          "description": "是否显示 popover 的默认背景",
           "group": "basic"
         },
         {
-          "name": "visible",
-          "type": "{useBrick:UseBrickConf;data?:any}",
+          "name": "popoverContentStyle",
+          "type": "Record<string,any>",
           "required": "false",
-          "default": "false",
-          "description": "弹出框是否可见",
+          "default": "{width:200px}",
+          "description": "popover 内容区域的样式，默认给了 200 的宽度。由于我们的弹出框拥有自定义构件的能力，在第一次点击之前，popover 是不知道所渲染构件的宽高，可能发生错位的问题。可以通过设置宽高来解决问题。注意，根据不同的`placement`需要按需调整宽度/高度。[详见](https://github.com/ant-design/ant-design/issues/3545)",
+          "group": "basic"
+        },
+        {
+          "name": "showIcon",
+          "type": "\"always\"|\"hover\"|\"never\"",
+          "required": "false",
+          "default": "hover",
+          "description": "在什么时候显示 Icon",
           "group": "ui"
         },
         {
-          "name": "showPopoverBg",
-          "type": "boolean",
+          "name": "zIndex",
+          "type": "number",
           "required": "false",
-          "default": "true",
-          "description": "是否显示 popover 的默认背景",
+          "default": "1030",
+          "description": "popover的z轴顺序",
+          "group": "ui"
+        },
+        {
+          "name": "visible",
+          "type": "{useBrick:UseBrickConf;data?:any}",
+          "required": "false",
+          "default": "false",
+          "description": "弹出框是否可见",
           "group": "ui"
         },
         {
@@ -9615,6 +9624,9 @@
               "dragHeaderStyle": {
                 "background": "#E0E4E5"
               },
+              "dragWrapperStyle": {
+                "border": "none"
+              },
               "openDirection": "rightTop"
             },
             "slots": {
@@ -9747,6 +9759,14 @@
           "default": "-",
           "description": "用于设置 popup head的样式",
           "group": "ui"
+        },
+        {
+          "name": "dragWrapperStyle",
+          "type": "Record<string, any>",
+          "required": "false",
+          "default": "-",
+          "description": "用于设置 popup wrapper的样式",
+          "group": "ui"
         }
       ],
       "methods": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/basic-bricks",
-  "version": "1.223.1",
+  "version": "1.224.0",
   "description": "> TODO: description",
   "homepage": "https://github.com/easyops-cn/next-basics/tree/master/bricks/basic-bricks",
   "license": "GPL-3.0",
@@ -52,5 +52,5 @@
     "immutability-helper": "^3.1.1"
   },
   "sideEffects": true,
-  "gitHead": "d14d6b729dbd1fcfabdcf1ebf9e075eb3e4c8824"
+  "gitHead": "c7590961bdd1b71a04f6d0c21b2652a1a580901b"
 }