@skopon-cool/form-sdk 0.6.5 → 0.6.7

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.6.5",
+  "version": "0.6.7",
   "description": "Skopon form rendering SDK (A2UI + form_definition) with submit helpers",
   "type": "module",
   "sideEffects": [

package/src/catalog/a2uiCustomCatalog.tsx

@@ -1146,7 +1146,7 @@ function TextPreview({ context }: { context: ComponentContext }) {
   if (NON_MARKDOWN_TEXT_VARIANTS.has(variant)) {
     if (variant === 'caption') {
       return (
-        <Typography.Text type="secondary" className="form-block-preview-paragraph">
+        <Typography.Text type="secondary" className="form-block-preview-paragraph" style={{ whiteSpace: 'pre-wrap' }}>
           <em>{text}</em>
         </Typography.Text>
       )
@@ -1156,7 +1156,7 @@ function TextPreview({ context }: { context: ComponentContext }) {
   }
 
   return (
-    <Typography.Paragraph className="form-block-preview-paragraph">{text}</Typography.Paragraph>
+    <Typography.Paragraph className="form-block-preview-paragraph" style={{ whiteSpace: 'pre-wrap' }}>{text}</Typography.Paragraph>
   )
 }
 

package/src/components/AskUserFormCard.tsx

@@ -525,23 +525,15 @@ function AskUserFormCardBody({
       />
 
       <div className="ask-user-form-actions">
-        <Tooltip
-          title={
-            submitMode === 'post'
-              ? '提交 JSON 到 callback_url'
-              : '提交到 answer_agent_callback_url'
-          }
+        <Button
+          type="primary"
+          size="small"
+          loading={submitting}
+          disabled={submitting || uploading}
+          onClick={() => void handleSubmit()}
         >
-          <Button
-            type="primary"
-            size="small"
-            loading={submitting}
-            disabled={submitting || uploading}
-            onClick={() => void handleSubmit()}
-          >
-            提交
-          </Button>
-        </Tooltip>
+          提交
+        </Button>
       </div>
     </div>
   )

package/src/components/CurlSubmitBlock.tsx

@@ -119,17 +119,15 @@ export default function CurlSubmitBlock({
             </Tooltip>
           ) : null}
         </div>
-        <Tooltip title="提交到 answer_agent_callback_url">
-          <Button
-            size="small"
-            type="text"
-            loading={submitting}
-            disabled={submitting}
-            onClick={() => void handleSubmit()}
-          >
-            提交
-          </Button>
-        </Tooltip>
+        <Button
+          size="small"
+          type="text"
+          loading={submitting}
+          disabled={submitting}
+          onClick={() => void handleSubmit()}
+        >
+          提交
+        </Button>
       </div>
       <pre className="skopon-form-curl-json">{displayCurl}</pre>
     </div>

package/src/styles/index.css

@@ -825,10 +825,79 @@
 .skopon-file-source-actions {
   display: flex;
   flex-wrap: wrap;
+  align-items: center;
   gap: 8px;
   margin: 8px 0;
 }
 
+.skopon-file-source-actions > .ant-upload-wrapper,
+.skopon-file-source-actions > .ant-upload-wrapper > .ant-upload,
+.skopon-card-form .skopon-file-source-actions > .ant-upload-wrapper,
+.skopon-card-form .skopon-file-source-actions > .ant-upload-wrapper > .ant-upload {
+  display: inline-flex;
+  width: auto;
+  flex: 0 0 auto;
+}
+
+/* Keep the three form actions consistent across hosts with different CSS resets. */
+.skopon-resume-select-actions .ant-btn,
+.skopon-file-source-actions .ant-btn,
+.skopon-card-form .skopon-resume-select-actions .ant-btn,
+.skopon-card-form .skopon-file-source-actions .ant-btn {
+  box-sizing: border-box;
+  display: inline-flex;
+  min-width: 0;
+  min-height: 32px;
+  height: 32px;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  padding: 0 13px;
+  border: 1px solid var(--color-border-strong, #cbd5d1);
+  border-radius: var(--radius-button, 9999px);
+  background: var(--color-surface, #fff);
+  color: var(--color-primary, #208368);
+  font-family: var(--font-sans, sans-serif);
+  font-size: 13px;
+  font-weight: var(--font-weight-medium, 500);
+  line-height: 18px;
+  box-shadow: none !important;
+  filter: none !important;
+  white-space: nowrap;
+}
+
+.skopon-resume-select-actions .ant-btn:hover:not(:disabled),
+.skopon-file-source-actions .ant-btn:hover:not(:disabled),
+.skopon-card-form .skopon-resume-select-actions .ant-btn:hover:not(:disabled),
+.skopon-card-form .skopon-file-source-actions .ant-btn:hover:not(:disabled) {
+  border-color: var(--color-primary, #208368);
+  background: var(--color-primary-subtle, #e6f7ed);
+  color: var(--color-primary, #208368);
+}
+
+.skopon-resume-select-actions .ant-btn:focus:not(:focus-visible),
+.skopon-file-source-actions .ant-btn:focus:not(:focus-visible),
+.skopon-card-form .skopon-resume-select-actions .ant-btn:focus:not(:focus-visible),
+.skopon-card-form .skopon-file-source-actions .ant-btn:focus:not(:focus-visible) {
+  outline: none;
+}
+
+.skopon-resume-select-actions .ant-btn:focus-visible,
+.skopon-file-source-actions .ant-btn:focus-visible,
+.skopon-card-form .skopon-resume-select-actions .ant-btn:focus-visible,
+.skopon-card-form .skopon-file-source-actions .ant-btn:focus-visible {
+  outline: 2px solid var(--color-focus-ring, color-mix(in srgb, var(--color-primary, #208368) 35%, transparent));
+  outline-offset: 2px;
+}
+
+.skopon-resume-select-actions .ant-btn::before,
+.skopon-file-source-actions .ant-btn::before,
+.skopon-card-form .skopon-resume-select-actions .ant-btn::before,
+.skopon-card-form .skopon-file-source-actions .ant-btn::before {
+  box-shadow: none !important;
+  filter: none !important;
+}
+
 .skopon-asset-picker {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));