quick-start-feature-box 1.0.4 → 1.0.6

package/dist/index.css

@@ -1,425 +0,0 @@
-/* src/FeatureBox/index.less */
-.FeatureBox {
-  flex: 1 1 auto;
-  .FeatureItem {
-    width: 100%;
-    margin-bottom: 30px;
-    border-radius: 12px;
-    border-radius: 8px;
-    border: 1px solid #ebebeb;
-    background-color: #FFFFFF;
-    box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.05);
-    .header {
-      color: #333333;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      padding: 20px 28px;
-      .headerLeft {
-        display: flex;
-        align-items: flex-start;
-        gap: 12px;
-        .iconBox {
-          width: 20px;
-          height: 20px;
-        }
-        .title {
-          font-size: 15px;
-          font-weight: 500;
-          :global {
-            .iconfont {
-              font-size: 13px;
-              color: #7f7f7f;
-              cursor: pointer;
-              margin-left: 16px;
-              &:hover {
-                color: var(--color-primary);
-              }
-            }
-          }
-        }
-        .summary {
-          margin-top: 12px;
-        }
-      }
-      .btn {
-        font-size: 14px;
-        border-radius: 5px;
-        padding: 5px 18px;
-        color: #333333;
-        border: 1px solid #d9d9d9;
-        transition: all 0.3s ease;
-      }
-      &:hover {
-        text-decoration: none;
-        .btn {
-          color: var(--color-primary);
-          border-color: var(--color-primary);
-        }
-      }
-    }
-    .wrapper {
-      border-top: 1px solid #ebebeb;
-      padding: 20px 28px;
-      .contentBox {
-        padding: 14px 20px;
-        border-radius: 10px;
-        display: flex;
-        align-items: flex-start;
-        background-color: #fafafa;
-        border-radius: 10px;
-        gap: 8px;
-        margin-bottom: 28px;
-        :global {
-          .iconfont {
-            color: #f59a23;
-            font-size: 18px;
-          }
-        }
-        .contentRight {
-          .title {
-            font-weight: 500;
-          }
-          .content {
-            line-height: 1.8em;
-            margin-top: 8px;
-            :global {
-              li::before {
-                content: "\2022";
-                font-size: 1em;
-                font-weight: 300;
-                margin-right: 10px;
-              }
-            }
-          }
-        }
-      }
-      .remark {
-        color: #7f7f7f;
-      }
-    }
-  }
-}
-:global {
-  .pgant-tooltip-inner {
-    min-height: unset;
-  }
-  .pgant-image-preview-img {
-    max-width: 80vw;
-    max-height: 80vh;
-  }
-}
-
-/* src/StepAndQuote/index.less */
-.StepAndQuote {
-  display: block;
-  position: relative;
-  color: #333333;
-  .tail {
-    position: absolute;
-    top: 24px;
-    left: 12px;
-    height: 100%;
-    border-left: 1px solid #e1e1e1;
-  }
-  .circle {
-    position: absolute;
-    width: 24px;
-    height: 24px;
-    left: 0px;
-    z-index: 1;
-    background-color: #FFFFFF;
-    border: 1px solid #e1e1e1;
-    border-radius: 100px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 12px;
-  }
-  .content {
-    margin-left: 60px;
-    position: relative;
-    word-break: break-all;
-  }
-  &.Step {
-    padding-bottom: 32px;
-    .title {
-      font-size: 15px;
-      font-weight: 650;
-      margin-bottom: 5px;
-      cursor: pointer;
-      display: inline-block;
-      :global {
-        .iconfont {
-          font-weight: normal;
-          opacity: 0;
-          width: 13px;
-          height: 13px;
-          color: #7f7f7f;
-          cursor: pointer;
-          padding: 0 8px;
-          font-size: 13px;
-          transition: opacity 0.3s ease-in-out;
-        }
-      }
-      &:hover {
-        :global {
-          .iconfont {
-            opacity: 100;
-            color: var(--color-primary);
-          }
-        }
-      }
-    }
-  }
-  &.Quote {
-    padding-bottom: 56px;
-    position: relative;
-    .line {
-      width: 100%;
-      height: 1px;
-      margin-top: 56px;
-      background-color: #e1e1e1;
-    }
-    .circle {
-      top: 18px;
-    }
-    .tail {
-      display: none;
-    }
-    .content {
-      margin-left: 0;
-    }
-    .title {
-      cursor: pointer;
-      padding: 12px;
-      border-radius: 5px;
-      margin-left: 60px;
-      border: 1px solid #e1e1e1;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      transition: all 0.3s ease-in-out;
-      .QuoteBoxLeft {
-        display: flex;
-        align-items: center;
-        gap: 8px;
-        .QuoteIcon {
-          width: 40px;
-          height: auto;
-        }
-        .QuoteText {
-          font-size: 15px;
-          font-weight: 650;
-        }
-      }
-      .QuoteBoxRight {
-        display: flex;
-        align-items: center;
-        gap: 12px;
-      }
-      &:hover {
-        box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
-      }
-    }
-  }
-  &:last-child {
-    .tail {
-      display: none;
-    }
-  }
-}
-
-/* src/Tab/index.less */
-.Tab {
-  display: flex;
-  gap: 16px;
-  padding: 10px 0 24px 0;
-  border-bottom: 1px solid #ebebeb;
-  .tabItem {
-    padding: 16px 28px;
-    border: 1px solid #e1e1e1;
-    border-radius: 5px;
-    transition: all 0.3s ease-in-out;
-    cursor: pointer;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    gap: 5px;
-    .tabIcon {
-      width: 28px;
-      height: 28px;
-      color: #959595;
-      fill: currentColor;
-      transition: all 0.3s ease-in-out;
-    }
-    &:hover {
-      color: var(--color-primary, #fb9332);
-      .tabIcon {
-        color: var(--color-primary, #fb9332);
-      }
-    }
-    &.active {
-      color: var(--color-primary, #fb9332);
-      border-color: var(--color-primary, #fb9332);
-      .tabIcon {
-        color: var(--color-primary, #fb9332);
-      }
-    }
-    &.noFirstTabsItem {
-      padding: 10px 22px;
-    }
-    &.hasIcon {
-      padding: 10px 28px;
-    }
-  }
-  &.noFirstTab {
-    padding: 24px 0 24px 0;
-  }
-  &.isInternalChanged {
-    margin-bottom: 24px;
-  }
-}
-.Tab + .Tab {
-  margin-top: -24px;
-}
-
-/* src/Article/index.less */
-.Article {
-  a {
-    text-decoration: underline;
-    text-decoration-color: var(--color-primary, #FB9332);
-  }
-  img {
-    border: 1px solid #eeeeee;
-  }
-  b {
-    color: #333333;
-  }
-  :first-child {
-    margin-top: 0 !important;
-  }
-  :global {
-    .title {
-      font-size: 14px;
-      margin-top: 16px;
-      margin-bottom: 8px;
-      font-weight: 650;
-    }
-    .desc {
-      color: #999999;
-      margin-top: var(--desc-margin-top, 16px);
-      margin-bottom: 8px;
-    }
-    .title + .desc {
-      --desc-margin-top: -6px;
-    }
-    .img-container {
-      position: relative;
-      cursor: pointer;
-      img {
-        width: 100%;
-      }
-      .iconfont {
-        display: none;
-        transition: all 0.3s ease;
-        opacity: 0;
-        position: absolute;
-        top: 5px;
-        right: 5px;
-        background-color: rgba(128, 128, 128, 0.92);
-        color: #ffffff;
-        border-radius: 4px;
-        padding: 2px 4px;
-        font-size: 16px;
-      }
-      &:hover {
-        .iconfont {
-          display: block;
-          opacity: 1;
-        }
-      }
-    }
-    .img-container + .img-container {
-      margin-top: 10px;
-    }
-    li::before {
-      content: "\2022";
-      font-size: 1em;
-      font-weight: 300;
-      margin-right: 8px;
-    }
-  }
-}
-
-/* src/Dictionary/index.less */
-.Dictionary {
-  display: flex;
-  margin-top: 10px;
-  gap: 20px;
-  .item {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    gap: 4px;
-    padding: 12px 20px 8px;
-    border: 1px solid #e1e1e1;
-    border-radius: 5px;
-    cursor: pointer;
-    text-decoration: none;
-    .dicIcon {
-      width: 16px;
-      height: 16px;
-    }
-    .title {
-      color: #333333;
-    }
-    &:hover {
-      border-color: var(--color-primary, #fb9332);
-    }
-  }
-}
-
-/* src/HelpModal/index.less */
-.HelpModal {
-  top: 0;
-  bottom: 0;
-  padding: 40px;
-  height: 100vh;
-  :global {
-    .pgant-modal-content {
-      width: 100%;
-      height: 100%;
-      padding: 0;
-      .pgant-modal-body {
-        padding: 0;
-        height: 100%;
-      }
-    }
-  }
-  .HelpModalSkeleton {
-    padding: 40px;
-    width: 100%;
-    height: 100%;
-    box-sizing: border-box;
-  }
-  .HelpModalIframe {
-    width: 100%;
-    height: 100%;
-    border: none;
-  }
-}
-
-/* src/Extra/index.less */
-.Extra {
-  position: absolute;
-  right: 0;
-  top: 0;
-  display: flex;
-  gap: 12px;
-  .ExtraButton {
-    border-radius: 3px;
-  }
-}

package/dist/index.d.ts

@@ -1,80 +0,0 @@
-/**
- * 国际化类型定义
- */
-type I18N = {
-    rebate_copy_share_success: (values: any) => any;
-    rebate_copy_share_failed: (values: any) => any;
-    rebate_copy_share: (values: any) => any;
-    read: (values: any) => any;
-    order_close_product: (values: any) => any;
-    function_purpose: (values: any) => any;
-    common_view_short: (values: any) => any;
-};
-/**
- * FeatureBox组件props类型定义
- */
-type FeatureBoxProps = {
-    /**
-     * - 国际化对象
-     */
-    i18n: I18N;
-    /**
-     * - 功能数据
-     */
-    data: any;
-    /**
-     * - 内容数据
-     */
-    content: any;
-    /**
-     * - 模块名称
-     */
-    module: string;
-    /**
-     * - 功能名称
-     */
-    feature: string;
-    /**
-     * - 设置功能方法
-     */
-    setFeature: Function;
-    /**
-     * - 链接列表
-     */
-    linkList: any[];
-    /**
-     * - 引用列表
-     */
-    quoteList: any[];
-};
-/**
- * 国际化类型定义
- * @typedef {Object} I18N
- * @property {(values: any) => import('react').ReactNode} rebate_copy_share_success
- * @property {(values: any) => import('react').ReactNode} rebate_copy_share_failed
- * @property {(values: any) => import('react').ReactNode} rebate_copy_share
- * @property {(values: any) => import('react').ReactNode} read
- * @property {(values: any) => import('react').ReactNode} order_close_product
- * @property {(values: any) => import('react').ReactNode} function_purpose
- * @property {(values: any) => import('react').ReactNode} common_view_short
- */
-/**
- * FeatureBox组件props类型定义
- * @typedef {Object} FeatureBoxProps
- * @property {I18N} i18n - 国际化对象
- * @property {any} data - 功能数据
- * @property {any} content - 内容数据
- * @property {string} module - 模块名称
- * @property {string} feature - 功能名称
- * @property {Function} setFeature - 设置功能方法
- * @property {Array} linkList - 链接列表
- * @property {Array} quoteList - 引用列表
- */
-/**
- * FeatureBox组件
- * @param {FeatureBoxProps} props - 组件props
- * @returns {JSX.Element} - 返回React元素
- */
-declare function FeatureBox(props: FeatureBoxProps): JSX.Element;
-
-export { FeatureBox };