@fox-js/foxui 3.0.0 → 4.0.1-2

package/dist/types/utils/domain/validator.d.ts

@@ -0,0 +1,56 @@
+import { Rule, ValidateMessages, ValidateResult, ExecuteValidator } from '@fox-js/validator';
+import { ComponentPublicInstance, ComponentInternalInstance } from 'vue';
+export interface ValidateHandler {
+    error?(errorMsg: string, proxy: ComponentPublicInstance, instance: ComponentInternalInstance): void;
+    reset?(proxy: ComponentPublicInstance, instance: ComponentInternalInstance): void;
+    success?(proxy: ComponentPublicInstance, instance: ComponentInternalInstance): void;
+    decorate?(rule: Rule, proxy: ComponentPublicInstance, instance: ComponentInternalInstance): void;
+    getValue?(proxy: ComponentPublicInstance, instance: ComponentInternalInstance): any;
+}
+export declare function setGlobalValidateHandler(validateHandler: ValidateHandler): void;
+export declare function setGlobalValidator(type: string, validator: ExecuteValidator): void;
+export declare function deleteGloabalValidator(type: string): void;
+export declare function setGlobalValidateCheckEvents(events: string[]): void;
+export declare function getGlobalValidateCheckEvents(): string[];
+export declare function setGlobalValidateResetEvents(events: string[]): void;
+export declare function getGlobalValidateResetEvents(): string[];
+export declare function setGlobalValidateMessages(messages: ValidateMessages): void;
+export declare type ValueType = 'string' | 'number' | 'date';
+export interface Descriptor {
+    componentName: string;
+    valueName?: string;
+    valueType?: ValueType;
+    validate?: boolean;
+    validateHandler?: ValidateHandler;
+    validateCheckEvents?: string[];
+    validateResetEvents?: string[];
+}
+export declare const ValidateSchemaKey: unique symbol;
+export declare class ValidateSchema {
+    private parent;
+    private children;
+    private validators;
+    private attrRules;
+    private rules;
+    private descriptor;
+    private instance;
+    private scope;
+    constructor(parent: ValidateSchema | null, descriptor: Descriptor, instance: ComponentInternalInstance);
+    private init;
+    destroy(): void;
+    addChild(child: ValidateSchema): void;
+    removeChild(child: ValidateSchema): void;
+    private execHandlder;
+    private decorate;
+    private success;
+    private error;
+    private getValue;
+    setValidator(type: string, validator: ExecuteValidator, global?: boolean): void;
+    getValidator(type: string): ExecuteValidator | null;
+    deleteValidator(type: string, global?: boolean): void;
+    hasValidator(type: string, global?: boolean): boolean;
+    clear(deep?: boolean): void;
+    setRule(rule: Rule): void;
+    validate(deep?: boolean): Promise<ValidateResult>;
+}
+export declare function createValidateSchema(instance: ComponentInternalInstance, parent: ValidateSchema | null, descriptor: Descriptor): ValidateSchema;

package/dist/types/utils/functions.d.ts

@@ -0,0 +1,3 @@
+import { GenericFunction } from './types';
+export declare function debounce(func: GenericFunction, time: number): GenericFunction;
+export declare function throttle(func: GenericFunction, time: number): GenericFunction;

package/dist/types/utils/px.d.ts

@@ -0,0 +1,2 @@
+export declare const toPxDesc: (value: string | number) => string;
+export declare function toPx(value: number | string, size?: number): number;

package/dist/types/utils/types.d.ts

@@ -0,0 +1,9 @@
+export interface GenericFunction {
+    (...args: any[]): any;
+}
+export interface Rect {
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+}

package/dist/types/utils/unique-id.d.ts

@@ -0,0 +1,5 @@
+export declare class UniqueID {
+    private seed;
+    constructor(seed?: number);
+    get(): number;
+}

package/dist/types/utils/use-expose/index.d.ts

@@ -0,0 +1 @@
+export declare function useExpose(apis: Record<string, any>): void;

package/dist/types/utils/use-rect/index.d.ts

@@ -0,0 +1,11 @@
+import { Ref } from 'vue';
+interface Rect {
+    top: number;
+    left: number;
+    right: number;
+    bottom: number;
+    width: number;
+    height: number;
+}
+export declare const useRect: (elementRef: (Element | Window) | Ref<Element | Window | undefined>) => Rect;
+export {};

package/dist/types/utils/use-relation/index.d.ts

@@ -0,0 +1,3 @@
+export { useExtend } from './useRelation';
+export { useInject } from './useInject';
+export { useProvide } from './useProvide';

package/dist/types/utils/use-relation/useInject.d.ts

@@ -0,0 +1,14 @@
+import type { InjectionKey, ComponentInternalInstance } from 'vue';
+declare type ParentProvide<T> = T & {
+    add(child: ComponentInternalInstance): void;
+    remove(child: ComponentInternalInstance): void;
+    internalChildren: ComponentInternalInstance[];
+};
+export declare function useInject<T>(key: InjectionKey<ParentProvide<T>>): {
+    parent: ParentProvide<T>;
+    index: import("vue").ComputedRef<number>;
+} | {
+    parent: null;
+    index: import("vue").Ref<number>;
+};
+export {};

package/dist/types/utils/use-relation/useProvide.d.ts

@@ -0,0 +1,8 @@
+import type { VNode, InjectionKey, VNodeNormalizedChildren, ComponentInternalInstance } from 'vue';
+export declare function flattenVNodes(children: VNodeNormalizedChildren, childName?: string): VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[];
+export declare function sortChildren(parent: ComponentInternalInstance, internalChildren: ComponentInternalInstance[], childName?: string): void;
+export declare function useProvide<ProvideValue>(key: InjectionKey<ProvideValue>, childName?: string): (value?: ProvideValue | undefined) => {
+    internalChildren: ComponentInternalInstance[];
+};

package/dist/types/utils/use-relation/useRelation.d.ts

@@ -0,0 +1 @@
+export declare function useExtend<T>(apis: T): void;

package/dist/types/utils/use-touch/index.d.ts

@@ -0,0 +1,18 @@
+declare type Direction = '' | 'vertical' | 'horizontal';
+export declare function useTouch(): {
+    move: EventListener;
+    start: EventListener;
+    reset: () => void;
+    startX: import("vue").Ref<number>;
+    startY: import("vue").Ref<number>;
+    moveX: import("vue").Ref<number>;
+    moveY: import("vue").Ref<number>;
+    deltaX: import("vue").Ref<number>;
+    deltaY: import("vue").Ref<number>;
+    offsetX: import("vue").Ref<number>;
+    offsetY: import("vue").Ref<number>;
+    direction: import("vue").Ref<Direction>;
+    isVertical: () => boolean;
+    isHorizontal: () => boolean;
+};
+export {};

package/package.json

@@ -1,77 +1,38 @@
 {
-	"name": "@fox-js/foxui",
-	"version": "3.0.0",
-	"description": "Fox phone端UI框架",
-	"author": "jiangcheng",
-	"keywords": [
-		"fox"
-	],
-	"main": "dist/index.js",
-	"typings": "",
-	"license": "",
-	"publishConfig": {
-		"access": "public"
-	},
-	"scripts": {
-		"prod": "cross-env NODE_ENV=production webpack --config scripts/webpack.js",
-		"dev": "cross-env NODE_ENV=development webpack --config scripts/webpack.js",
-		"publish:beta": "npm version prerelease & npm publish --tag beta",
-		"publish:latest": "npm version patch & npm publish"
-	},
-	"dependencies": {
-		"vue": "^2.6.11",
-		"dayjs": "^1.8.10",
-		"js-big-decimal": "^1.3.1"
-	},
-	"devDependencies": {
-		"@babel/core": "^7.15.5",
-		"@babel/plugin-proposal-class-properties": "^7.14.5",
-		"@babel/plugin-syntax-dynamic-import": "^7.8.3",
-		"@babel/plugin-transform-modules-commonjs": "^7.15.4",
-		"@babel/plugin-transform-runtime": "^7.15.0",
-		"@babel/preset-env": "^7.15.6",
-		"@babel/preset-typescript": "^7.15.0",
-		"@vue/cli-plugin-eslint": "^4.5.13",
-		"autoprefixer": "^10.2.6",
-		"babel-eslint": "^10.1.0",
-		"babel-loader": "^8.2.2",
-		"clean-webpack-plugin": "^4.0.0-alpha.0",
-		"compression-webpack-plugin": "^8.0.1",
-		"copy-webpack-plugin": "^9.0.1",
-		"cross-env": "^7.0.3",
-		"css-loader": "^5.2.6",
-		"eslint": "^7.32.0",
-		"eslint-config-airbnb": "^18.2.1",
-		"eslint-config-prettier": "^8.3.0",
-		"eslint-plugin-import": "^2.24.2",
-		"eslint-plugin-prettier": "^3.4.1",
-		"eslint-plugin-vue": "^7.16.0",
-		"html-loader": "^2.1.2",
-		"html-webpack-plugin": "5.3.2",
-		"less": "^4.1.1",
-		"less-loader": "^10.0.1",
-		"lint-staged": "^11.0.0",
-		"mini-css-extract-plugin": "^2.1.0",
-		"mockjs": "^1.1.0",
-		"postcss": "^8.3.5",
-		"postcss-loader": "^6.1.1",
-		"postcss-preset-env": "^6.7.0",
-		"prettier": "^2.3.2",
-		"prettier-eslint-cli": "^5.0.1",
-		"sass": "^1.35.2",
-		"sass-loader": "^12.1.0",
-		"ts-loader": "^9.2.3",
-		"ts-node": "^10.0.0",
-		"tsconfig-paths-webpack-plugin": "^3.5.1",
-		"typescript": "^4.3.5",
-		"vconsole-webpack-plugin": "^1.7.1",
-		"vue-loader": "^15.9.6",
-		"vue-style-loader": "^4.1.3",
-		"vue-template-compiler": "^2.6.14",
-		"webpack": "^5.43.0",
-		"webpack-cli": "^4.7.2",
-		"webpack-dev-server": "^3.11.2",
-		"webpack-merge": "^5.7.3",
-		"webpackbar": "^5.0.0-3"
-	}
+  "name": "@fox-js/foxui",
+  "version": "4.0.1-2",
+  "description": "FoxUI轻量级移动端组件库（支持小程序开发）",
+  "author": "jiangcheng",
+  "main": "dist/foxui.umd.js",
+  "module": "dist/foxui.es.js",
+  "exports": {
+    ".": {
+      "import": "./dist/foxui.es.js",
+      "require": "./dist/foxui.umd.js"
+    },
+    "./style.css": "./dist/style.css",
+    "./dist/locale": {
+      "import": "./dist/locale/index.js",
+      "require": "./dist/locale/index.cjs.js"
+    }
+  },
+  "style": "dist/style.css",
+  "typings": "dist/types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "foxui",
+    "vue3",
+    "typescript",
+    "vite"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "publish:next": "npm version prerelease & npm publish --tag next"
+  },
+  "license": "",
+  "repository": ""
 }

package/README.md

@@ -1,73 +0,0 @@
-<!--
- * @version: 1.0
- * @Author: 江成
- * @Date: 2021-12-19 13:39:06
--->
-
-# FoxUI PC
-
-Fox phone 端 UI 框架
-
-## 安装
-
-正式版
-
-```js
-npm install @fox-js/foxui
-```
-
-测试版
-
-```js
-npm install @fox-js/foxui@beta
-```
-
-## 使用
-
-```js
-import foxUI from '@fox-js/foxui'
-
-//安装Fox UI
-Vue.use(foxUI, {
-    //head bar height
-    headBarHeight: 74 + 50, //(标题栏高度+面包屑标签高度）
-    //foot bar height
-    footBarHeight: 0,
-    //默认label宽度
-    labelWidth: '138px',
-    //输入item的最小宽度
-    minItemWidth: 250,
-    //item的间隔
-    itemSpacing: 32,
-    //label显示最大字数
-    labelMaxCharCount: 16
-})
-```
-
-## 编译
-
-开发版本
-
-```js
-npm run dev
-```
-
-正式版本
-
-```js
-npm run prod
-```
-
-## 发布
-
-测试版本
-
-```js
-npm run publish:beta
-```
-
-正式版本（慎重）
-
-```js
-npm run publish:latest
-```