@aplus-frontend/ui 6.20.0 → 6.21.0

package/es/src/business/ap-value-select-card/interface.d.ts

@@ -0,0 +1,107 @@
+import { ComputedRef, Ref, StyleValue } from 'vue';
+export interface ApValueSelectCardOption<ValueRecord extends Record<string, any> = Record<string, any>> {
+    key: string | number;
+    label: string;
+    value: string | number;
+    customClass?: string;
+    record?: ValueRecord;
+}
+export interface ApValueSelectCardProps<T extends Record<string, any> = Record<string, any>> {
+    /**
+     * 所有可用选项
+     */
+    options: ApValueSelectCardOption<T>[];
+    /**
+     * 当前选中的选项key
+     */
+    selectedKeys?: (string | number)[];
+    /**
+     * 当前高亮的选项key
+     */
+    highlightedKeys?: (string | number)[];
+    /**
+     * 最多可选数量
+     */
+    maxSelected?: number;
+    /**
+     * 一行最多可显示数量
+     */
+    maxRowDisplay?: number;
+    /**
+     * Popover标题
+     */
+    popoverTitle?: string;
+    /**
+     * 是否显示Popover标题图标
+     */
+    showTitleIcon?: boolean;
+    /**
+     * 是否显示关闭图标
+     */
+    showCloseIcon?: boolean;
+    /**
+     * 是否显示添加按钮
+     */
+    showAddButton?: boolean;
+    /**
+     * 添加按钮文本
+     */
+    addButtonText?: string;
+    /**
+     * 获取容器函数
+     */
+    getContainer?: (triggerNode: HTMLElement) => HTMLElement;
+    /**
+     * 自定义卡片样式函数
+     */
+    getCardStyle?: (key: string | number) => StyleValue;
+    /**
+     * 自定义卡片外层样式函数
+     */
+    wrapperStyle?: StyleValue;
+}
+export interface ApValueSelectCardExpose<T extends Record<string, any> = Record<string, any>> {
+    /**
+     * popover是否显示
+     */
+    popoverVisible: Ref<boolean, boolean>;
+    /**
+     * 所有选项
+     */
+    allOptions: ComputedRef<ApValueSelectCardOption<T>[]>;
+    /**
+     * 当前选中的选项
+     */
+    selectedOptions: ComputedRef<ApValueSelectCardOption<T>[]>;
+    isSelected: (key: string | number) => boolean;
+    /**
+     * 检查是否高亮
+     * @param { string | number } key
+     * @returns void
+     */
+    isHighlighted: (key: string | number) => boolean;
+    /**
+     * 切换选项选择状态
+     * @param {string | number} key
+     * @returns void
+     */
+    toggleOption: (key: string | number) => void;
+    /**
+     * 添加选项
+     * @param {string | number} key
+     * @returns void
+     */
+    addOption: (key: string | number) => void;
+    /**
+     * 移除选项
+     * @param {string | number} key
+     * @returns void
+     */
+    removeOption: (key: string | number) => void;
+    /**
+     * 高亮选项
+     * @param {string | number} key
+     * @returns void
+     */
+    highlightOption: (key: string | number) => void;
+}

package/es/src/business/ap-value-select-card/interface.mjs

@@ -0,0 +1 @@
+

package/es/src/business/ap-value-select-card/style/css.js

@@ -0,0 +1 @@
+import '@aplus-frontend/ui/theme/ap-value-select-card/index.css';

package/es/src/business/ap-value-select-card/style/index.js

@@ -0,0 +1 @@
+import '@aplus-frontend/ui/theme/ap-value-select-card/index.less';

package/es/src/business/ap-value-select-card/utils.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Convert a hex color code to an RGBA color string.
+ * @param hex - The hex color code, e.g. "#ff00ff" or "#f0f".
+ * @param alpha - The alpha value (optional), default is 1 (fully opaque).
+ * @returns The RGBA color string.
+ */
+export declare function hexToRgba(hex: string, alpha?: number): string;

package/es/src/business/ap-value-select-card/utils.mjs

@@ -0,0 +1,9 @@
+function g(n, t = 1) {
+  if (n = n == null ? void 0 : n.replace(/^#/, ""), n.length === 3 && (n = n.split("").map((r) => r + r).join("")), n.length !== 6)
+    throw new Error("Invalid hex color code");
+  const s = parseInt(n.substring(0, 2), 16), o = parseInt(n.substring(2, 4), 16), i = parseInt(n.substring(4, 6), 16);
+  return `rgba(${s}, ${o}, ${i}, ${t})`;
+}
+export {
+  g as hexToRgba
+};

package/es/src/business/index.d.ts

@@ -25,4 +25,5 @@ export * from './ap-view';
 export * from './ap-radio-group';
 export * from './ap-keep-alive';
 export * from './ap-draggable-grid';
+export * from './ap-value-select-card';
 export { ApTransformDataHelper } from '../utils/ap-trans-data';

package/es/src/business/index.mjs

@@ -2,19 +2,19 @@ import { default as m } from "./ap-table-modal/index.mjs";
 import { ApAttachment as f } from "./ap-attachment/index.mjs";
 import { ApBatchAction as a } from "./ap-batch-action/index.mjs";
 import { ApBatchActionGroup as i } from "./ap-batch-action-group/index.mjs";
-import { ApButtonGroup as l } from "./ap-button-group/index.mjs";
+import { ApButtonGroup as d } from "./ap-button-group/index.mjs";
 import { ApCard as c } from "./ap-card/index.mjs";
 import { ApExpandAlert as S } from "./ap-expand-alert/index.mjs";
 import { ApExportGroup as s } from "./ap-export-group/index.mjs";
 import { ApImage as L } from "./ap-image/index.mjs";
 import { ApInputRadio as h } from "./ap-input-radio/index.mjs";
-import { ApLabel as B, ApLabelGroup as T } from "./ap-label/index.mjs";
+import { ApLabel as B, ApLabelGroup as C } from "./ap-label/index.mjs";
 import { ApLadder as D } from "./ap-ladder/index.mjs";
 import { ApSelectLayout as R } from "./ap-select-layout/index.mjs";
-import { ApStatus as w, ApStatusGroup as z } from "./ap-status/index.mjs";
-import { ApTitle as K } from "./ap-title/index.mjs";
+import { ApStatus as v, ApStatusGroup as w } from "./ap-status/index.mjs";
+import { ApTitle as H } from "./ap-title/index.mjs";
 import "./hooks/index.mjs";
-import { ApSummary as P } from "./ap-summary/index.mjs";
+import { ApSummary as M } from "./ap-summary/index.mjs";
 import { ApAppendix as j } from "./ap-appendix/index.mjs";
 import "./ap-upload-file/index.mjs";
 import "./batch-input-group/index.mjs";
@@ -25,13 +25,14 @@ import { ApView as U } from "./ap-view/index.mjs";
 import { ApRadioGroup as X } from "./ap-radio-group/index.mjs";
 import { ApKeepAlive as Z } from "./ap-keep-alive/index.mjs";
 import { ApDraggableGrid as $ } from "./ap-draggable-grid/index.mjs";
-import { ApTransformDataHelper as po } from "../utils/ap-trans-data/index.mjs";
+import { ApValueSelectCard as ro } from "./ap-value-select-card/index.mjs";
+import { ApTransformDataHelper as to } from "../utils/ap-trans-data/index.mjs";
 export {
   j as ApAppendix,
   f as ApAttachment,
   a as ApBatchAction,
   i as ApBatchActionGroup,
-  l as ApButtonGroup,
+  d as ApButtonGroup,
   c as ApCard,
   O as ApCopy,
   $ as ApDraggableGrid,
@@ -41,17 +42,18 @@ export {
   h as ApInputRadio,
   Z as ApKeepAlive,
   B as ApLabel,
-  T as ApLabelGroup,
+  C as ApLabelGroup,
   D as ApLadder,
   J as ApProductInfo,
   X as ApRadioGroup,
   R as ApSelectLayout,
   q as ApSizeInput,
-  w as ApStatus,
-  z as ApStatusGroup,
-  P as ApSummary,
+  v as ApStatus,
+  w as ApStatusGroup,
+  M as ApSummary,
   m as ApTableModal,
-  K as ApTitle,
-  po as ApTransformDataHelper,
+  H as ApTitle,
+  to as ApTransformDataHelper,
+  ro as ApValueSelectCard,
   U as ApView
 };

package/es/src/index.d.ts

@@ -12,6 +12,7 @@ export * from './ap-modal';
 export * from './ap-list';
 export * from './ap-button';
 export * from './ap-drawer';
+export * from './ap-pro-card';
 export * from './business';
 export * from './ap-table';
 export * from './editable-table';