zhytech-ui 1.0.4 → 1.0.6

package/README.md

@@ -1,46 +1,36 @@
 # zhytechUI
-
-This template should help get you started developing with Vue 3 in Vite.
-
-## Recommended IDE Setup
-
-[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
-
-## Type Support for `.vue` Imports in TS
-
-TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.
-
-If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:
-
-1. Disable the built-in TypeScript Extension
-    1) Run `Extensions: Show Built-in Extensions` from VSCode's command palette
-    2) Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
-2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.
-
-## Customize configuration
-
-See [Vite Configuration Reference](https://vitejs.dev/config/).
-
-## Project Setup
-
-```sh
-npm install
+**介绍：一个基于Vue3 + ElementPlus + TypeScript封装的公司内部组件库**
+
+**组件列表：**
+> ### dynamicForm
+此组件为动态表单组件，目前包含基础组件：文本、输入框、单选框、复选框、评分、文件上传、图片上传；高级组件：分组面板、公司人员选择组件、公司岗位选择组件。
+通过拖拽设计表单或试卷，以减少开发时间，此组件提供一个表单设计器和表单渲染器。
+ 
+> ### dynamicFilter
+此组件为动态条件组件，支持传入多组项目、支持不同项目自定义不同的条件，支持子条件，支持无限嵌套
+
+### 使用说明
+##### 1、安装
+```ts
+npm i zhytech-ui -S
 ```
-
-### Compile and Hot-Reload for Development
-
-```sh
-npm run dev
+更新本版
+```ts
+npm i zhytech-ui@latest -S
 ```
-
-### Type-Check, Compile and Minify for Production
-
-```sh
-npm run build
+##### 2、引入使用
+1)、按需引入：在要使用的页面添加下面代码即可
+```ts
+import { dynamicFormData,dynamicFilter } from "zhytech-ui"
+```
+2)、全局引入：在项目内任何页面都不需要单独引入
+```ts
+import zhytechUI from "zhytech-ui";
+createApp(app).use(zhytechUI)
 ```
 
-### Lint with [ESLint](https://eslint.org/)
+**注意：此组件css样式依赖scss开发，使用者项目还需要添加scss依赖**
 
-```sh
-npm run lint
-```
+
+> #### 后续计划：
+此组件还是一个雏形，后续会继续添加组件

package/dist/src/hooks/useUtils.d.ts

@@ -0,0 +1,76 @@
+export declare function useUtils(): {
+    /**
+     * @description: 计算表达式，实现eval函数功能，解决使用eval时编译报错
+     * @param expression
+     * @return
+     */
+    computedExpression: (expression: string) => any;
+    /**
+     * @description: 生成项目临时ID
+     * @param prefix 前缀
+     * @return
+     */
+    getTempID(prefix?: string): string;
+    /**
+     * @description: 解决JSON.stringify和JSON.parse不能转换RegExp的问题
+     * @param jsonStr
+     * @return
+     */
+    parseJson: (jsonStr: string) => any;
+    /**
+     * @description: json对象转json字符串
+     * @param json
+     * @return
+     */
+    stringifyJson: (jsonObject: object) => string;
+    /**
+     * @description: 克隆对象
+     * @param jsonObject
+     * @return
+     */
+    clone(jsonObject: any): any;
+    /**
+     * @description: 判断参数是否为空
+     * @param T param
+     * @return
+     */
+    isEmpty: <T>(param: T) => boolean;
+    /**
+     * @description: 判断参数是否为空
+     * @param T obj
+     * @return
+     */
+    removeEmptyAttribute(obj: Object): Object;
+    /**
+     * @description: 检查上传的文件是否合法
+     * @param file 要上传的文件
+     * @param files 已上传的文件
+     * @param size 文件限制大小
+     * @param unit 文件限制大小的单位
+     * @param isImage 是否为图片
+     * @return
+     */
+    checkFile(file: any, files: [], size: number, unit: string, isImage: boolean): boolean;
+    /**
+     * @description: 根据传入值获取：①对应节点所在的各级菜单的值所组成的数组（多选为二维数组）②对应节点的对象（多选为对象数组）
+     * @param selectVale 级联选择器选择的值
+     * @param options 级联选择器的所有数据
+     * @param valueName 级联选择器的数据类型value名字
+     * @param chilName 级联选择器的数据类型children名字
+     * @param multipleFlag 是否是多选
+     * @returns
+     */
+    getCascaderFullValue<V, L>(selectVale: V | V[], options: L[], valueName: string, chilName: string, multipleFlag?: boolean): (L | V[] | L[] | V[][])[];
+    /**
+     * 存储/读取localStorage数据
+     * name: localStorage的key
+     * value: localStorage的value
+     */
+    storage(key: string, value?: any): any;
+    /**
+     * 存储/读取sessionStorage数据
+     * name: localStorage的key
+     * value: localStorage的value
+     */
+    session(key: string, value?: any): any;
+};

package/dist/src/router/index.d.ts

@@ -0,0 +1,2 @@
+declare const router: import('vue-router').Router;
+export default router;

package/dist/src/types/enum.d.ts

@@ -0,0 +1,66 @@
+/**
+ * 消息类型
+ */
+export declare enum MessageType {
+    /**
+     * 成功消息
+     */
+    success = 0,
+    /**
+     * 警告消息
+     */
+    warning = 1,
+    /**
+     * 错误消息
+     */
+    error = 2,
+    /**
+     * 普通消息
+     */
+    info = 3
+}
+/**
+ * 过滤条件组件类型
+ */
+export declare enum filterConditionTypes {
+    /**
+     * 等于=
+     */
+    EQUALS = "\u7B49\u4E8E",
+    /**
+     * 不等于!=
+     */
+    NOT_EQUALS = "\u4E0D\u7B49\u4E8E",
+    /**
+     * 大于>
+     */
+    GREATER_THAN = "\u5927\u4E8E",
+    /**
+     * 小于<
+     */
+    LESS_THAN = "\u5C0F\u4E8E",
+    /**
+     * 大于等于>=
+     */
+    GREATER_THAN_OR_EQUALS = "\u5927\u4E8E\u7B49\u4E8E",
+    /**
+     * 小于等于<=
+     */
+    LESS_THAN_OR_EQUALS = "\u5C0F\u4E8E\u7B49\u4E8E",
+    /**
+     * 为空
+     */
+    EMPTY = "\u4E3A\u7A7A",
+    /**
+     * 包含
+     */
+    INCLUDES = "\u5305\u542B",
+    /**
+     * 不包含
+     */
+    EXCLUDE = "\u4E0D\u5305\u542B",
+    /**
+     * 范围
+     */
+    RANGE = "\u8303\u56F4"
+}

package/dist/src/types/optionsView.d.ts

@@ -0,0 +1,10 @@
+declare interface OptionView {
+    /**
+     * ID
+     */
+    key: number | string;
+    /**
+     * 文本内容
+     */
+    value: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zhytech-ui",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "private": false,
   "scripts": {
     "dev": "vite",
@@ -23,9 +23,10 @@
   "license": "MIT",
   "main": "./dist/zhytech-ui.umd.js",
   "module": "./dist/zhytech-ui.es.js",
+  "types":"./dist/src/index.d.ts",
+  "style":"./dist/style.css",
   "exports": {
     ".": {
-      "types":"./dist/src/index.d.ts",
       "import": "./dist/zhytech-ui.es.js",
       "require": "./dist/zhytech-ui.umd.js"
     }