xrk-components 0.3.2 → 0.3.5

package/lib/packages/xrk/table/table.d.ts

@@ -0,0 +1,50 @@
+declare const _default: import("vue").DefineComponent<{
+    requestNow: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    getListAjax: {
+        type: FunctionConstructor;
+        required: true;
+    };
+    searchConfig: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    tableConfig: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    paginationConfig: {
+        type: ObjectConstructor;
+        required: false;
+    };
+}, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    requestNow: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    getListAjax: {
+        type: FunctionConstructor;
+        required: true;
+    };
+    searchConfig: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    tableConfig: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    paginationConfig: {
+        type: ObjectConstructor;
+        required: false;
+    };
+}>>, {
+    requestNow: boolean;
+}>;
+export default _default;

package/lib/packages/xrk/table/types/type.d.ts

@@ -0,0 +1,65 @@
+import { BaseTableColumnProps } from '../../../base/table/types/type';
+import { ComponentRender, ResetBtnType, SearchBtnType, SerachColumnType } from '../../search/types/type';
+export declare type XrkTableProps = {
+    /**
+     * 是否立即执行getListAjax，默认是 （执行时机：onMounted）
+     */
+    requestNow?: boolean;
+    /**
+     * 获取表格数据
+     */
+    getListAjax: (query?: Record<string, any>) => Promise<any> | any;
+    /**
+     * 搜索项配置
+     */
+    searchConfig: {
+        /**
+         * 搜索项
+         */
+        searchColumns: Array<SerachColumnType>;
+        /**
+         * 搜索按钮配置
+         * 点击时，执行顺序 beforeSearch -> emit.search -> afterSearch
+         */
+        searchBtn?: SearchBtnType;
+        /**
+         * 重置按钮配置
+         * 点击时，执行顺序  清空组件内的值 -> beforeReset -> emit.search -> afterReset
+         */
+        resetBtn?: ResetBtnType;
+        /**
+         * 其他组件
+         */
+        othertComponents?: Array<ComponentRender>;
+    };
+    /**
+     * 表格配置
+     */
+    tableConfig: {
+        /**
+         * 表格列 Array<BaseTableColumnProps>
+         */
+        tableColumns: Array<BaseTableColumnProps>;
+    };
+    /**
+     * 分页器配置
+     */
+    paginationConfig?: {
+        /**
+         * 当前页key，默认pageNo
+         */
+        pageNoKey?: string;
+        /**
+         * 每页数量key，默认pageSize
+         */
+        pageSizeKey?: string;
+        /**
+         * 每页条数，默认60 ， 范围[15,60,100]
+         */
+        paginationPageSize?: number;
+        /**
+         * 当前页码，默认1
+         */
+        paginationCurrentPage?: number;
+    };
+};

package/lib/tools/check.d.ts

@@ -0,0 +1 @@
+export declare function isFunction<T = Function>(val: unknown): val is T;

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "xrk-components",
-  "version": "0.3.2",
+  "version": "0.3.5",
   "description": "",
   "main": "lib/index.esm.js",
   "typings": "lib/packages/index.d.ts",
   "scripts": {
+    "dev": "webpack-dev-server --hot --progress --config webpack.conf.js",
     "build:esm-bundle": "rollup --config rollup.config.js"
   },
   "keywords": [],
@@ -14,12 +15,15 @@
     "@babel/core": "^7.18.6",
     "@rollup/plugin-babel": "^5.3.1",
     "@rollup/plugin-commonjs": "^22.0.1",
+    "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-node-resolve": "^13.3.0",
     "@vue/babel-plugin-jsx": "^1.1.1",
     "@vue/cli-plugin-babel": "^5.0.7",
     "@vue/compiler-sfc": "^3.2.37",
     "acorn-jsx": "^5.3.2",
     "autoprefixer": "^10.4.7",
+    "css-loader": "^6.7.1",
+    "html-webpack-plugin": "^5.5.0",
     "rollup": "^2.75.7",
     "rollup-plugin-babel": "^4.4.0",
     "rollup-plugin-clear": "^2.0.7",
@@ -28,8 +32,13 @@
     "rollup-plugin-vue": "^6.0.0",
     "sass": "^1.53.0",
     "sass-loader": "^13.0.2",
+    "style-loader": "^3.3.1",
+    "ts-loader": "^9.3.1",
     "typescript": "^4.7.4",
-    "vue-loader": "^17.0.0"
+    "vue-loader": "^17.0.0",
+    "webpack": "^5.73.0",
+    "webpack-cli": "^4.10.0",
+    "webpack-dev-server": "^4.9.3"
   },
   "dependencies": {
     "element-plus": "^2.2.8",

package/tsconfig.json

@@ -10,6 +10,7 @@
 
     "jsx": "preserve",
     "moduleResolution": "node",
+    "resolveJsonModule": true,
     "declaration": true,
     "suppressImplicitAnyIndexErrors": true,
     "skipLibCheck": true
@@ -18,6 +19,9 @@
     "packages/**/*.ts",
     "packages/**/*.tsx",
     "packages/**/*.vue",
+    "example/**/*.ts",
+    "example/**/*.tsx",
+    "example/**/*.vue",
     "typings/**/*.ts"
   ],
   "exclude": ["node_modules", "@type/**/*.d.ts"]

package/rollup.config.js

@@ -1,59 +0,0 @@
-/*
- * @Description:
- * @Date: 2022-07-06 10:15:25
- */
-
-const path = require('path');
-
-import commonjs from '@rollup/plugin-commonjs';
-import resolve from '@rollup/plugin-node-resolve';
-
-import jsx from 'acorn-jsx';
-import babel from 'rollup-plugin-babel';
-import typescript from 'typescript';
-import clear from 'rollup-plugin-clear';
-import rollupTypescript from 'rollup-plugin-typescript2';
-import rollupVue from 'rollup-plugin-vue';
-import rollupPostcss from 'rollup-plugin-postcss';
-import autoprefixer from 'autoprefixer';
-
-const outdir = 'lib';
-
-export default {
-  input: 'packages/index.ts',
-  output: [
-    {
-      format: 'esm',
-      file: `${outdir}/index.esm.js`
-    },
-    {
-      name: 'Xrk',
-      format: 'umd',
-      file: `${outdir}/index.umd.js`
-    }
-  ],
-  plugins: [
-    clear({ targets: [outdir] }),
-    resolve(),
-    rollupTypescript({
-      check: false,
-      include: ['*.ts+(|x)', '**/*.ts+(|x)'],
-      exclude: 'node_modules/**',
-      typescript: typescript
-    }),
-    rollupVue({
-      preprocessStyles: true
-    }),
-    rollupPostcss({
-      extract: path.resolve(`${outdir}/index.css`),
-      plugins: [autoprefixer()]
-    }),
-    commonjs(),
-    babel({
-      runtimeHelpers: true,
-      exclude: 'node_modules/**'
-    })
-  ],
-  acornInjectPlugins: [jsx()],
-  external: ['vue', 'element-plus', 'xrk-tools']
-};