@rxdrag/website-lib-core 0.0.4 → 0.0.7

package/dist/motion/consts.d.ts

@@ -1,77 +0,0 @@
-import { AnchorOffsets, SimpleAnimation, DualAnimation } from "./types";
-export declare const EASINGS: {
-    readonly linear: readonly [0, 0, 1, 1];
-    readonly ease: readonly [0.25, 0.1, 0.25, 1];
-    readonly easeIn: readonly [0.42, 0, 1, 1];
-    readonly easeOut: readonly [0, 0, 0.58, 1];
-    readonly easeInOut: readonly [0.42, 0, 0.58, 1];
-    readonly easeInBack: readonly [0.36, 0, 0.66, -0.56];
-    readonly easeOutBack: readonly [0.34, 1.56, 0.64, 1];
-    readonly easeInOutBack: readonly [0.68, -0.6, 0.32, 1.6];
-    readonly easeInSine: readonly [0.12, 0, 0.39, 0];
-    readonly easeOutSine: readonly [0.61, 1, 0.88, 1];
-    readonly easeInOutSine: readonly [0.37, 0, 0.63, 1];
-    readonly easeInQuad: readonly [0.11, 0, 0.5, 0];
-    readonly easeOutQuad: readonly [0.5, 1, 0.89, 1];
-    readonly easeInOutQuad: readonly [0.45, 0, 0.55, 1];
-    readonly easeInCubic: readonly [0.32, 0, 0.67, 0];
-    readonly easeOutCubic: readonly [0.33, 1, 0.68, 1];
-    readonly easeInOutCubic: readonly [0.65, 0, 0.35, 1];
-    readonly easeInQuart: readonly [0.5, 0, 0.75, 0];
-    readonly easeOutQuart: readonly [0.25, 1, 0.5, 1];
-    readonly easeInOutQuart: readonly [0.76, 0, 0.24, 1];
-    readonly softEaseOut: readonly [0.16, 1, 0.3, 1];
-    readonly softEaseInOut: readonly [0.4, 0, 0.2, 1];
-    readonly gentleEaseOut: readonly [0.1, 0.9, 0.2, 1];
-    readonly gentleBackOut: readonly [0.2, 1.2, 0.5, 1];
-    readonly smoothEaseOut: readonly [0.15, 0.85, 0.15, 1];
-    readonly ultraSmoothOut: readonly [0.05, 0.9, 0.1, 1];
-    readonly microSmoothOut: readonly [0.03, 0.94, 0.08, 1];
-    readonly silkEaseOut: readonly [0.04, 0.88, 0.06, 0.98];
-    readonly featherEaseOut: readonly [0.08, 0.82, 0.17, 1];
-    readonly gentleSilkOut: readonly [0.02, 0.9, 0.1, 0.99];
-    readonly ultraSlowOut: readonly [0.02, 0.9, 0.05, 0.99];
-    readonly silkSlowOut: readonly [0.01, 0.85, 0.05, 0.95];
-    readonly luxurySlowOut: readonly [0.01, 0.8, 0.03, 0.92];
-};
-export declare const DATA_MOTION_ANIMATE = "data-motion-animate";
-export declare const DATA_MOTION_HOVER = "data-motion-hover";
-export declare const DATA_MOTION_TAP = "data-motion-tap";
-export declare const DATA_MOTION_SCROLL = "data-motion-scroll";
-export declare const DATA_MOTION_INVIEW = "data-motion-inview";
-export declare const DATA_MOTION_OPEN = "data-motion-open";
-export declare const DATA_MOTION_CLOSE = "data-motion-close";
-export declare enum ANIMATION {
-    FADE = "fade",
-    FADE_UP = "fade-up",
-    FADE_DOWN = "fade-down",
-    FADE_LEFT = "fade-left",
-    FADE_RIGHT = "fade-right",
-    FADE_UP_RIGHT = "fade-up-right",
-    FADE_UP_LEFT = "fade-up-left",
-    FADE_DOWN_RIGHT = "fade-down-right",
-    FADE_DOWN_LEFT = "fade-down-left",
-    FLIP_UP = "flip-up",
-    FLIP_DOWN = "flip-down",
-    FLIP_LEFT = "flip-left",
-    FLIP_RIGHT = "flip-right",
-    SLIDE_UP = "slide-up",
-    SLIDE_DOWN = "slide-down",
-    SLIDE_LEFT = "slide-left",
-    SLIDE_RIGHT = "slide-right",
-    ZOOM_IN = "zoom-in",
-    ZOOM_IN_UP = "zoom-in-up",
-    ZOOM_IN_DOWN = "zoom-in-down",
-    ZOOM_IN_LEFT = "zoom-in-left",
-    ZOOM_IN_RIGHT = "zoom-in-right",
-    ZOOM_OUT = "zoom-out",
-    ZOOM_OUT_UP = "zoom-out-up",
-    ZOOM_OUT_DOWN = "zoom-out-down",
-    ZOOM_OUT_LEFT = "zoom-out-left",
-    ZOOM_OUT_RIGHT = "zoom-out-right",
-    ROTATE = "rotate",
-    ROTATE_SCALE = "rotate-scale"
-}
-export declare const ANCHOR_PLACEMENTS: AnchorOffsets;
-export declare const ANIMATIONS: Record<string, SimpleAnimation>;
-export declare const DUAL_ANIMATIONS: Record<string, DualAnimation>;

package/dist/motion/types.d.ts

@@ -1,26 +0,0 @@
-import { AnimationOptions, DOMKeyframesDefinition } from "motion";
-import { ANIMATION } from "./consts";
-export type BaseAnimation = {
-    preset?: ANIMATION;
-    keyframes?: DOMKeyframesDefinition;
-    transition?: AnimationOptions;
-};
-export type SimpleAnimation = BaseAnimation;
-export type DualAnimation = {
-    preset?: ANIMATION;
-    in?: SimpleAnimation;
-    out?: SimpleAnimation;
-};
-export type HoverAnimation = DualAnimation;
-export type TapAnimation = DualAnimation;
-export type ScrollAnimation = SimpleAnimation;
-export type ViewportAnimation = DualAnimation & {
-    once?: boolean;
-};
-export type SelectionAnimation = DualAnimation;
-export type AnchorPlacement = "top-bottom" | "top-center" | "top-top" | "center-bottom" | "center-center" | "center-top" | "bottom-bottom" | "bottom-center" | "bottom-top";
-export type AnchorOffset = {
-    element: number;
-    viewport: number;
-};
-export type AnchorOffsets = Record<AnchorPlacement, AnchorOffset>;

package/dist/react/components/EnquiryForm/Input.d.ts

@@ -1,15 +0,0 @@
-import { HTMLInputTypeAttribute } from "react";
-export type InputProps = {
-    label: string;
-    name: string;
-    required?: boolean;
-    className?: string;
-    labelClassName?: string;
-    inputClassName?: string;
-    type?: HTMLInputTypeAttribute;
-    autoFocus?: boolean;
-    value?: string;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    error?: string;
-};
-export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/react/components/EnquiryForm/Submit.d.ts

@@ -1,8 +0,0 @@
-export type SubmitProps = {
-    title: string;
-    className?: string;
-    spinner?: React.ReactNode;
-    submitting?: boolean;
-    onClick?: (e: React.MouseEvent) => void;
-};
-export declare const Submit: React.FC<SubmitProps>;

package/dist/react/components/EnquiryForm/Textarea.d.ts

@@ -1,13 +0,0 @@
-export type TextareaProps = {
-    label: string;
-    name: string;
-    required?: boolean;
-    className?: string;
-    labelClassName?: string;
-    textareaClassName?: string;
-    rows?: number;
-    value?: string;
-    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
-    error?: string;
-};
-export declare const Textarea: import("react").ForwardRefExoticComponent<TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/react/components/EnquiryForm/index.d.ts

@@ -1,22 +0,0 @@
-/**
- * 验证加密字段是否有效
- * @param encryptedValue 加密后的字符串
- * @param originalValue 原始值（如蜜罐字段的值）
- * @param maxAgeMinutes 最大有效时间（分钟）
- * @returns 是否有效
- */
-export declare const verifyEncryption: (formSalt: string, encryptedValue?: string, originalValue?: string, maxAgeMinutes?: number) => boolean;
-export interface QuoteRequest {
-    name?: string;
-    email?: string;
-    company?: string;
-    message?: string;
-    fromCta?: string;
-    phone: string;
-    encryptedField?: string;
-}
-export declare function EnquiryForm(props: {
-    submitAlign?: "left" | "center" | "right";
-    actionUrl?: string;
-    formSalt: string;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/react/components/Medias/index.d.ts

@@ -1,8 +0,0 @@
-import { TMedias } from "../../../entify";
-export type MediasProps = {
-    value?: TMedias;
-    className?: string;
-    children?: React.ReactNode;
-    aspect?: string;
-};
-export declare const Medias: import("react").ForwardRefExoticComponent<MediasProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/react/components/ProductCard/ProductCard.d.ts

@@ -1,15 +0,0 @@
-import { CSSProperties } from "react";
-import { TSlateResizable } from "@rxdrag/slate-preview";
-import { Product } from "@rxdrag/rxcms-models";
-export type TSlateProduct = TSlateResizable & {
-    product?: Product;
-    title?: string;
-    description?: string;
-    aspect?: string;
-};
-export declare const PRODUCT_KEY = "Product";
-export type ProductCardProps = {
-    node?: TSlateProduct;
-    style?: CSSProperties;
-};
-export declare const ProductCard: ({ node }: ProductCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/react/components/ProductCard/ProductCardPreview.d.ts

@@ -1,2 +0,0 @@
-import { ProductCardProps } from "./ProductCard";
-export declare const createXProductCardPreview: (websiteId?: string) => ({ node }: ProductCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/react/components/ProductCard/ProductCta/index.d.ts

@@ -1,5 +0,0 @@
-import { Product } from "@rxdrag/rxcms-models";
-export declare function ProductCta(props: {
-    product?: Product;
-    popupKey?: string;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/react/components/ProductCard/ProductDescription/index.d.ts

@@ -1,2 +0,0 @@
-import { HTMLAttributes } from "react";
-export declare function ProductDescription(props: HTMLAttributes<HTMLParagraphElement>): import("react/jsx-runtime").JSX.Element;

package/dist/react/components/ProductCard/ProductMedia/index.d.ts

@@ -1,7 +0,0 @@
-import { Product } from "@rxdrag/rxcms-models";
-import { HtmlHTMLAttributes } from "react";
-export declare function ProductMedia(props: {
-    product?: Product;
-    width?: number;
-    aspect?: string;
-} & HtmlHTMLAttributes<HTMLImageElement>): import("react/jsx-runtime").JSX.Element;

package/dist/react/components/ProductCard/ProductTitle/index.d.ts

@@ -1,2 +0,0 @@
-import { HTMLAttributes } from "react";
-export declare function ProductTitle(props: HTMLAttributes<HTMLHeadingElement>): import("react/jsx-runtime").JSX.Element;

package/dist/react/components/ProductCard/ProductView.d.ts

@@ -1,5 +0,0 @@
-import { Product } from "@rxdrag/rxcms-models";
-import { ProductCardProps } from "./ProductCard";
-export declare function ProductView(props: {
-    product?: Product;
-} & ProductCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/react/components/ProductCard/useQueryProduct.d.ts

@@ -1,2 +0,0 @@
-import { Product } from "@rxdrag/rxcms-models";
-export declare function useQueryProduct(productId?: string, websiteId?: string): Product | undefined;

package/dist/react/components/RichTextOutline/index.d.ts

@@ -1,8 +0,0 @@
-export type RichTextOutlineProps = {
-    className?: string;
-    itemClassName?: string;
-    value?: string;
-    yOffset?: number;
-    style?: React.CSSProperties;
-};
-export declare const RichTextOutline: import("react").ForwardRefExoticComponent<RichTextOutlineProps & import("react").RefAttributes<HTMLUListElement>>;

package/dist/react/components/RichTextOutline/useAcitviedHeading.d.ts

@@ -1 +0,0 @@
-export declare function useAcitviedHeading(): string | null;

package/dist/react/components/Scroller.d.ts

@@ -1,3 +0,0 @@
-export declare function Scroller(props: {
-    threshold?: number;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/react/components/SearchInput.d.ts

@@ -1,2 +0,0 @@
-export type SearchProps = React.InputHTMLAttributes<HTMLInputElement>;
-export declare const SearchInput: import("react").ForwardRefExoticComponent<SearchProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/react/components/Share/index.d.ts

@@ -1,6 +0,0 @@
-export type ShareProps = {
-    socials?: string[];
-    size?: "xs" | "sm" | "md" | "lg" | "xl";
-    className?: string;
-};
-export declare const Share: import("react").ForwardRefExoticComponent<ShareProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/react/components/Share/socials.d.ts

@@ -1,10 +0,0 @@
-export interface IconListType {
-    [key: string]: {
-        title: string;
-        path: JSX.Element;
-        url: (l: string, t?: string, ti?: string) => string;
-        color: string;
-        viewBox?: string;
-    };
-}
-export declare const iconList: IconListType;

package/dist/react/components/ToTop.d.ts

@@ -1,5 +0,0 @@
-export type XToTopProps = {
-    className?: string;
-    children?: React.ReactNode;
-};
-export declare const ToTop: import("react").ForwardRefExoticComponent<XToTopProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/react/hooks/index.d.ts

@@ -1 +0,0 @@
-export * from "./useScroll";

package/dist/react/hooks/useScroll.d.ts

@@ -1,2 +0,0 @@
-export declare const defualtThreshold = 10;
-export declare function useScroll(threshold?: number): void;

package/dist/robots.d.ts

@@ -1,2 +0,0 @@
-export declare const disallowAllRobots = "User-agent: *\nDisallow: /";
-export declare const allowAllRobots = "User-agent: *\nDisallow:";

package/dist/scripts/actions.d.ts

@@ -1,85 +0,0 @@
-import { PopupEvent, SelectionEvent } from "./events";
-import { DualAnimation, SimpleAnimation } from "../motion/types";
-/**
- * 在每次页面切换后执行回调函数
- * 注意：此函数注册的事件监听器不会自动解注册，将在每次页面切换时执行
- *
- * @param init - 每次页面切换时要执行的回调函数
- * @returns 用于手动解注册事件的函数
- */
-export declare function onEverySwap(init: () => void): () => void;
-/**
- * 初始化动画，在 page-load 事件触发时执行
- *
- * @param init - 初始化动画的回调函数
- */
-export declare function onPageLoaded(init: () => void): void;
-/**
- * 用于在脚本中监听弹出层的打开/关闭事件，并处理相关动画效果
- * 注意：此函数主要用于脚本中的事件处理，组件内部已有相应实现，无需使用
- *
- * @param targetKey - 要监听的弹出层的唯一标识
- * @param callback - 弹出层打开时的回调函数，可返回关闭时的清理函数
- * @returns 取消监听的函数
- *
- * @example
- * ```typescript
- * // 监听产品菜单的打开/关闭事件并添加旋转动画
- * onOpen("products-popup", () => {
- *   // 打开时顺时针旋转
- *   animate("#products-indicator", {
- *     rotate: [0, 180],
- *   });
- *
- *   // 返回关闭时的动画处理函数
- *   return () => {
- *     animate("#products-indicator", {
- *       rotate: [180, 0],
- *     });
- *   };
- * });
- * ```
- */
-export declare function onOpen(targetKey: string, callback?: (evnet?: PopupEvent) => VoidFunction | void): () => void;
-/**
- * 用于在脚本中监听弹出层的打开/关闭事件，并处理相关动画效果
- * 注意：此函数主要用于脚本中的事件处理，组件内部已有相应实现，无需使用
- *
- * @param callback - 弹出层打开时的回调函数，可返回关闭时的清理函数
- * @returns 取消监听的函数
- *
- */
-export declare function onPopupOpen(callback: (event: PopupEvent) => VoidFunction | void): () => void;
-export declare function onPopupClose(callback: (event: PopupEvent) => VoidFunction | void): () => void;
-export declare function onSelected(callback: (event: SelectionEvent) => VoidFunction | void): () => void;
-export declare function onUnSelected(callback: (event: SelectionEvent) => VoidFunction | void): () => void;
-/**
- * 初始化Popover的鼠标交互事件
- * @param popupKey - 弹出层的唯一标识
- * @param element - 弹出层的 DOM 元素
- */
-export declare function initPopover(popupKey: string, element: HTMLElement): void;
-export declare function getPopupContainer(popupKey: string): HTMLElement | undefined;
-export declare function initModal(popupKey: string, trigger: HTMLElement): void;
-/**
- * 初始化Modal关闭按钮
- * @param popupKey - 弹出层的唯一标识
- * @param closer - 关闭按钮元素
- */
-export declare function initModalCloser(popupKey: string, closer: HTMLElement): void;
-/**
- * 打开弹出层
- * @param popupKey
- * @param target
- */
-export declare function openPopup(popupKey: string, target: HTMLElement): void;
-export declare function select(key: string, target: HTMLElement, selection: string): void;
-export declare function unselect(key: string, target: HTMLElement, selection: string): void;
-/**
- * 关闭弹出层
- * @param popupKey - 弹出层的唯一标识
- * @param target - 可选的目标元素，如果提供则使用该元素，否则查找容器
- */
-export declare function closePopup(popupKey: string, target?: HTMLElement): void;
-export declare function normalizeSimpleAnimation(animation?: SimpleAnimation): import("../motion/types").BaseAnimation | undefined;
-export declare function normalizeDualAnimation(animation?: DualAnimation): DualAnimation | undefined;

package/dist/scripts/consts.d.ts

@@ -1,21 +0,0 @@
-export declare const DATA_POPUP = "data-popup";
-export declare const DATA_POPUP_ROLE = "data-popup-role";
-export declare const DATA_POPUP_CTA = "data-popup-cta";
-export declare const DATA_VIEWPORT_ENTERED = "data-viewport-entered";
-export declare enum PopupRole {
-    PopoverContainer = "popover-container",
-    PopoverPanel = "popover-panel",
-    ModalContainer = "modal-container",
-    ModalTrigger = "modal-trigger",
-    ModalPanel = "modal-panel",
-    ModalCloser = "modal-closer"
-}
-export declare const DEFAULT_ENQUIRY_POPUP = "enquiry-modal";
-/** 弹出层打开事件名称 */
-export declare const EVENT_OPEN = "popup-open";
-/** 弹出层关闭事件名称 */
-export declare const EVENT_CLOSE = "popup-close";
-/** 元素选中事件名称，比如tab切换 */
-export declare const EVENT_SELECT = "element-select";
-/** 元素取消选中事件名称 */
-export declare const EVENT_UNSELECT = "element-unselect";

package/dist/scripts/events.d.ts

@@ -1,11 +0,0 @@
-export type PopupEvent = {
-    key: string;
-    target?: HTMLElement;
-};
-export type SelectionEvent = {
-    key: string;
-    target: HTMLElement;
-    selection: string;
-};
-export declare const $emit: (event: string, options?: PopupEvent | SelectionEvent) => void;
-export declare const $on: <T = PopupEvent | SelectionEvent>(event: string, callback: (options: T) => void) => () => void;

package/dist/style.css

@@ -1,98 +0,0 @@
-.product-cta-button {
-  width: 100%;
-  padding: 8px 16px;
-}.x-figure .product-title{
-  margin-top: 0.6rem;
-  padding-top: 0;
-}.x-figure .product-description {
-  margin-top: 0;
-  margin-bottom: 0;
-  padding-top: 0;
-  padding-bottom: 0.4rem;
-}.x-figure .x-figure-caption{
-  text-align: center;
-}/* 默认prose间距过大，此处处理，跟官网展示的有点不一致，后面升级可能就不需要这个代码了 */
-.x-figure img {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.media-container {
-  position: relative;
-  margin-left: auto;
-  margin-right: auto;
-  max-width: 100%;
-}
-
-.media-caption {
-  flex: 1;
-  max-width: 100%;
-  text-align: center;
-}.x-slate-image{
-  object-fit: cover;
-  max-width: 100%;
-  width: 100%;
-}.x-slate-table {
-  margin-top: 1rem;
-  /* my-4 (4 * 0.25rem) */
-  margin-bottom: 1rem;
-  /* my-4 (4 * 0.25rem) */
-  margin-left: 1px;
-  /* ml-px */
-  margin-right: 0;
-  /* mr-0 */
-  display: table;
-  /* table */
-  height: 1px;
-  /* h-px */
-  width: 100%;
-  /* w-full */
-  table-layout: fixed;
-  /* table-fixed */
-  border-collapse: collapse;
-  /* border-collapse */
-}
-
-.x-slate-table th {
-  padding-top: .6em;
-  padding-bottom: .6em;
-  padding-inline-start: 0.6em;
-}
-
-.x-slate-table th:first-child{
-  padding-inline-start: 0;
-}
-
-.x-slate-table p {
-  padding: 0;
-  margin: 0;
-}
-
-/* 默认条纹表格 */
-.table-striped tbody tr:nth-child(odd) {
-  background-color: #f3f4f6;
-}
-
-.table-striped p {
-  padding: 0;
-  margin: 0;
-}
-
-.table-striped tbody tr:nth-child(even) {
-  background-color: #ffffff;
-}
-
-.dark .table-striped tbody tr:nth-child(odd) {
-  background-color: #1e293b;
-}
-
-.dark .table-striped tbody tr:nth-child(even) {
-  background-color: #000000;
-}.x-slate-blockquote{
-  white-space: pre-wrap;
-}.x-figure .product-media {
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}