@windrun-huaiin/third-ui 7.6.0 → 10.0.0

package/src/main/x-button.tsx

@@ -82,7 +82,7 @@ export function XButton(props: xButtonProps) {
   }
 
   // base style class
-  const baseButtonClass = "flex items-center justify-center px-4 py-2 bg-neutral-200 dark:bg-neutral-800 text-neutral-700 dark:text-white text-sm font-semibold transition-colors hover:bg-neutral-300 dark:hover:bg-neutral-700"
+  const baseButtonClass = "flex items-center justify-center gap-2 px-4 py-2 bg-neutral-200 dark:bg-neutral-800 text-neutral-700 dark:text-white text-sm font-semibold transition-colors hover:bg-neutral-300 dark:hover:bg-neutral-700"
   const disabledClass = "opacity-60 cursor-not-allowed"
 
   if (props.type === 'single') {
@@ -95,7 +95,7 @@ export function XButton(props: xButtonProps) {
       <button
         onClick={() => handleButtonClick(button.onClick)}
         disabled={isDisabled}
-        className={`${minWidth} ${baseButtonClass} rounded-full ${isDisabled ? disabledClass : ''} ${className}`}
+        className={`w-full sm:w-auto ${minWidth} ${baseButtonClass} rounded-full ${isDisabled ? disabledClass : ''} ${className}`}
         title={button.text}
       >
         {isLoading ? (
@@ -114,20 +114,19 @@ export function XButton(props: xButtonProps) {
   }
 
   // Split button
-  const { mainButton, menuItems, loadingText, menuWidth = 'w-40', className = '', mainButtonClassName = '', dropdownButtonClassName = '' } = props
+  const { mainButton, menuItems, loadingText, menuWidth = 'w-full sm:w-40', className = '', mainButtonClassName = '', dropdownButtonClassName = '' } = props
   const isMainDisabled = mainButton.disabled || isLoading
   // loadingText prioty：props.loadingText > mainButton.text > 'Loading...'
   const actualLoadingText = loadingText || mainButton.text?.trim() || 'Loading...'
 
   return (
-    <div className={`relative flex bg-neutral-200 dark:bg-neutral-800 rounded-full ${className}`}>
+    <div className={`relative flex flex-col sm:flex-row items-stretch w-full sm:w-auto bg-neutral-200 dark:bg-neutral-800 rounded-2xl sm:rounded-full gap-2 sm:gap-0 ${className}`}>
       {/* left main button */}
       <button
         onClick={() => handleButtonClick(mainButton.onClick)}
         disabled={isMainDisabled}
-        className={`flex-1 ${baseButtonClass} rounded-l-full ${isMainDisabled ? disabledClass : ''} ${mainButtonClassName}`}
+        className={`flex-1 w-full ${baseButtonClass} rounded-full sm:rounded-l-full sm:rounded-r-none ${isMainDisabled ? disabledClass : ''} ${mainButtonClassName}`}
         onMouseDown={e => { if (e.button === 2) e.preventDefault() }}
-        style={{ borderTopRightRadius: 0, borderBottomRightRadius: 0 }}
       >
         {isLoading ? (
           <>
@@ -143,20 +142,21 @@ export function XButton(props: xButtonProps) {
       </button>
 
       {/* right dropdown button */}
-      <span
-        className={`flex items-center justify-center w-10 py-2 cursor-pointer transition hover:bg-neutral-300 dark:hover:bg-neutral-700 rounded-r-full ${dropdownButtonClassName}`}
+      <button
+        type="button"
+        className={`flex items-center justify-center w-full sm:w-10 py-2 bg-neutral-200 dark:bg-neutral-800 text-neutral-700 dark:text-white cursor-pointer transition hover:bg-neutral-300 dark:hover:bg-neutral-700 rounded-full sm:rounded-none sm:rounded-r-full sm:border-l sm:border-neutral-300 sm:dark:border-neutral-700 ${dropdownButtonClassName}`}
         onClick={e => { e.stopPropagation(); setMenuOpen(v => !v) }}
-        tabIndex={0}
-        style={{ borderTopLeftRadius: 0, borderBottomLeftRadius: 0 }}
+        aria-label="More actions"
+        aria-expanded={menuOpen}
       >
         <icons.ChevronDown className="w-6 h-6" />
-      </span>
+      </button>
 
       {/* dropdown menu */}
       {menuOpen && (
         <div
           ref={menuRef}
-          className={`absolute right-0 top-full ${menuWidth} bg-white dark:bg-neutral-800 text-neutral-800 dark:text-white text-sm rounded-xl shadow-lg z-50 border border-neutral-200 dark:border-neutral-700 overflow-hidden animate-fade-in`}
+          className={`absolute left-0 top-full sm:left-auto sm:right-0 ${menuWidth} bg-white dark:bg-neutral-800 text-neutral-800 dark:text-white text-sm rounded-xl shadow-lg z-50 border border-neutral-200 dark:border-neutral-700 overflow-hidden animate-fade-in`}
         >
           {menuItems.map((item, index) => (
             <button
@@ -187,4 +187,4 @@ export function XButton(props: xButtonProps) {
       )}
     </div>
   )
-}
+}

package/src/styles/fuma.css

@@ -1,14 +1,38 @@
+/* Fuma  16.x 制定了toc的计算逻辑，这里强制覆盖 80px*/
+#nd-toc {
+  @apply top-20!;
+}
 
-/* Has Banner */
-.has-banner header#nd-nav {
-  top: 2.5rem !important;
+/* 移动端文章目录下拉框的边距，建议移动端不要目录导航 96px */
+#nd-tocnav {
+  @apply top-24!;
 }
 
-/* No Banner */
-.no-banner header#nd-nav {
-  top: 0rem !important;
+/* #nd-subnav {
+  top: 20px !important;
+} */
+
+#nd-subnav {
+  @apply 
+    relative!
+    inset-auto! 
+    top-auto! left-auto! right-auto! bottom-auto!
+    w-auto! max-w-none!
+    transform-none!
+    z-auto!
+    mt-0!
+    h-12! 
+    border-0! 
+    bg-neutral-100! 
+    dark:bg-neutral-900!;
 }
 
+/* 隐藏Fuma在Docs导航sidebar折叠时的搜索按钮 */
+button[aria-label="Open Search"][data-search=""] {
+  display: none !important;
+}
+
+
 /* Custome Fuma Steps */
 .fd-step::before {
   @apply size-5 -start-2.5 rounded-full;
@@ -23,6 +47,13 @@
   color: #000 !important;
 }
 
+:root {
+  --fd-layout-width: 100vw;
+  --fd-banner-height: 0px;       /* 如果有 banner，可换成真实高度 */
+  --fd-nav-height: 0px;         /* 这里写你的 Header 实际高度 */
+  --fd-tocnav-height: 0px;      /* 可选：移动端 TOC 顶栏高度 */
+}
+
 /* fuma image-zoom COPY */
 
 [data-rmiz] {
@@ -97,10 +128,4 @@
   [data-rmiz-modal-img] {
     transition-duration: 0.01ms !important;
   }
-} 
-
-/* i18n language width */
-div[role="dialog"].rounded-lg.border.bg-fd-popover {
-  min-width: 150px !important;
-  /* max-width: 150px !important; */
-}
+} 

package/src/styles/third-ui.css

@@ -12,6 +12,10 @@
  @import 'fumadocs-ui/css/vitepress.css';
  @import 'fumadocs-ui/css/preset.css';
  @import 'katex/dist/katex.css';
+
+@import 'swiper/css';
+@import 'swiper/css/pagination';
+
  /* Special Magic */
  @import './fuma.css';
  
@@ -50,6 +54,10 @@
   height: 1px !important;
 }
 
+/* @theme {
+  --fd-page-width: 1800px;
+} */
+
 /* Icon stroke colors for light/dark themes */
 :root {
   --clerk-icon-stroke-color: #616161; /* Light theme */
@@ -61,5 +69,32 @@
 
 /* English and numeric characters use Montserrat font, Chinese use STKaiti */
 body {
-  font-family: 'Montserrat', "STKaiti", "STKaiti", "Kaiti SC", "KaiTi", "楷体", "PingFang SC", "Microsoft YaHei", Arial, sans-serif !important;
-}
+  font-family: "Montserrat", "STKaiti", "STKaiti", "Kaiti SC", "KaiTi", "楷体", "PingFang SC", "Microsoft YaHei", Arial, sans-serif !important;
+}
+
+/* Gallery swiper polish for mobile */
+/* Swiper轮播图样式撑宽导致溢出出现横向滚动条 */
+.swiper-wrapper { width: 100% !important; }
+.swiper-slide { width: 100% !important; flex-shrink: 0; }
+.gallery-mobile-swiper { overflow: hidden !important; }
+
+.gallery-mobile-swiper {
+  --swiper-theme-color: #AC62FD;
+}
+
+.gallery-mobile-swiper .swiper-pagination {
+  bottom: 2px;
+}
+
+.gallery-mobile-swiper .swiper-pagination-bullet {
+  width: 8px;
+  height: 8px;
+  margin: 0 0.25rem;
+  background: rgba(0, 0, 0, 0.6) !important;
+  opacity: 1 !important;
+}
+
+.gallery-mobile-swiper .swiper-pagination-bullet-active {
+  background: #AC62FD !important;
+  transform: scale(1.5);
+}

package/dist/lib/fuma-search-util.d.ts

@@ -1,2 +0,0 @@
-import { Translations } from 'fumadocs-ui/i18n';
-export declare const fumaI18nCn: Partial<Translations>;

package/dist/lib/fuma-search-util.js

@@ -1,8 +0,0 @@
-'use strict';
-
-const fumaI18nCn = {
-    search: 'Translated Content',
-    // other translations
-};
-
-exports.fumaI18nCn = fumaI18nCn;

package/dist/lib/fuma-search-util.mjs

@@ -1,6 +0,0 @@
-const fumaI18nCn = {
-    search: 'Translated Content',
-    // other translations
-};
-
-export { fumaI18nCn };

package/dist/node_modules/.pnpm/@iconify_utils@2.3.0/node_modules/@iconify/utils/lib/icon/defaults.js

@@ -1,29 +0,0 @@
-'use strict';
-
-const defaultIconDimensions = Object.freeze(
-  {
-    left: 0,
-    top: 0,
-    width: 16,
-    height: 16
-  }
-);
-const defaultIconTransformations = Object.freeze({
-  rotate: 0,
-  vFlip: false,
-  hFlip: false
-});
-const defaultIconProps = Object.freeze({
-  ...defaultIconDimensions,
-  ...defaultIconTransformations
-});
-const defaultExtendedIconProps = Object.freeze({
-  ...defaultIconProps,
-  body: "",
-  hidden: false
-});
-
-exports.defaultExtendedIconProps = defaultExtendedIconProps;
-exports.defaultIconDimensions = defaultIconDimensions;
-exports.defaultIconProps = defaultIconProps;
-exports.defaultIconTransformations = defaultIconTransformations;

package/dist/node_modules/.pnpm/@iconify_utils@2.3.0/node_modules/@iconify/utils/lib/icon/defaults.mjs

@@ -1,24 +0,0 @@
-const defaultIconDimensions = Object.freeze(
-  {
-    left: 0,
-    top: 0,
-    width: 16,
-    height: 16
-  }
-);
-const defaultIconTransformations = Object.freeze({
-  rotate: 0,
-  vFlip: false,
-  hFlip: false
-});
-const defaultIconProps = Object.freeze({
-  ...defaultIconDimensions,
-  ...defaultIconTransformations
-});
-const defaultExtendedIconProps = Object.freeze({
-  ...defaultIconProps,
-  body: "",
-  hidden: false
-});
-
-export { defaultExtendedIconProps, defaultIconDimensions, defaultIconProps, defaultIconTransformations };

package/dist/node_modules/.pnpm/@iconify_utils@2.3.0/node_modules/@iconify/utils/lib/icon/merge.js

@@ -1,22 +0,0 @@
-'use strict';
-
-var defaults = require('./defaults.js');
-var transformations = require('./transformations.js');
-
-function mergeIconData(parent, child) {
-  const result = transformations.mergeIconTransformations(parent, child);
-  for (const key in defaults.defaultExtendedIconProps) {
-    if (key in defaults.defaultIconTransformations) {
-      if (key in parent && !(key in result)) {
-        result[key] = defaults.defaultIconTransformations[key];
-      }
-    } else if (key in child) {
-      result[key] = child[key];
-    } else if (key in parent) {
-      result[key] = parent[key];
-    }
-  }
-  return result;
-}
-
-exports.mergeIconData = mergeIconData;

package/dist/node_modules/.pnpm/@iconify_utils@2.3.0/node_modules/@iconify/utils/lib/icon/merge.mjs

@@ -1,20 +0,0 @@
-import { defaultExtendedIconProps, defaultIconTransformations } from './defaults.mjs';
-import { mergeIconTransformations } from './transformations.mjs';
-
-function mergeIconData(parent, child) {
-  const result = mergeIconTransformations(parent, child);
-  for (const key in defaultExtendedIconProps) {
-    if (key in defaultIconTransformations) {
-      if (key in parent && !(key in result)) {
-        result[key] = defaultIconTransformations[key];
-      }
-    } else if (key in child) {
-      result[key] = child[key];
-    } else if (key in parent) {
-      result[key] = parent[key];
-    }
-  }
-  return result;
-}
-
-export { mergeIconData };

package/dist/node_modules/.pnpm/@iconify_utils@2.3.0/node_modules/@iconify/utils/lib/icon/name.js

@@ -1,55 +0,0 @@
-'use strict';
-
-const stringToIcon = (value, validate, allowSimpleName, provider = "") => {
-  const colonSeparated = value.split(":");
-  if (value.slice(0, 1) === "@") {
-    if (colonSeparated.length < 2 || colonSeparated.length > 3) {
-      return null;
-    }
-    provider = colonSeparated.shift().slice(1);
-  }
-  if (colonSeparated.length > 3 || !colonSeparated.length) {
-    return null;
-  }
-  if (colonSeparated.length > 1) {
-    const name2 = colonSeparated.pop();
-    const prefix = colonSeparated.pop();
-    const result = {
-      // Allow provider without '@': "provider:prefix:name"
-      provider: colonSeparated.length > 0 ? colonSeparated[0] : provider,
-      prefix,
-      name: name2
-    };
-    return !validateIconName(result) ? null : result;
-  }
-  const name = colonSeparated[0];
-  const dashSeparated = name.split("-");
-  if (dashSeparated.length > 1) {
-    const result = {
-      provider,
-      prefix: dashSeparated.shift(),
-      name: dashSeparated.join("-")
-    };
-    return !validateIconName(result) ? null : result;
-  }
-  if (allowSimpleName && provider === "") {
-    const result = {
-      provider,
-      prefix: "",
-      name
-    };
-    return !validateIconName(result, allowSimpleName) ? null : result;
-  }
-  return null;
-};
-const validateIconName = (icon, allowSimpleName) => {
-  if (!icon) {
-    return false;
-  }
-  return !!// Check prefix: cannot be empty, unless allowSimpleName is enabled
-  // Check name: cannot be empty
-  ((allowSimpleName && icon.prefix === "" || !!icon.prefix) && !!icon.name);
-};
-
-exports.stringToIcon = stringToIcon;
-exports.validateIconName = validateIconName;

package/dist/node_modules/.pnpm/@iconify_utils@2.3.0/node_modules/@iconify/utils/lib/icon/name.mjs

@@ -1,52 +0,0 @@
-const stringToIcon = (value, validate, allowSimpleName, provider = "") => {
-  const colonSeparated = value.split(":");
-  if (value.slice(0, 1) === "@") {
-    if (colonSeparated.length < 2 || colonSeparated.length > 3) {
-      return null;
-    }
-    provider = colonSeparated.shift().slice(1);
-  }
-  if (colonSeparated.length > 3 || !colonSeparated.length) {
-    return null;
-  }
-  if (colonSeparated.length > 1) {
-    const name2 = colonSeparated.pop();
-    const prefix = colonSeparated.pop();
-    const result = {
-      // Allow provider without '@': "provider:prefix:name"
-      provider: colonSeparated.length > 0 ? colonSeparated[0] : provider,
-      prefix,
-      name: name2
-    };
-    return !validateIconName(result) ? null : result;
-  }
-  const name = colonSeparated[0];
-  const dashSeparated = name.split("-");
-  if (dashSeparated.length > 1) {
-    const result = {
-      provider,
-      prefix: dashSeparated.shift(),
-      name: dashSeparated.join("-")
-    };
-    return !validateIconName(result) ? null : result;
-  }
-  if (allowSimpleName && provider === "") {
-    const result = {
-      provider,
-      prefix: "",
-      name
-    };
-    return !validateIconName(result, allowSimpleName) ? null : result;
-  }
-  return null;
-};
-const validateIconName = (icon, allowSimpleName) => {
-  if (!icon) {
-    return false;
-  }
-  return !!// Check prefix: cannot be empty, unless allowSimpleName is enabled
-  // Check name: cannot be empty
-  ((allowSimpleName && icon.prefix === "" || !!icon.prefix) && !!icon.name);
-};
-
-export { stringToIcon, validateIconName };

package/dist/node_modules/.pnpm/@iconify_utils@2.3.0/node_modules/@iconify/utils/lib/icon/transformations.js

@@ -1,18 +0,0 @@
-'use strict';
-
-function mergeIconTransformations(obj1, obj2) {
-  const result = {};
-  if (!obj1.hFlip !== !obj2.hFlip) {
-    result.hFlip = true;
-  }
-  if (!obj1.vFlip !== !obj2.vFlip) {
-    result.vFlip = true;
-  }
-  const rotate = ((obj1.rotate || 0) + (obj2.rotate || 0)) % 4;
-  if (rotate) {
-    result.rotate = rotate;
-  }
-  return result;
-}
-
-exports.mergeIconTransformations = mergeIconTransformations;

package/dist/node_modules/.pnpm/@iconify_utils@2.3.0/node_modules/@iconify/utils/lib/icon/transformations.mjs

@@ -1,16 +0,0 @@
-function mergeIconTransformations(obj1, obj2) {
-  const result = {};
-  if (!obj1.hFlip !== !obj2.hFlip) {
-    result.hFlip = true;
-  }
-  if (!obj1.vFlip !== !obj2.vFlip) {
-    result.vFlip = true;
-  }
-  const rotate = ((obj1.rotate || 0) + (obj2.rotate || 0)) % 4;
-  if (rotate) {
-    result.rotate = rotate;
-  }
-  return result;
-}
-
-export { mergeIconTransformations };

package/dist/node_modules/.pnpm/@iconify_utils@2.3.0/node_modules/@iconify/utils/lib/icon-set/get-icon.js

@@ -1,29 +0,0 @@
-'use strict';
-
-var merge = require('../icon/merge.js');
-var tree = require('./tree.js');
-
-function internalGetIconData(data, name, tree) {
-  const icons = data.icons;
-  const aliases = data.aliases || /* @__PURE__ */ Object.create(null);
-  let currentProps = {};
-  function parse(name2) {
-    currentProps = merge.mergeIconData(
-      icons[name2] || aliases[name2],
-      currentProps
-    );
-  }
-  parse(name);
-  tree.forEach(parse);
-  return merge.mergeIconData(data, currentProps);
-}
-function getIconData(data, name) {
-  if (data.icons[name]) {
-    return internalGetIconData(data, name, []);
-  }
-  const tree$1 = tree.getIconsTree(data, [name])[name];
-  return tree$1 ? internalGetIconData(data, name, tree$1) : null;
-}
-
-exports.getIconData = getIconData;
-exports.internalGetIconData = internalGetIconData;

package/dist/node_modules/.pnpm/@iconify_utils@2.3.0/node_modules/@iconify/utils/lib/icon-set/get-icon.mjs

@@ -1,26 +0,0 @@
-import { mergeIconData } from '../icon/merge.mjs';
-import { getIconsTree } from './tree.mjs';
-
-function internalGetIconData(data, name, tree) {
-  const icons = data.icons;
-  const aliases = data.aliases || /* @__PURE__ */ Object.create(null);
-  let currentProps = {};
-  function parse(name2) {
-    currentProps = mergeIconData(
-      icons[name2] || aliases[name2],
-      currentProps
-    );
-  }
-  parse(name);
-  tree.forEach(parse);
-  return mergeIconData(data, currentProps);
-}
-function getIconData(data, name) {
-  if (data.icons[name]) {
-    return internalGetIconData(data, name, []);
-  }
-  const tree = getIconsTree(data, [name])[name];
-  return tree ? internalGetIconData(data, name, tree) : null;
-}
-
-export { getIconData, internalGetIconData };

package/dist/node_modules/.pnpm/@iconify_utils@2.3.0/node_modules/@iconify/utils/lib/icon-set/tree.js

@@ -1,25 +0,0 @@
-'use strict';
-
-function getIconsTree(data, names) {
-  const icons = data.icons;
-  const aliases = data.aliases || /* @__PURE__ */ Object.create(null);
-  const resolved = /* @__PURE__ */ Object.create(null);
-  function resolve(name) {
-    if (icons[name]) {
-      return resolved[name] = [];
-    }
-    if (!(name in resolved)) {
-      resolved[name] = null;
-      const parent = aliases[name] && aliases[name].parent;
-      const value = parent && resolve(parent);
-      if (value) {
-        resolved[name] = [parent].concat(value);
-      }
-    }
-    return resolved[name];
-  }
-  (names || Object.keys(icons).concat(Object.keys(aliases))).forEach(resolve);
-  return resolved;
-}
-
-exports.getIconsTree = getIconsTree;

package/dist/node_modules/.pnpm/@iconify_utils@2.3.0/node_modules/@iconify/utils/lib/icon-set/tree.mjs

@@ -1,23 +0,0 @@
-function getIconsTree(data, names) {
-  const icons = data.icons;
-  const aliases = data.aliases || /* @__PURE__ */ Object.create(null);
-  const resolved = /* @__PURE__ */ Object.create(null);
-  function resolve(name) {
-    if (icons[name]) {
-      return resolved[name] = [];
-    }
-    if (!(name in resolved)) {
-      resolved[name] = null;
-      const parent = aliases[name] && aliases[name].parent;
-      const value = parent && resolve(parent);
-      if (value) {
-        resolved[name] = [parent].concat(value);
-      }
-    }
-    return resolved[name];
-  }
-  (names || Object.keys(icons).concat(Object.keys(aliases))).forEach(resolve);
-  return resolved;
-}
-
-export { getIconsTree };