km-card-layout-component-miniprogram 0.1.5

package/src/vendor/km-card-layout-core/types.d.ts

@@ -0,0 +1,191 @@
+/**
+ * Declaration file for km-card-layout-core.
+ * Mirrors the exported types/functions from index.ts.
+ */
+
+export type CardElementType =
+  | 'text'
+  | 'image'
+  | 'icon'
+  | 'custom'
+  | 'layout-panel'
+  | 'repeatable-group';
+
+export interface AbsoluteLayoutDefinition {
+  mode: 'absolute';
+  x: number;
+  y: number;
+  width: number;
+  height: number;
+  zIndex?: number;
+}
+
+export interface FlexItemOptions {
+  flexGrow?: number;
+  flexShrink?: number;
+  flexBasis?: number | string;
+  order?: number;
+  alignSelf?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
+}
+
+export interface FlexItemLayoutDefinition {
+  mode: 'flex';
+  item?: FlexItemOptions;
+  width?: number;
+  height?: number;
+}
+
+export type ElementLayout = AbsoluteLayoutDefinition | FlexItemLayoutDefinition;
+
+export interface CardElementBase {
+  id: string;
+  type: CardElementType;
+  layout: ElementLayout;
+  visible?: boolean;
+  binding?: string;
+  style?: Record<string, string | number | undefined>;
+  defaultValue?: string;
+}
+
+export interface TextElement extends CardElementBase {
+  type: 'text';
+  align?: 'left' | 'center' | 'right';
+  multiline?: boolean;
+}
+
+export interface ImageElement extends CardElementBase {
+  type: 'image';
+  alt?: string;
+  fit?: 'cover' | 'contain';
+  defaultUrl?: string;
+}
+
+export interface IconElement extends CardElementBase {
+  type: 'icon';
+  name?: string;
+}
+
+export interface CustomElement extends CardElementBase {
+  type: 'custom';
+}
+
+export interface LayoutPanelElement extends CardElementBase {
+  type: 'layout-panel';
+  container: {
+    mode: 'absolute' | 'flex';
+    options?: {
+      direction?: 'row' | 'column';
+      wrap?: 'nowrap' | 'wrap';
+      justifyContent?:
+        | 'flex-start'
+        | 'flex-end'
+        | 'center'
+        | 'space-between'
+        | 'space-around'
+        | 'space-evenly';
+      alignItems?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
+      gap?: number | { row: number; column: number };
+      padding?: number | [number, number] | [number, number, number, number];
+    };
+  };
+  children?: CardElement[];
+}
+
+export interface RepeatableGroupItem {
+  id: string;
+  elements: CardElement[];
+  data?: Record<string, any>;
+}
+
+export interface RepeatableGroupElement extends CardElementBase {
+  type: 'repeatable-group';
+  dataPath: string;
+  itemTemplate: CardElement[];
+  items: RepeatableGroupItem[];
+  maxItems?: number;
+  mutualExcludes?: string[];
+}
+
+export type CardElement =
+  | TextElement
+  | ImageElement
+  | IconElement
+  | CustomElement
+  | LayoutPanelElement
+  | RepeatableGroupElement;
+
+export interface CardLayoutSchema {
+  name?: string;
+  container: {
+    mode: 'absolute';
+  };
+  width: number;
+  height: number;
+  backgroundImage?: string;
+  backgroundZIndex?: number;
+  fontColor?: string;
+  borderRadius?: number;
+  padding?: number;
+  children: CardElement[];
+  thumbnail?: string;
+}
+
+export interface RenderNode {
+  id: string;
+  type: CardElementType | 'text';
+  wrapperStyle: string;
+  contentStyle: string;
+  name?: string;
+  text?: string;
+  src?: string;
+  mode?: string;
+  children?: RenderNode[];
+  visible?: boolean;
+}
+
+export interface RenderPageResult {
+  renderTree: RenderNode[];
+  cardStyle: string;
+  backgroundImage: string;
+  backgroundStyle: string;
+}
+
+export type RenderResult = RenderPageResult[];
+
+export interface BindingContext {
+  contextBinding?: string;
+  contextData?: any;
+}
+
+export function addUnit(
+  value: string | number | undefined | null,
+  unit: 'px' | 'rpx'
+): string | undefined;
+
+export function styleObjectToString(
+  style?: Record<string, any>,
+  unit?: 'px' | 'rpx'
+): string;
+
+export type CardLayoutInput = CardLayoutSchema[] | string | null | undefined;
+
+export function normalizeLayout(layout: CardLayoutInput): CardLayoutSchema[];
+
+export function resolveBindingValue(
+  binding: string | undefined,
+  rootData: Record<string, any>,
+  context?: BindingContext
+): any;
+
+export function buildRenderNodes(
+  children: CardElement[],
+  data: Record<string, any>,
+  unit?: 'px' | 'rpx',
+  context?: BindingContext
+): RenderNode[];
+
+export function buildRenderResult(
+  layout: CardLayoutInput,
+  data: Record<string, any>,
+  unit?: 'px' | 'rpx'
+): RenderResult;

package/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "target": "es2018",
+    "module": "commonjs",
+    "moduleResolution": "node",
+    "lib": ["es2018", "dom"],
+    "rootDir": "src",
+    "outDir": "miniprogram_dist",
+    "strict": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "skipLibCheck": true,
+    "types": ["miniprogram-api-typings"]
+  },
+  "include": ["src/**/*.ts"]
+}

package/types/index.d.ts

@@ -0,0 +1,7 @@
+export * from '../src/utils/card-schema'
+
+export interface CardTagProps {
+  text?: string
+  theme?: 'primary' | 'warning' | 'success'
+  round?: boolean
+}