@plasmicpkgs/antd5 0.0.49 → 0.0.51

package/dist/index.js

@@ -1,9 +1,9 @@
 'use strict';
 
+var React = require('react');
 var antd = require('antd');
 var registerComponent = require('@plasmicapp/host/registerComponent');
 var registerGlobalContext = require('@plasmicapp/host/registerGlobalContext');
-var React = require('react');
 var host = require('@plasmicapp/host');
 var registerToken = require('@plasmicapp/host/registerToken');
 var query = require('@plasmicapp/query');
@@ -13,9 +13,9 @@ var classNames = require('classnames');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
+var React__default = /*#__PURE__*/_interopDefault(React);
 var registerComponent__default = /*#__PURE__*/_interopDefault(registerComponent);
 var registerGlobalContext__default = /*#__PURE__*/_interopDefault(registerGlobalContext);
-var React__default = /*#__PURE__*/_interopDefault(React);
 var registerToken__default = /*#__PURE__*/_interopDefault(registerToken);
 var enUS__default = /*#__PURE__*/_interopDefault(enUS);
 var equal__default = /*#__PURE__*/_interopDefault(equal);
@@ -86,7 +86,49 @@ function usePrevious(value) {
   return prevValue.current;
 }
 
-const AntdButton = antd.Button;
+var __defProp$b = Object.defineProperty;
+var __defProps$9 = Object.defineProperties;
+var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
+var __hasOwnProp$b = Object.prototype.hasOwnProperty;
+var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$b = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$b.call(b, prop))
+      __defNormalProp$b(a, prop, b[prop]);
+  if (__getOwnPropSymbols$b)
+    for (var prop of __getOwnPropSymbols$b(b)) {
+      if (__propIsEnum$b.call(b, prop))
+        __defNormalProp$b(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
+var __objRest$9 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$b.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$b)
+    for (var prop of __getOwnPropSymbols$b(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$b.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function AntdButton(props) {
+  const _a = props, { submitsForm = false } = _a, rest = __objRest$9(_a, ["submitsForm"]);
+  const target = props.target === true ? "_blank" : props.target === false ? void 0 : props.target;
+  return /* @__PURE__ */ React__default.default.createElement(
+    antd.Button,
+    __spreadProps$9(__spreadValues$b(__spreadProps$9(__spreadValues$b({}, rest), {
+      htmlType: submitsForm ? "submit" : "button"
+    }), rest), {
+      target
+    })
+  );
+}
 function registerButton(loader) {
   registerComponentHelper(loader, AntdButton, {
     name: "plasmic-antd5-button",
@@ -107,39 +149,48 @@ function registerButton(loader) {
       shape: {
         type: "choice",
         options: ["default", "circle", "round"],
-        description: "Can be set button shape",
+        description: "Set the button shape",
         defaultValueHint: "default"
       },
       disabled: {
         type: "boolean",
-        description: "Disabled state of button",
+        description: "Whether the button is disabled",
         defaultValueHint: false
       },
+      submitsForm: {
+        type: "boolean",
+        displayName: "Submits form?",
+        defaultValueHint: false,
+        description: "whether clicking this button should submit the enclosing form.",
+        advanced: true
+      },
       ghost: {
         type: "boolean",
         description: "Make background transparent and invert text and border colors",
-        defaultValueHint: false
+        defaultValueHint: false,
+        advanced: true
       },
       danger: {
         type: "boolean",
         description: "Set the danger status of button",
-        defaultValueHint: false
+        defaultValueHint: false,
+        advanced: true
       },
       loading: {
         type: "boolean",
         description: "Set the loading status of button",
-        defaultValueHint: false
+        defaultValueHint: false,
+        advanced: true
       },
       href: {
         type: "string",
         description: "Redirect url of link button"
       },
       target: {
-        type: "choice",
-        options: ["_blank", "_self", "_parent", "_top"],
-        description: "Same as target attribute of a, works when href is specified",
+        type: "boolean",
+        description: "Whether to open the link in a new window",
         hidden: (props) => !props.href,
-        defaultValueHint: "_self"
+        defaultValueHint: false
       },
       children: {
         type: "slot",
@@ -1264,7 +1315,8 @@ function registerForm(loader) {
               children: {
                 type: "text",
                 value: "Submit"
-              }
+              },
+              submitsForm: true
             }
           }
         ]
@@ -1293,9 +1345,13 @@ function registerForm(loader) {
       }),
       colon: {
         type: "boolean",
-        description: `Show a colon after the label by default (only for horizontal layout)`,
+        description: `Show a colon after labels by default (only for horizontal layout)`,
         defaultValueHint: true,
-        advanced: true
+        advanced: true,
+        hidden: (props) => {
+          var _a;
+          return ((_a = props.layout) != null ? _a : "horizontal") !== "horizontal";
+        }
       },
       requiredMark: {
         displayName: "Required/optional mark",
@@ -1531,7 +1587,8 @@ function registerFormItem(loader) {
       colon: {
         type: "boolean",
         defaultValueHint: true,
-        advanced: true
+        advanced: true,
+        hidden: () => true
       },
       labelAlign: {
         type: "choice",