@callcorpacd/platform-ui

@callcorpacd/platform-ui

Opt-in Vue 3 + Quasar primitives and composites aligned with CallCorp portal JSON controls and native pages.

Install

npm install @callcorpacd/platform-ui @callcorpacd/design-tokens quasar vue

Peer dependencies: vue, quasar, @callcorpacd/design-tokens.

Usage

Sandbox guest

import { createPlatformBridge } from '@callcorpacd/platform-bridge/client';
import { applyBridgeTheme } from '@callcorpacd/design-tokens';
import { CcButton, CcInput, CcDialog } from '@callcorpacd/platform-ui';

const platform = await createPlatformBridge();
applyBridgeTheme(platform);

<template>
  <CcButton label="Save" color="primary" @click="onSave" />
  <CcInput v-model="name" label="Name" />
  <CcDialog v-model="open" title="Edit">
    <!-- body -->
    <template #actions>
      <CcButton label="Close" flat @click="open = false" />
    </template>
  </CcDialog>
</template>

Portal native page (monorepo)

Same import path — Vite alias resolves to live source under WebApps/VuePortal_new/platform-ui/.

import { CcPageHeader, CcDialog, CcConfirm, CcButton } from '@callcorpacd/platform-ui';
import api from '@/Services/api'; // host wiring stays in the page

Components use Quasar under the hood and inherit --q-* / --cc-* from the host theme.

CSS

The main entry imports kit styles automatically. For guests that import CSS separately:

import '@callcorpacd/platform-ui/css';

Exports

Primitives

Composites (Phase 1–2 + 4)

Grid (separate packages)

List grids live in @callcorpacd/platform-ui-grid (Community) and @callcorpacd/platform-ui-grid-enterprise (portal / partner Enterprise license). Not exported from this package.

Composables & helpers

CcSchemaForm is deferred — see Component-Library-Phase-3-Schema-Forms.md.

Authoring

See AGENTS.md for kit rules and ../AI-Assisted-Development/Reusable-Component-Library.md for the full component roadmap.