@luck-design-biz/luckda 1.0.1 → 1.0.2-2

package/lib/lowcode/view/lc-components/Drawer/index.less

@@ -1,10 +1,13 @@
-.lc-component-drawer.runtime-design {
-    :global {
-        .ant-drawer-content-wrapper {
-            transition: none;
-        }
-    }
-}
-.lc-component-drawer.runtime-design.hidden {
-    display: none;
-}
+:global {
+  .runtime-design {
+    position: absolute !important;
+
+    .ant-drawer-content-wrapper {
+      transition: none !important;
+      transform: none !important;
+    }
+  }
+  div.ant-drawer.runtime-design {
+    display: none;
+  }
+}

package/lib/lowcode/view/lc-components/Drawer/meta.json

@@ -1,131 +1,242 @@
-{
-  "component": "Drawer",
-  "name": "抽屉",
-  "desc": "抽屉从父窗体边缘滑入，覆盖住部分父窗体内容。用户在抽屉内操作时不必离开当前任务，操作完成后，可以平滑地回到原任务。",
-  "icon": "icon-drawer",
-  "group": "basic",
-  "groupName": "基础",
-  "order": 1,
-  "props": [
-    {
-      "key": "id",
-      "desc": "唯一标识",
-      "type": "string",
-      "disabled": true
-    },
-    {
-      "key": "title",
-      "name": "标题",
-      "desc": "抽屉左上角的标题",
-      "type": "_I18nInput",
-      "default": "抽屉"
-    },
-    {
-      "key": "width",
-      "name": "宽度",
-      "desc": "抽屉的宽度（仅左右抽屉有效）",
-      "type": "number",
-      "default": 420
-    },
-    {
-      "key": "height",
-      "name": "高度",
-      "desc": "抽屉的高度（仅上下抽屉有效）",
-      "type": "number",
-      "default": 360
-    },
-    {
-      "key": "defaultOpen",
-      "name": "默认显示",
-      "desc": "默认是否显示",
-      "type": "boolean",
-      "default": false
-    },
-    {
-      "key": "mask",
-      "name": "显示遮罩",
-      "desc": "是否展示遮罩",
-      "type": "boolean",
-      "default": false
-    },
-    {
-      "key": "keyboard",
-      "name": "ESC关闭",
-      "desc": "是否支持键盘 esc 关闭",
-      "type": "boolean",
-      "default": true
-    },
-    {
-      "key": "placement",
-      "name": "弹出位置",
-      "desc": "抽屉的方向",
-      "type": "select",
-      "options": [
-        {
-          "label": "顶部",
-          "value": "top"
-        },
-        {
-          "label": "右侧",
-          "value": "right"
-        },
-        {
-          "label": "底部",
-          "value": "bottom"
-        },
-        {
-          "label": "左侧",
-          "value": "left"
-        }
-      ],
-      "default": "right"
-    },
-    {
-      "key": "footer",
-      "name": "底部按钮是否显示",
-      "desc": "是否显示底部按钮区域",
-      "type": "boolean",
-      "default": true
-    },
-    {
-      "key": "btnGroup",
-      "name": "按钮组",
-      "desc": "底部按钮区域的按钮组（参考按钮配置）",
-      "type": "_ActionSelector"
-    }
-  ],
-  "advance": {
-    "events": [
-      {
-        "key": "onMount",
-        "name": "组件首次渲染时",
-        "desc": "在组件首次渲染时，执行方法",
-        "func": "function onMount() {\n\t\n}"
-      },
-      {
-        "key": "onUnmount",
-        "name": "组件卸载时",
-        "desc": "在组件卸载时，执行方法。",
-        "func": "function onUnmount() {\n\t\n}"
-      },
-      {
-        "key": "onOpen",
-        "name": "抽屉打开时",
-        "desc": "在抽屉打开时，执行方法",
-        "func": "function onOpen() {\n\t\n}"
-      },
-      {
-        "key": "onClose",
-        "name": "抽屉关闭时",
-        "desc": "在抽屉打开时，执行方法，promise反馈false无法截断关闭",
-        "func": "function onClose() {\n\t\n}"
-      },
-      {
-        "key": "onOk",
-        "name": "确定按钮点击",
-        "desc": "点击确定按钮时，执行方法",
-        "func": "function onOk() {\n\t\n}"
-      }
-    ]
-  }
-}
+{
+  "component": "Drawer",
+  "name": "抽屉",
+  "desc": "抽屉从父窗体边缘滑入，覆盖住部分父窗体内容。用户在抽屉内操作时不必离开当前任务，操作完成后，可以平滑地回到原任务。",
+  "icon": "icon-drawer",
+  "group": "basic",
+  "groupName": "基础",
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "name": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "title",
+      "name": "标题",
+      "desc": "抽屉左上角的标题",
+      "type": "_I18nInput",
+      "default": "抽屉"
+    },
+   {
+      "key": "width",
+      "name": "宽度",
+      "desc": "抽屉的宽度（仅在弹出位置为左侧和右侧时有效）",
+      "type": "_WidthHeight",
+      "options": [
+        {
+          "label": "px",
+          "value": "px"
+        },
+        {
+          "label": "%",
+          "value": "%"
+        },
+        {
+          "label": "vw",
+          "value": "vw"
+        },
+        {
+          "label": "A",
+          "value": "auto"
+        }
+      ],
+      "default": "420px"
+    },
+    {
+      "key": "height",
+      "name": "高度",
+      "desc": "抽屉的高度（仅在弹出位置为顶部和底部时有效）",
+      "type": "_WidthHeight",
+      "options": [
+        {
+          "label": "px",
+          "value": "px"
+        },
+        {
+          "label": "%",
+          "value": "%"
+        },
+        {
+          "label": "vw",
+          "value": "vw"
+        },
+        {
+          "label": "A",
+          "value": "auto"
+        }
+      ],
+      "default": "256px"
+    },
+    {
+      "key": "padding",
+      "name": "内边距",
+      "type": "select",
+      "options": [
+        {
+          "label": "大（24px）",
+          "value": 24
+        },
+        {
+          "label": "中（16px）",
+          "value": 16
+        },
+        {
+          "label": "小（8px）",
+          "value": 8
+        },
+        {
+          "label": "无（0px）",
+          "value": 0
+        }
+      ],
+      "default": 16
+    },
+    {
+      "key": "defaultOpen",
+      "name": "默认显示",
+      "type": "switch",
+      "default": false
+    },
+    {
+      "key": "header",
+      "name": "显示Header",
+      "type": "switch",
+      "default": true
+    },
+    {
+      "key": "mask",
+      "name": "显示遮罩",
+      "desc": "是否展示遮罩",
+      "type": "switch",
+      "default": true
+    },
+    {
+      "key": "closable",
+      "name": "关闭按钮",
+      "desc": "是否显示右上角的关闭按钮",
+      "type": "switch",
+      "default": true
+    },
+    {
+      "key": "destroyOnClose",
+      "name": "关闭销毁",
+      "desc": "关闭时销毁对话框里的子元素",
+      "type": "switch",
+      "default": false
+    },
+    {
+      "key": "closeType",
+      "name": "关闭方式",
+      "type": "checkbox",
+      "options": [
+        {
+          "label": "点击遮罩",
+          "value": "maskClosable"
+        },
+        {
+          "label": "ESC",
+          "value": "keyboard"
+        }
+      ],
+      "defaultValue": ["maskClosable"]
+    },
+    {
+      "key": "placement",
+      "name": "弹出位置",
+      "desc": "抽屉的方向",
+      "type": "segmented",
+      "options": [
+        {
+          "label": "顶部",
+          "value": "top"
+        },
+        {
+          "label": "右侧",
+          "value": "right"
+        },
+        {
+          "label": "底部",
+          "value": "bottom"
+        },
+        {
+          "label": "左侧",
+          "value": "left"
+        }
+      ],
+      "default": "right",
+      "repositioning": true
+    },
+    {
+      "key": "footerSetting",
+      "name": "底部按钮配置",
+      "type": "group",
+      "props": [
+        {
+          "key": "footer",
+          "name": "显示footer",
+          "desc": "是否显示底部按钮区域",
+          "type": "switch",
+          "default": true
+        },
+        {
+          "key": "okText",
+          "name": "确认文字",
+          "type": "_I18nInput",
+          "default": "确定"
+        },
+        {
+          "key": "cancelText",
+          "name": "取消文字",
+          "type": "_I18nInput",
+          "default": "取消"
+        }
+      ]
+    },
+    {
+      "key": "btnGroup",
+      "name": "按钮组",
+      "desc": "底部按钮区域的按钮组",
+      "type": "_ActionsEditor",
+      "default": { "display": "button", "max": 2, "moreText": "操作", "todoList": [] },
+      "wrapper": "collapse",
+      "wrapperProps": { "suppressIcon": true }
+    }
+  ],
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "function onMount() {\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "function onUnmount() {\n\t\n}"
+      },
+      {
+        "key": "onOpen",
+        "name": "抽屉打开时",
+        "desc": "在抽屉打开时，执行方法",
+        "func": "function onOpen() {\n\t\n}"
+      },
+      {
+        "key": "onClose",
+        "name": "抽屉关闭时",
+        "desc": "在抽屉打开时，执行方法，promise反馈false无法截断关闭",
+        "func": "function onClose() {\n\t\n}"
+      },
+      {
+        "key": "onOk",
+        "name": "确定按钮点击",
+        "desc": "点击确定按钮时，执行方法",
+        "func": "function onOk() {\n\t\n}"
+      }
+    ]
+  }
+}