@doubao-apps/create 0.0.33 → 0.0.34

package/dist/template-starter/src/pages/applet/index.scss

@@ -1,279 +0,0 @@
-:root {
-  --primary-bg: #0a0a0a;
-  --secondary-bg: #1a1a1a;
-  --card-bg: #161616;
-  --primary-text: #ffffff;
-  --secondary-text: #a0a0a0;
-  --accent-text: #00d4ff;
-  --border-color: #2a2a2a;
-  --success-color: #00ff88;
-  --warning-color: #ffaa00;
-  --error-color: #ff4444;
-  
-  --space-xs: 8rpx;
-  --space-sm: 16rpx;
-  --space-md: 24rpx;
-  --space-lg: 32rpx;
-  --space-xl: 48rpx;
-  --space-xxl: 64rpx;
-  --space-xxxl: 96rpx;
-  
-  --border-radius-sm: 12rpx;
-  --border-radius-md: 16rpx;
-  --border-radius-lg: 24rpx;
-  
-  --shadow-sm: 0 2rpx 8rpx rgba(0, 0, 0, 0.3);
-  --shadow-md: 0 4rpx 16rpx rgba(0, 0, 0, 0.4);
-  --shadow-lg: 0 8rpx 32rpx rgba(0, 0, 0, 0.5);
-}
-
-.applet-page {
-  min-height: 100vh;
-  background: var(--primary-bg);
-  position: relative;
-
-  &__background-pattern {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background-image: 
-      radial-gradient(circle at 20% 20%, rgba(255, 170, 0, 0.08) 0%, transparent 50%),
-      radial-gradient(circle at 80% 80%, rgba(0, 212, 255, 0.06) 0%, transparent 50%),
-      radial-gradient(circle at 40% 60%, rgba(0, 255, 136, 0.04) 0%, transparent 50%);
-    z-index: 0;
-  }
-
-  &__container {
-    position: relative;
-    z-index: 1;
-    min-height: 100vh;
-    padding: var(--space-xl) var(--space-lg);
-    box-sizing: border-box;
-  }
-
-  &__header {
-    text-align: center;
-    margin-bottom: var(--space-xxxl);
-  }
-
-  &__title {
-    font-size: 56rpx;
-    font-weight: 700;
-    color: var(--primary-text);
-    margin-bottom: var(--space-sm);
-    display: block;
-  }
-
-  &__subtitle {
-    font-size: 32rpx;
-    color: var(--secondary-text);
-    display: block;
-  }
-
-  &__content {
-    max-width: 800rpx;
-  }
-
-  &__intro {
-    background: var(--card-bg);
-    border-radius: var(--border-radius-lg);
-    border: 1rpx solid rgba(255, 255, 255, 0.1);
-    padding: var(--space-xl);
-    margin-bottom: var(--space-xxxl);
-    box-shadow: var(--shadow-lg);
-  }
-
-  &__intro-text {
-    font-size: 30rpx;
-    line-height: 1.6;
-    color: var(--primary-text);
-  }
-
-  &__section-title {
-    font-size: 40rpx;
-    font-weight: 600;
-    color: var(--primary-text);
-    margin-bottom: var(--space-lg);
-    display: block;
-  }
-
-  &__features {
-    margin-bottom: var(--space-xxl);
-  }
-
-  &__features-grid {
-    display: flex;
-    flex-wrap: wrap;
-    gap: var(--space-lg);
-    
-    .applet-page__feature-card {
-      flex: 1 1 calc(50% - var(--space-lg) / 2);
-      min-width: 0;
-      box-sizing: border-box;
-    }
-  }
-
-  &__feature-card {
-    background: var(--card-bg);
-    border-radius: var(--border-radius-lg);
-    border: 1rpx solid rgba(255, 255, 255, 0.1);
-    padding: var(--space-lg);
-    display: flex;
-    align-items: flex-start;
-    text-align: left;
-    box-shadow: var(--shadow-lg);
-    box-sizing: border-box;
-    transition: all 0.3s ease;
-    flex-direction: column;
-    min-height: 200rpx;
-
-    &:active {
-      transform: translateY(-2rpx);
-      box-shadow: var(--shadow-lg);
-    }
-  }
-
-  &__feature-icon {
-    margin-bottom: var(--space-md);
-  }
-
-  &__feature-icon-text {
-    font-size: 48rpx;
-    line-height: 1;
-  }
-
-  &__feature-content {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    text-align: left;
-    justify-content: center;
-  }
-
-  &__feature-title {
-    font-size: 28rpx;
-    font-weight: 600;
-    color: var(--primary-text);
-    margin-bottom: var(--space-sm);
-    display: block;
-    line-height: 1.3;
-    word-break: break-all;
-  }
-
-  &__feature-description {
-    font-size: 22rpx;
-    color: var(--secondary-text);
-    line-height: 1.4;
-    display: block;
-    word-break: break-all;
-  }
-
-  &__workflow {
-    margin-bottom: var(--space-xxl);
-  }
-
-  &__steps {
-    display: flex;
-    flex-direction: column;
-    gap: var(--space-lg);
-  }
-
-  &__step {
-    display: flex;
-    align-items: flex-start;
-    background-color: var(--card-bg);
-    border-radius: var(--border-radius-lg);
-    border: 2rpx solid var(--border-color);
-    padding: var(--space-lg);
-    box-shadow: var(--shadow-md);
-  }
-
-  &__step-number {
-    width: 60rpx;
-    height: 60rpx;
-    border-radius: 50%;
-    background-color: var(--accent-text);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-right: var(--space-lg);
-    flex-shrink: 0;
-  }
-
-  &__step-number-text {
-    font-size: 28rpx;
-    font-weight: 700;
-    color: var(--primary-bg);
-  }
-
-  &__step-content {
-    flex: 1;
-  }
-
-  &__step-title {
-    font-size: 32rpx;
-    font-weight: 600;
-    color: var(--primary-text);
-    margin-bottom: var(--space-xs);
-    display: block;
-  }
-
-  &__step-description {
-    font-size: 26rpx;
-    color: var(--secondary-text);
-    line-height: 1.4;
-    display: block;
-  }
-
-  &__step-arrow {
-    text-align: center;
-    margin: var(--space-md) 0;
-  }
-
-  &__step-arrow-text {
-    font-size: 32rpx;
-    color: var(--accent-text);
-  }
-
-  &__commands {
-    margin-bottom: var(--space-xxl);
-  }
-
-  &__command-list {
-    display: flex;
-    flex-direction: column;
-    gap: var(--space-lg);
-  }
-
-  &__command-item {
-    background-color: var(--card-bg);
-    border-radius: var(--border-radius-lg);
-    border: 2rpx solid var(--border-color);
-    padding: var(--space-lg);
-    box-shadow: var(--shadow-md);
-  }
-
-  &__command-title {
-    font-size: 32rpx;
-    font-weight: 600;
-    color: var(--primary-text);
-    margin-bottom: var(--space-sm);
-    display: block;
-  }
-
-  &__command-code {
-    background-color: var(--secondary-bg);
-    border-radius: var(--border-radius-md);
-    padding: var(--space-md);
-    border: 1rpx solid var(--border-color);
-  }
-
-  &__command-text {
-    font-family: 'Courier New', monospace;
-    font-size: 26rpx;
-    color: var(--accent-text);
-  }
-}

package/dist/template-starter/src/pages/applet/index.tsx

@@ -1,78 +0,0 @@
-import { definePage } from '@doubao-apps/framework';
-
-import './index.scss';
-
-function AppletPage() {
-  const features = [
-    {
-      title: '快速开发',
-      description: '开箱即用的开发模板',
-      icon: '🚀'
-    },
-    {
-      title: '组件化',
-      description: '丰富的 UI 组件库',
-      icon: '🧩'
-    },
-    {
-      title: '热更新',
-      description: '开发时实时预览',
-      icon: '🔥'
-    },
-    {
-      title: 'AI 集成',
-      description: '内置 AI 能力支持',
-      icon: '🤖'
-    }
-  ];
-
-  return (
-    <view className="applet-page">
-      <view className="applet-page__background-pattern" />
-      <scroll-view className="applet-page__container" scroll-orientation="vertical" enable-scroll={true}>
-        <view className="applet-page__header">
-          <text className="applet-page__title">Applet</text>
-          <text className="applet-page__subtitle">小程序运行环境</text>
-        </view>
-
-        <view className="applet-page__content">
-          <view className="applet-page__intro">
-            <text className="applet-page__intro-text">
-              Applet 是 Doubao Apps SDK 的小程序运行环境，提供完整的小程序开发、构建、部署能力。
-              从项目创建到发布上线，为开发者提供高效便捷的开发体验。
-            </text>
-          </view>
-
-          <view className="applet-page__features">
-            <text className="applet-page__section-title">核心特性</text>
-            <view className="applet-page__features-grid">
-              {features.map((feature, index) => (
-                <view key={index} className="applet-page__feature-card">
-                  <view className="applet-page__feature-icon">
-                    <text className="applet-page__feature-icon-text">{feature.icon}</text>
-                  </view>
-                  <view className="applet-page__feature-content">
-                    <text className="applet-page__feature-title">{feature.title}</text>
-                    <text className="applet-page__feature-description">{feature.description}</text>
-                  </view>
-                </view>
-              ))}
-            </view>
-          </view>
-        </view>
-      </scroll-view>
-    </view>
-  );
-}
-
-export default definePage({
-  onShow() {
-    console.log('Applet page shown');
-  },
-  onHide() {
-    console.log('Applet page hidden');
-  },
-  render() {
-    return <AppletPage />;
-  }
-});

package/dist/template-starter/src/pages/lynx/index.scss

@@ -1,249 +0,0 @@
-:root {
-  --primary-bg: #0a0a0a;
-  --secondary-bg: #1a1a1a;
-  --card-bg: #161616;
-  --primary-text: #ffffff;
-  --secondary-text: #a0a0a0;
-  --accent-text: #00d4ff;
-  --border-color: #2a2a2a;
-  --success-color: #00ff88;
-  --warning-color: #ffaa00;
-  --error-color: #ff4444;
-  
-  --space-xs: 8rpx;
-  --space-sm: 16rpx;
-  --space-md: 24rpx;
-  --space-lg: 32rpx;
-  --space-xl: 48rpx;
-  --space-xxl: 64rpx;
-  --space-xxxl: 96rpx;
-  
-  --border-radius-sm: 12rpx;
-  --border-radius-md: 16rpx;
-  --border-radius-lg: 24rpx;
-  
-  --shadow-sm: 0 2rpx 8rpx rgba(0, 0, 0, 0.3);
-  --shadow-md: 0 4rpx 16rpx rgba(0, 0, 0, 0.4);
-  --shadow-lg: 0 8rpx 32rpx rgba(0, 0, 0, 0.5);
-}
-
-.lynx-page {
-  min-height: 100vh;
-  background: var(--primary-bg);
-  position: relative;
-
-  &__background-pattern {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background-image: 
-      radial-gradient(circle at 20% 20%, rgba(0, 212, 255, 0.08) 0%, transparent 50%),
-      radial-gradient(circle at 80% 80%, rgba(0, 255, 136, 0.06) 0%, transparent 50%),
-      radial-gradient(circle at 40% 60%, rgba(255, 170, 0, 0.04) 0%, transparent 50%);
-    z-index: 0;
-  }
-
-  &__container {
-    position: relative;
-    z-index: 1;
-    min-height: 100vh;
-    padding: var(--space-xl) var(--space-lg);
-    box-sizing: border-box;
-  }
-
-  &__header {
-    text-align: center;
-    margin-bottom: var(--space-xxxl);
-  }
-
-  &__title {
-    font-size: 56rpx;
-    font-weight: 700;
-    color: var(--primary-text);
-    margin-bottom: var(--space-sm);
-    display: block;
-  }
-
-  &__subtitle {
-    font-size: 32rpx;
-    color: var(--secondary-text);
-    display: block;
-  }
-
-  &__content {
-    max-width: 800rpx;
-  }
-
-  &__intro {
-    background: var(--card-bg);
-    border-radius: var(--border-radius-lg);
-    border: 1rpx solid rgba(255, 255, 255, 0.1);
-    padding: var(--space-xl);
-    margin-bottom: var(--space-xxxl);
-    box-shadow: var(--shadow-lg);
-  }
-
-  &__intro-text {
-    font-size: 30rpx;
-    line-height: 1.6;
-    color: var(--primary-text);
-  }
-
-  &__section-title {
-    font-size: 40rpx;
-    font-weight: 600;
-    color: var(--primary-text);
-    margin-bottom: var(--space-lg);
-    display: block;
-  }
-
-  &__features {
-    margin-bottom: var(--space-xxl);
-  }
-
-  &__features-grid {
-    display: flex;
-    flex-wrap: wrap;
-    gap: var(--space-lg);
-    
-    .lynx-page__feature-card {
-      flex: 1 1 calc(50% - var(--space-lg) / 2);
-      min-width: 0;
-      box-sizing: border-box;
-    }
-  }
-
-  &__feature-card {
-    background: var(--card-bg);
-    border-radius: var(--border-radius-lg);
-    border: 1rpx solid rgba(255, 255, 255, 0.1);
-    padding: var(--space-lg);
-    display: flex;
-    align-items: flex-start;
-    text-align: left;
-    box-shadow: var(--shadow-lg);
-    box-sizing: border-box;
-    transition: all 0.3s ease;
-    flex-direction: column;
-    min-height: 200rpx;
-
-    &:active {
-      transform: translateY(-2rpx);
-      box-shadow: var(--shadow-lg);
-    }
-  }
-
-  &__feature-icon {
-    margin-bottom: var(--space-md);
-  }
-
-  &__feature-icon-text {
-    font-size: 48rpx;
-    line-height: 1;
-  }
-
-  &__feature-content {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    text-align: left;
-    justify-content: center;
-  }
-
-  &__feature-title {
-    font-size: 28rpx;
-    font-weight: 600;
-    color: var(--primary-text);
-    margin-bottom: var(--space-sm);
-    display: block;
-    line-height: 1.3;
-    word-break: break-all;
-  }
-
-  &__feature-description {
-    font-size: 22rpx;
-    color: var(--secondary-text);
-    line-height: 1.4;
-    display: block;
-    word-break: break-all;
-  }
-
-  &__specs {
-    margin-bottom: var(--space-xxl);
-  }
-
-  &__spec-section {
-    background-color: var(--card-bg);
-    border-radius: var(--border-radius-lg);
-    border: 2rpx solid var(--border-color);
-    padding: var(--space-lg);
-    margin-bottom: var(--space-lg);
-    box-shadow: var(--shadow-md);
-  }
-
-  &__spec-category {
-    font-size: 36rpx;
-    font-weight: 600;
-    color: var(--accent-text);
-    margin-bottom: var(--space-md);
-    display: block;
-  }
-
-  &__spec-items {
-    display: flex;
-    flex-direction: column;
-    gap: var(--space-sm);
-  }
-
-  &__spec-item {
-    display: flex;
-    align-items: center;
-  }
-
-  &__spec-item-text {
-    font-size: 28rpx;
-    color: var(--primary-text);
-    margin-left: var(--space-sm);
-  }
-
-  &__architecture {
-    margin-bottom: var(--space-xxl);
-  }
-
-  &__arch-grid {
-    display: flex;
-    flex-direction: column;
-    gap: var(--space-lg);
-    
-    .lynx-page__arch-item {
-      flex: 0 0 auto;
-    }
-  }
-
-  &__arch-item {
-    background-color: var(--card-bg);
-    border-radius: var(--border-radius-lg);
-    border: 2rpx solid var(--border-color);
-    padding: var(--space-lg);
-    box-shadow: var(--shadow-md);
-    border-left: 4rpx solid var(--accent-text);
-  }
-
-  &__arch-title {
-    font-size: 32rpx;
-    font-weight: 600;
-    color: var(--primary-text);
-    margin-bottom: var(--space-sm);
-    display: block;
-  }
-
-  &__arch-desc {
-    font-size: 26rpx;
-    color: var(--secondary-text);
-    line-height: 1.4;
-    display: block;
-  }
-}

package/dist/template-starter/src/pages/lynx/index.tsx

@@ -1,78 +0,0 @@
-import { definePage } from '@doubao-apps/framework';
-
-import './index.scss';
-
-function LynxPage() {
-  const features = [
-    {
-      title: '高性能',
-      description: '原生渲染，极致性能体验',
-      icon: '⚡'
-    },
-    {
-      title: '跨平台',
-      description: 'iOS、Android、Web 多端支持',
-      icon: '🌍'
-    },
-    {
-      title: '小型化',
-      description: '极小的包体，快速加载',
-      icon: '📦'
-    },
-    {
-      title: '可扩展',
-      description: '丰富的组件和插件生态',
-      icon: '🔧'
-    }
-  ];
-
-  return (
-    <view className="lynx-page">
-      <view className="lynx-page__background-pattern" />
-      <scroll-view className="lynx-page__container" scroll-orientation="vertical" enable-scroll={true}>
-        <view className="lynx-page__header">
-          <text className="lynx-page__title">Lynx</text>
-          <text className="lynx-page__subtitle">高性能跨平台 UI 引擎</text>
-        </view>
-
-        <view className="lynx-page__content">
-          <view className="lynx-page__intro">
-            <text className="lynx-page__intro-text">
-              Lynx 是一个高性能的跨平台 UI 引擎，通过声明式语法和原生渲染能力，
-              为开发者提供接近原生应用的用户体验，是小程序运行环境的核心渲染引擎。
-            </text>
-          </view>
-
-          <view className="lynx-page__features">
-            <text className="lynx-page__section-title">核心特性</text>
-            <view className="lynx-page__features-grid">
-              {features.map((feature) => (
-                <view key={feature.title} className="lynx-page__feature-card">
-                  <view className="lynx-page__feature-icon">
-                    <text className="lynx-page__feature-icon-text">{feature.icon}</text>
-                  </view>
-                  <view className="lynx-page__feature-content">
-                    <text className="lynx-page__feature-title">{feature.title}</text>
-                    <text className="lynx-page__feature-description">{feature.description}</text>
-                  </view>
-                </view>
-              ))}
-            </view>
-          </view>
-        </view>
-      </scroll-view>
-    </view>
-  );
-}
-
-export default definePage({
-  onShow() {
-    console.log('Lynx page shown');
-  },
-  onHide() {
-    console.log('Lynx page hidden');
-  },
-  render() {
-    return <LynxPage />;
-  }
-});