@farris/ui-vue 1.0.0-beta.6 → 1.0.0

package/types/number-range/src/composition/types.d.ts

@@ -14,39 +14,41 @@
  * limitations under the License.
  */
 import { BigNumber } from 'bignumber.js';
-export interface UseData {
-    onModelChange: (realVal: any, updateOn: string) => void;
-    up: (e: Event, target: string) => void;
-    down: (e: Event, target: string) => void;
-    onFocusTextBox: ($event: Event, targetValue: string) => void;
-    onBlurTextBox: ($event: Event, targetValue: string) => void;
-    onInput: ($event: Event, updateOn: string) => void;
-    onKeyDown: ($event: KeyboardEvent) => void;
-}
-export interface NumberFormatter {
+import { ComputedRef } from 'vue';
+export interface NumberFormatOptions {
     /** 前置符号 */
-    prefix?: string;
+    prefix: string;
     /** 后缀 */
-    suffix?: string;
+    suffix: string;
     /** 小数点 */
-    decimalSeparator?: string;
+    decimalSeparator: string;
     /** 千分位符号 */
-    groupSeparator?: string;
+    groupSeparator: string;
     /** 千分位分组 */
-    groupSize?: number;
+    groupSize: number;
+}
+export interface UseFormat {
+    cleanFormat: (val: any) => string;
+    format: (val: any) => string;
 }
-export interface UseUtil {
-    isEmpty: (value: any) => boolean;
-    setDisabledState: (isDisabled: boolean) => void;
-    cleanNumString: (value: any) => string;
-    getPrecision: () => number;
-    toFixed: (value: BigNumber | number) => string;
-    _getRealValue: (value: BigNumber) => string | number;
-    getRealValue: (value: any, target?: string) => string | number;
-    isDisableOfBtn: (type: string, value?: any) => boolean;
-    buildFormatOptions: () => object;
-    _modelChanged: (realVal: any, target?: string) => void;
-    validInterval: (bn: BigNumber) => BigNumber;
-    format: (value: any) => string;
-    _toFormat: (_bgNum: BigNumber, fmt: NumberFormatter) => string;
+export interface UseNumber {
+    getRealValue: (value: any) => string | number;
+    getValidNumberObject: (numberObject: BigNumber) => BigNumber;
+    isEmpty: (value: string | number | undefined) => boolean;
+    precision: ComputedRef<number>;
+}
+export interface UseSpinner {
+    canDownward: () => boolean;
+    canUpward: () => boolean;
+    downward: () => void;
+    onClickDownButton: ($event: MouseEvent) => void;
+    onClickUpButton: ($event: MouseEvent) => void;
+    upward: () => void;
+}
+export interface UseTextBox {
+    onBlurTextBox: ($event: Event) => void;
+    onFocusTextBox: ($event: Event) => void;
+    onInput: ($event: Event) => void;
+    onKeyDown: ($event: KeyboardEvent) => void;
+    textBoxValue: ComputedRef<number | string>;
 }

package/types/number-range/src/composition/use-format.d.ts

@@ -0,0 +1,4 @@
+import { SetupContext } from 'vue';
+import { UseFormat, UseNumber } from "./types";
+import { NumberRangeProps } from '../number-range.props';
+export declare function useFormat(props: NumberRangeProps, context: SetupContext, useNumberComposition: UseNumber): UseFormat;

package/types/number-range/src/composition/use-number.d.ts

@@ -0,0 +1,4 @@
+import { SetupContext } from "vue";
+import { UseNumber } from "./types";
+import { NumberRangeProps } from "../number-range.props";
+export declare function useNumber(props: NumberRangeProps, context: SetupContext): UseNumber;

package/types/number-range/src/composition/use-spinner.d.ts

@@ -0,0 +1,4 @@
+import { Ref, SetupContext } from "vue";
+import { UseFormat, UseNumber, UseSpinner } from "./types";
+import { NumberRangeProps } from "../number-range.props";
+export declare function useSpinner(props: NumberRangeProps, context: SetupContext, displayValue: Ref<string>, modelValue: Ref<string | number>, useFormatComposition: UseFormat, useNumberComposition: UseNumber, valueChangedCallback: (numberValue: number | string) => void): UseSpinner;

package/types/number-range/src/composition/use-text-box.d.ts

@@ -0,0 +1,4 @@
+import { Ref, SetupContext } from "vue";
+import { UseFormat, UseNumber, UseSpinner, UseTextBox } from "./types";
+import { NumberRangeProps } from "../number-range.props";
+export declare function useTextBox(props: NumberRangeProps, context: SetupContext, displayValue: Ref<string>, modelValue: Ref<string | number>, useFormatComposition: UseFormat, useNumberComposition: UseNumber, useSpinnerComposition: UseSpinner, valueChangedCallback: (numberValue: number | string) => void): UseTextBox;

package/types/number-range/src/number-range.component.d.ts

@@ -1,249 +1,6 @@
-declare const _default: import("vue").DefineComponent<{
-    id: StringConstructor;
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    editable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    formatter: {
-        type: FunctionConstructor;
-    };
-    parser: {
-        type: FunctionConstructor;
-    };
-    placeholder: {
-        type: StringConstructor;
-        default: string;
-    };
-    step: {
-        type: NumberConstructor;
-        default: number;
-    };
-    max: {
-        type: StringConstructor;
-    };
-    min: {
-        type: StringConstructor;
-    };
-    bigNumber: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showButton: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    useThousands: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    textAlign: {
-        type: import("vue").PropType<"left" | "right" | "center" | "start" | "end" | "justify">;
-        default: string;
-    };
-    autoDecimal: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    canNull: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    precision: {
-        type: NumberConstructor;
-        default: number;
-    };
-    prefix: {
-        type: StringConstructor;
-        default: string;
-    };
-    suffix: {
-        type: StringConstructor;
-        default: string;
-    };
-    decimalSeparator: {
-        type: StringConstructor;
-        default: string;
-    };
-    groupSeparator: {
-        type: StringConstructor;
-        default: string;
-    };
-    groupSize: {
-        type: NumberConstructor;
-        default: number;
-    };
-    value: {
-        type: StringConstructor;
-        default: string;
-    };
-    showZero: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    beginPlaceHolder: {
-        type: StringConstructor;
-        default: string;
-    };
-    endPlaceHolder: {
-        type: StringConstructor;
-        default: string;
-    };
-    separator: {
-        type: StringConstructor;
-        default: string;
-    };
-    beginValue: {
-        type: StringConstructor;
-        default: string;
-    };
-    endValue: {
-        type: StringConstructor;
-        default: string;
-    };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    id: StringConstructor;
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    editable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    formatter: {
-        type: FunctionConstructor;
-    };
-    parser: {
-        type: FunctionConstructor;
-    };
-    placeholder: {
-        type: StringConstructor;
-        default: string;
-    };
-    step: {
-        type: NumberConstructor;
-        default: number;
-    };
-    max: {
-        type: StringConstructor;
-    };
-    min: {
-        type: StringConstructor;
-    };
-    bigNumber: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showButton: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    useThousands: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    textAlign: {
-        type: import("vue").PropType<"left" | "right" | "center" | "start" | "end" | "justify">;
-        default: string;
-    };
-    autoDecimal: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    canNull: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    precision: {
-        type: NumberConstructor;
-        default: number;
-    };
-    prefix: {
-        type: StringConstructor;
-        default: string;
-    };
-    suffix: {
-        type: StringConstructor;
-        default: string;
-    };
-    decimalSeparator: {
-        type: StringConstructor;
-        default: string;
-    };
-    groupSeparator: {
-        type: StringConstructor;
-        default: string;
-    };
-    groupSize: {
-        type: NumberConstructor;
-        default: number;
-    };
-    value: {
-        type: StringConstructor;
-        default: string;
-    };
-    showZero: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    beginPlaceHolder: {
-        type: StringConstructor;
-        default: string;
-    };
-    endPlaceHolder: {
-        type: StringConstructor;
-        default: string;
-    };
-    separator: {
-        type: StringConstructor;
-        default: string;
-    };
-    beginValue: {
-        type: StringConstructor;
-        default: string;
-    };
-    endValue: {
-        type: StringConstructor;
-        default: string;
-    };
-}>> & {
+declare const _default: import("vue").DefineComponent<Record<string, any>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Record<string, any>>> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    readonly: boolean;
-    disabled: boolean;
-    editable: boolean;
-    textAlign: "left" | "right" | "center" | "start" | "end" | "justify";
-    placeholder: string;
-    value: string;
-    separator: string;
-    step: number;
-    bigNumber: boolean;
-    showButton: boolean;
-    useThousands: boolean;
-    autoDecimal: boolean;
-    canNull: boolean;
-    precision: number;
-    prefix: string;
-    suffix: string;
-    decimalSeparator: string;
-    groupSeparator: string;
-    groupSize: number;
-    showZero: boolean;
-    beginPlaceHolder: string;
-    endPlaceHolder: string;
-    beginValue: string;
-    endValue: string;
+    [x: string]: any;
 }>;
 export default _default;

package/types/number-range/src/number-range.props.d.ts

@@ -13,204 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { ExtractPropTypes, PropType } from 'vue';
-type TextAlignType = 'left' | 'right' | 'center' | 'start' | 'end' | 'justify';
-export declare const numberRangeProps: {
-    /**
-     * 组件标识
-     */
-    id: StringConstructor;
-    /**
-     * 是否禁用
-     */
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * 是否只读
-     */
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * 是否可编辑
-     */
-    editable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * 格式化 formatter 和 parser 必须同时存在
-     * formatter: (val: number) => string;
-     * parser: (val: string | number) => number;
-     */
-    formatter: {
-        type: FunctionConstructor;
-    };
-    parser: {
-        type: FunctionConstructor;
-    };
-    /**
-     * 空白提示文本
-     */
-    placeholder: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * up or down 步长
-     */
-    step: {
-        type: NumberConstructor;
-        default: number;
-    };
-    /**
-     * 最大值
-     */
-    max: {
-        type: StringConstructor;
-    };
-    /**
-     * 最小值
-     */
-    min: {
-        type: StringConstructor;
-    };
-    /**
-     * 启用大数支持
-     */
-    bigNumber: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * 是否显示加减按钮
-     */
-    showButton: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * 是否使用千分值
-     */
-    useThousands: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * 文本方向
-     */
-    textAlign: {
-        type: PropType<TextAlignType>;
-        default: string;
-    };
-    /**
-     * 自动补全小数
-     */
-    autoDecimal: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * 允许为空
-     */
-    canNull: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * 精度
-     */
-    precision: {
-        type: NumberConstructor;
-        default: number;
-    };
-    /**
-     * 前缀
-     */
-    prefix: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * 后缀
-     */
-    suffix: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * 小数点符号
-     */
-    decimalSeparator: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * 千分位符号
-     */
-    groupSeparator: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * 使用千分位时，每组显示的字符数
-     */
-    groupSize: {
-        type: NumberConstructor;
-        default: number;
-    };
-    /**
-     * 值
-     */
-    value: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * 显示0值
-     */
-    showZero: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * 下限placeholder
-     */
-    beginPlaceHolder: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * 上限placeholder
-     */
-    endPlaceHolder: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * 间隔符
-     */
-    separator: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * 下限值
-     */
-    beginValue: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * 上限值
-     */
-    endValue: {
-        type: StringConstructor;
-        default: string;
-    };
-};
+import { ExtractPropTypes } from 'vue';
+export declare const numberRangeProps: Record<string, any>;
 export type NumberRangeProps = ExtractPropTypes<typeof numberRangeProps>;
-export {};
+export declare const propsResolver: (schemaValue: Record<string, any>) => Record<string, any>;

package/types/number-range/src/schema/schema-mapper.d.ts

@@ -0,0 +1,2 @@
+import { MapperFunction } from '../../../dynamic-resolver';
+export declare const schemaMapper: Map<string, string | MapperFunction>;

package/types/number-spinner/index.d.ts

@@ -19,5 +19,7 @@ export * from './src/number-spinner.props';
 export { FNumberSpinner };
 declare const _default: {
     install(app: App): void;
+    register(componentMap: Record<string, any>, propsResolverMap: Record<string, any>): void;
+    registerDesigner(componentMap: Record<string, any>, propsResolverMap: Record<string, any>): void;
 };
 export default _default;

package/types/number-spinner/src/components/spinner.component.d.ts

@@ -0,0 +1,4 @@
+import { SetupContext } from 'vue';
+import { NumberSpinnerProps } from '../number-spinner.props';
+import { UseSpinner } from '../composition/types';
+export default function (props: NumberSpinnerProps, conext: SetupContext, useSpinnerComposition: UseSpinner): () => JSX.Element;

package/types/number-spinner/src/components/text-box.component.d.ts

@@ -0,0 +1,4 @@
+import { SetupContext } from 'vue';
+import { NumberSpinnerProps } from '../number-spinner.props';
+import { UseTextBox } from '../composition/types';
+export default function (props: NumberSpinnerProps, context: SetupContext, useTextBoxComposition: UseTextBox): () => JSX.Element;

package/types/number-spinner/src/composition/types.d.ts

@@ -14,39 +14,44 @@
  * limitations under the License.
  */
 import { BigNumber } from 'bignumber.js';
-export interface UseData {
-    onModelChange: (realVal: any, updateOn: string) => void;
-    up: (e: Event) => void;
-    down: (e: Event) => void;
-    onFocusTextBox: ($event: Event) => void;
-    onBlurTextBox: ($event: Event) => void;
-    onInput: ($event: Event, updateOn: string) => void;
-    onKeyDown: ($event: KeyboardEvent) => void;
-}
-export interface NumberFormatter {
+import { ComputedRef, Ref } from 'vue';
+export interface NumberFormatOptions {
     /** 前置符号 */
-    prefix?: string;
+    prefix: string;
     /** 后缀 */
-    suffix?: string;
+    suffix: string;
     /** 小数点 */
-    decimalSeparator?: string;
+    decimalSeparator: string;
     /** 千分位符号 */
-    groupSeparator?: string;
+    groupSeparator: string;
     /** 千分位分组 */
-    groupSize?: number;
+    groupSize: number;
+}
+export interface UseFormat {
+    cleanFormat: (val: any) => string;
+    format: (val: any) => string;
 }
-export interface UseUtil {
-    isEmpty: (value: any) => boolean;
-    setDisabledState: (isDisabled: boolean) => void;
-    cleanNumString: (value: any) => string;
-    getPrecision: () => number;
-    toFixed: (value: BigNumber | number) => string;
-    _getRealValue: (value: BigNumber) => string | number;
+export interface UseNumber {
+    displayValue: Ref<string>;
+    modelValue: Ref<string | number>;
     getRealValue: (value: any) => string | number;
-    isDisableOfBtn: (type: string, value?: any) => boolean;
-    buildFormatOptions: () => object;
-    _modelChanged: (realVal: any) => void;
-    validInterval: (bn: BigNumber) => BigNumber;
-    format: (value: any) => string;
-    _toFormat: (_bgNum: BigNumber, fmt: NumberFormatter) => string;
+    getValidNumberObject: (numberObject: BigNumber) => BigNumber;
+    isEmpty: (value: string | number | undefined) => boolean;
+    onNumberValueChanged: (numberValue: string | number) => void;
+    precision: ComputedRef<number>;
+}
+export interface UseSpinner {
+    canDownward: () => boolean;
+    canUpward: () => boolean;
+    downward: () => void;
+    onClickDownButton: ($event: MouseEvent) => void;
+    onClickUpButton: ($event: MouseEvent) => void;
+    upward: () => void;
+}
+export interface UseTextBox {
+    onBlurTextBox: ($event: Event) => void;
+    onFocusTextBox: ($event: Event) => void;
+    onInput: ($event: Event) => void;
+    onKeyDown: ($event: KeyboardEvent) => void;
+    textBoxValue: ComputedRef<number | string>;
 }

package/types/number-spinner/src/composition/use-format.d.ts

@@ -0,0 +1,4 @@
+import { SetupContext } from 'vue';
+import { UseFormat, UseNumber } from "./types";
+import { NumberSpinnerProps } from '../number-spinner.props';
+export declare function useFormat(props: NumberSpinnerProps, context: SetupContext, useNumberComposition: UseNumber): UseFormat;

package/types/number-spinner/src/composition/use-number.d.ts

@@ -0,0 +1,4 @@
+import { SetupContext } from "vue";
+import { NumberSpinnerProps } from "../number-spinner.props";
+import { UseNumber } from "./types";
+export declare function useNumber(props: NumberSpinnerProps, context: SetupContext): UseNumber;

package/types/number-spinner/src/composition/use-spinner.d.ts

@@ -0,0 +1,4 @@
+import { SetupContext } from "vue";
+import { NumberSpinnerProps } from "../number-spinner.props";
+import { UseFormat, UseNumber, UseSpinner } from "./types";
+export declare function useSpinner(props: NumberSpinnerProps, context: SetupContext, useFormatComposition: UseFormat, useNumberComposition: UseNumber): UseSpinner;

package/types/number-spinner/src/composition/use-text-box.d.ts

@@ -0,0 +1,4 @@
+import { SetupContext } from "vue";
+import { NumberSpinnerProps } from "../number-spinner.props";
+import { UseFormat, UseNumber, UseSpinner, UseTextBox } from "./types";
+export declare function useTextBox(props: NumberSpinnerProps, context: SetupContext, useFormatComposition: UseFormat, useNumberComposition: UseNumber, useSpinnerComposition: UseSpinner): UseTextBox;

package/types/number-spinner/src/designer/number-spinner.component.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import("vue").DefineComponent<Record<string, any>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Record<string, any>>> & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    [x: string]: any;
+}>;
+export default _default;