neko-ui 2.1.2 → 2.2.0

package/lib/pagination/index.d.ts

@@ -0,0 +1,37 @@
+import { type JSXElement } from 'solid-js';
+import type { BasicConfig } from '..';
+declare function Pagination(_: PaginationProps): import("solid-js").JSX.Element;
+/** API */
+export interface PaginationProps {
+    /** 自定义类名 */
+    class?: string;
+    /** 自定义类名 */
+    css?: string;
+    /** 当前页数
+     * @default 1
+     */
+    page?: number;
+    /** 每页显示的数据条目数量
+     * @default 20
+     */
+    pageSize?: number;
+    /** 总数
+     * @default 0
+     */
+    total?: number;
+    /** 尺寸
+     * @default 'normal'
+     */
+    size?: BasicConfig['size'];
+    /** 用于显示数据总量和当前数据顺序;
+     * 支持直接赋值给 'totalText' 属性
+     * 或者通过[slot="total-text"]插槽
+     * @default true
+     */
+    totalText?: ((total: number, range: [start: number, end: number]) => JSXElement) | false;
+    /** 值修改时的回调方法 */
+    onChange?(page: number, pageSize: number): void;
+    children?: JSXElement;
+}
+export type PaginationElement = CustomElement<PaginationProps>;
+export default Pagination;

package/lib/pagination/styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: string;

package/lib/table/index.d.ts

@@ -1,14 +1,98 @@
+import { type JSXElement } from 'solid-js';
+import type { BasicConfig, PaginationProps } from '..';
 declare function Table(_: TableProps): import("solid-js").JSX.Element;
+interface Column<T extends Record<string, Any>> extends Cell {
+    /** 自定义取值的 key */
+    key?: keyof T;
+    /** 原始 key */
+    originKey?: keyof T;
+    /** 单元格表头标题 */
+    label?: JSXElement;
+    /** 自定义渲染单元格 */
+    render?(item: T[keyof T], row: T, index: number): JSXElement;
+    /** 单元格横跨的列数 */
+    colspan?: number;
+    /** 单元格横跨的行数 */
+    rowspan?: number;
+    /** 设置为 'order' 时则当作序号行 */
+    type?: 'order';
+    /** 单元格宽 */
+    width?: number;
+}
 /** API
  * @since 2.1.0
  */
-export interface TableProps {
+export interface TableProps<T extends Record<string, Any> = Record<string, Any>> extends Cell {
     /** 自定义类名 */
     class?: string;
     /** 自定义类名 */
     css?: string;
     /** 加载中 */
     loading?: boolean;
+    /** 单元格值为 null 或 undefined 时的回填
+     * @default '-'
+     */
+    emptyVal?: string;
+    /** 单元格配置 */
+    columns: Record<string, Column<T> | string>;
+    /** 数据源 */
+    data: T[];
+    /** 表格标题, 支持直接赋值给 'title' 属性, 或者通过[slot="title"]插槽 */
+    title?: JSXElement | 'slot';
+    /** 汇总行 */
+    summary?: (keyof T)[];
+    /** 汇总行描述
+     * @default '合计'
+     */
+    summaryText?: JSXElement;
+    /** 分页器
+     * @default false
+     */
+    pagination?: PaginationProps | false;
+    /** 尺寸
+     * @default 'normal'
+     */
+    size?: BasicConfig['size'];
+    children?: JSXElement;
+}
+/** 单元格布局排列 */
+interface Cell {
+    /** 单元格内容的水平对齐方式
+     * @default 'left'
+     */
+    align?: keyof typeof Align;
+    /** 规定根据哪个字符来进行文本对齐 */
+    char?: string;
+    /** 规定第一个对齐字符的偏移量 */
+    charoff?: number;
+    /** 单元格内容的垂直对齐方式
+     * @default 'middle'
+     */
+    valign?: keyof typeof Valign;
+}
+/** 水平对齐方式 */
+declare enum Align {
+    /** 左对齐 */
+    left = "left",
+    /** 右对齐 */
+    right = "right",
+    /** 居中对齐 */
+    center = "center",
+    /** 对行进行伸展，这样每行都可以有相等的长度 */
+    justify = "justify",
+    /** 将内容对准指定字符 */
+    char = "char"
+}
+/** 垂直对齐方式 */
+declare enum Valign {
+    /** 上对齐 */
+    top = "top",
+    /** 居中对齐 */
+    middle = "middle",
+    /** 下对齐 */
+    bottom = "bottom",
+    /** 与基线对齐 */
+    baseline = "baseline"
 }
 export type TableElement = CustomElement<TableProps>;
 export default Table;

package/lib/table/styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: string;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "neko-ui",
-  "version": "2.1.2",
+  "version": "2.2.0",
   "description": "Web Components UI Libraries",
   "main": "lib/index.js",
   "scripts": {
     "build": "mo build library solid-js",
-    "changelog": "conventional-changelog -p angular -u -i CHANGELOG.md -s -r 0 && eslint --fix CHANGELOG.md && git add CHANGELOG.md",
+    "changelog": "mo changelog CHANGELOG.md && eslint --fix CHANGELOG.md && git add CHANGELOG.md",
     "lint": "mo eslint components && mo eslint site && mo stylelint components && mo stylelint site && jest --coverage",
     "precommit": "yarn lint && yarn changelog",
     "prepare": "mo githooks pre-commit=\"yarn precommit\" commit-msg=\"npx --no -- commitlint --edit \\${1}\"",
@@ -23,6 +23,10 @@
     "type": "git",
     "url": "https://github.com/monako97/neko-ui"
   },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
   "keywords": [
     "web components",
     "webcomponents",
@@ -34,29 +38,28 @@
   "devDependencies": {
     "@commitlint/cli": "17.6.6",
     "@commitlint/config-conventional": "17.6.6",
-    "@moneko/cli": "2.0.0-beta.5",
+    "@moneko/cli": "2.0.0-beta.9",
     "@moneko/common": "1.2.0",
-    "@moneko/core": "3.0.0-beta.101",
+    "@moneko/core": "3.0.0-beta.106",
     "@moneko/css": "1.0.5",
     "@moneko/postcss": "1.0.30",
-    "@moneko/solid-js": "1.1.8",
+    "@moneko/solid-js": "1.2.0",
     "@solidjs/testing-library": "0.8.4",
     "@swc/jest": "0.2.27",
     "@testing-library/jest-dom": "5.17.0",
     "@types/jest": "29.5.3",
     "babel-loader": "9.1.3",
-    "conventional-changelog-cli": "3.0.0",
     "dayjs": "1.11.9",
     "eslint-config-neko": "1.1.2",
     "husky": "8.0.3",
     "jest": "29.6.1",
     "jest-environment-jsdom": "29.6.1",
     "marked-completed": "1.2.8",
-    "n-code-live": "1.0.4",
+    "n-code-live": "1.0.6",
     "n-katex": "1.0.7",
     "shadow-dom-testing-library": "1.11.0",
     "solid-element": "1.7.1",
-    "solid-js": "1.7.9",
+    "solid-js": "1.7.11",
     "stylelint-config-moneko": "1.0.17",
     "ts-node": "10.9.1"
   },