@next-bricks/basic-bricks 1.222.4 → 1.223.1

package/dist/stories-asserts/basic-bricks.general-popup.87caf4b1e0240e28.svg

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="109px" height="63px" viewBox="0 0 109 63" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>basic-bricks.general-popup</title>
+    <defs>
+        <path d="M68,0 L101,0 C103.209139,-4.05812251e-16 105,1.790861 105,4 L105,51 C105,53.209139 103.209139,55 101,55 L68,55 L68,55 L68,0 Z" id="path-1"></path>
+        <filter x="-16.2%" y="-10.9%" width="132.4%" height="121.8%" filterUnits="objectBoundingBox" id="filter-2">
+            <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.6   0 0 0 0 0.6   0 0 0 0 0.6  0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="lydia" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="构件概览图二" transform="translate(-1294.000000, -363.000000)">
+            <g id="basic-bricks.general-popup" transform="translate(1294.000000, 367.000000)">
+                <rect id="矩形备份-43" fill="#1A7AFF" transform="translate(94.000000, 48.500000) rotate(-180.000000) translate(-94.000000, -48.500000) " x="88" y="46" width="12" height="5" rx="1"></rect>
+                <rect id="矩形备份-43" stroke="#D6DBEC" transform="translate(80.000000, 48.500000) rotate(-180.000000) translate(-80.000000, -48.500000) " x="74" y="46" width="12" height="5" rx="1"></rect>
+                <rect id="矩形备份-80" fill="#D6DBEC" x="0" y="0" width="105" height="55" rx="4"></rect>
+                <g id="矩形备份-80">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+                    <use fill="#F4F5F9" fill-rule="evenodd" xlink:href="#path-1"></use>
+                </g>
+                <rect id="矩形备份-43" fill="#1A7AFF" transform="translate(94.000000, 48.500000) rotate(-180.000000) translate(-94.000000, -48.500000) " x="88" y="46" width="12" height="5" rx="1"></rect>
+                <rect id="矩形备份-43" stroke="#D6DBEC" transform="translate(80.000000, 48.500000) rotate(-180.000000) translate(-80.000000, -48.500000) " x="74" y="46" width="12" height="5" rx="1"></rect>
+                <g id="编组" transform="translate(93.621320, 5.378680)" fill="#778DC3" fill-rule="nonzero">
+                    <path d="M5.66256257,3.70710678 L0.337437429,3.70710678 C-0.142696805,3.70710678 -0.535533906,3.38890873 -0.535533906,3 C-0.535533906,2.61109127 -0.142696805,2.29289322 0.337437429,2.29289322 L5.66256257,2.29289322 C6.14269681,2.29289322 6.53553391,2.61109127 6.53553391,3 C6.53553391,3.38890873 6.14269681,3.70710678 5.66256257,3.70710678 Z" id="路径" transform="translate(3.000000, 3.000000) rotate(-45.000000) translate(-3.000000, -3.000000) "></path>
+                    <path d="M3.70710678,0.337437429 L3.70710678,5.66256257 C3.70710678,6.14269681 3.38890873,6.53553391 3,6.53553391 C2.61109127,6.53553391 2.29289322,6.14269681 2.29289322,5.66256257 L2.29289322,0.337437429 C2.29289322,-0.142696805 2.61109127,-0.535533906 3,-0.535533906 C3.38890873,-0.535533906 3.70710678,-0.142696805 3.70710678,0.337437429 Z" id="形状" transform="translate(3.000000, 3.000000) rotate(-45.000000) translate(-3.000000, -3.000000) "></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/stories.json

@@ -9568,5 +9568,198 @@
       ],
       "interface": []
     }
+  },
+  {
+    "storyId": "basic-bricks.general-popup",
+    "category": "container-display",
+    "type": "brick",
+    "author": "sailor",
+    "text": {
+      "en": "General Popup",
+      "zh": "可拖拽弹框"
+    },
+    "description": {
+      "en": "provide slot to hold other custom elements",
+      "zh": "提供插槽以展示其他构件"
+    },
+    "icon": {
+      "imgSrc": "bricks/basic-bricks/dist/stories-asserts/basic-bricks.general-popup.87caf4b1e0240e28.svg"
+    },
+    "conf": [
+      {
+        "bricks": [
+          {
+            "brick": "basic-bricks.general-button",
+            "properties": {
+              "buttonName": "打开",
+              "dataset": {
+                "testid": "basic-usage-demo"
+              }
+            },
+            "events": {
+              "general.button.click": [
+                {
+                  "target": "#popup",
+                  "method": "open"
+                }
+              ]
+            }
+          },
+          {
+            "brick": "basic-bricks.general-popup",
+            "properties": {
+              "id": "popup",
+              "popupTitle": "预览",
+              "popupWidth": "750px",
+              "popupHeight": "600px",
+              "dragHeaderStyle": {
+                "background": "#E0E4E5"
+              },
+              "openDirection": "rightTop"
+            },
+            "slots": {
+              "content": {
+                "bricks": [
+                  {
+                    "brick": "presentational-bricks.brick-descriptions",
+                    "properties": {
+                      "column": 2,
+                      "descriptionTitle": "基本信息",
+                      "itemList": [
+                        {
+                          "label": "名称",
+                          "text": "easyops"
+                        },
+                        {
+                          "label": "环境类型",
+                          "text": "无"
+                        },
+                        {
+                          "label": "授权模式",
+                          "text": "clientCert"
+                        },
+                        {
+                          "label": "服务供应商"
+                        }
+                      ],
+                      "showCard": false
+                    }
+                  },
+                  {
+                    "brick": "presentational-bricks.brick-descriptions",
+                    "properties": {
+                      "column": 2,
+                      "descriptionTitle": "集群规格",
+                      "itemList": [
+                        {
+                          "label": "集群来源",
+                          "text": "导入"
+                        },
+                        {
+                          "label": "Manter节点数量",
+                          "text": "3个"
+                        },
+                        {
+                          "label": "可分配CPU",
+                          "text": "12 Cores"
+                        },
+                        {
+                          "label": "可分配内存",
+                          "text": "44.8GIB"
+                        }
+                      ],
+                      "showCard": false,
+                      "style": {
+                        "marginTop": "20px"
+                      }
+                    }
+                  }
+                ],
+                "type": "bricks"
+              }
+            }
+          }
+        ],
+        "title": {
+          "en": "General Popup",
+          "zh": "可拖拽弹框"
+        }
+      }
+    ],
+    "doc": {
+      "id": "basic-bricks.general-popup",
+      "author": "SheRunFeng",
+      "history": [
+        {
+          "version": "1.x.0",
+          "change": " 新增构件 `basic-bricks.general-popup`"
+        }
+      ],
+      "dockind": "brick",
+      "properties": [
+        {
+          "name": "popupId",
+          "type": "string",
+          "required": "false",
+          "default": "-",
+          "description": "浮层Id, 如果有设置浮层id, 会开启位置记录功能"
+        },
+        {
+          "name": "popupWidth",
+          "type": "",
+          "required": "false",
+          "default": "500",
+          "description": "弹窗宽度"
+        },
+        {
+          "name": "popupHeight",
+          "type": "",
+          "required": "false",
+          "default": "-",
+          "description": "弹窗高度"
+        },
+        {
+          "name": "popupTitle",
+          "type": "string",
+          "required": "false",
+          "default": "-",
+          "description": "弹窗标题"
+        },
+        {
+          "name": "openDirection",
+          "type": "OpenDirection",
+          "required": "false",
+          "default": "center",
+          "description": "弹窗打开位置"
+        },
+        {
+          "name": "isVisible",
+          "type": "boolean",
+          "required": "-",
+          "default": "false",
+          "description": "是否显示模态框",
+          "group": "advanced"
+        },
+        {
+          "name": "dragHeaderStyle",
+          "type": "Record<string, any>",
+          "required": "false",
+          "default": "-",
+          "description": "用于设置 popup head的样式",
+          "group": "ui"
+        }
+      ],
+      "methods": [
+        {
+          "name": "close",
+          "description": "关闭弹窗"
+        },
+        {
+          "name": "open",
+          "description": "显示弹窗"
+        }
+      ],
+      "interface": []
+    }
   }
 ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/basic-bricks",
-  "version": "1.222.4",
+  "version": "1.223.1",
   "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": "2a2b8b55467f48b801cb3bc359f85871e9ec11f4"
+  "gitHead": "d14d6b729dbd1fcfabdcf1ebf9e075eb3e4c8824"
 }