@aplus-frontend/ui 0.0.1-beta.2 → 0.0.1-beta.4

package/es/src/cropper/index.d.ts

@@ -4,14 +4,14 @@ import { ButtonProps } from '..';
 export * from './interface';
 export declare const CropperImage: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
-        height: {
-            type: PropType<string | number>;
-            default: string;
-        };
         options: {
             type: PropType<CropperOptions>;
             default: () => {};
         };
+        height: {
+            type: PropType<string | number>;
+            default: string;
+        };
         imageStyle: {
             type: PropType<CSSProperties>;
             default: () => {};
@@ -44,14 +44,14 @@ export declare const CropperImage: {
         ready: (...args: any[]) => void;
         cropendError: (...args: any[]) => void;
     }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
-        height: {
-            type: PropType<string | number>;
-            default: string;
-        };
         options: {
             type: PropType<CropperOptions>;
             default: () => {};
         };
+        height: {
+            type: PropType<string | number>;
+            default: string;
+        };
         imageStyle: {
             type: PropType<CSSProperties>;
             default: () => {};
@@ -80,8 +80,8 @@ export declare const CropperImage: {
         onReady?: ((...args: any[]) => any) | undefined;
         onCropendError?: ((...args: any[]) => any) | undefined;
     }, {
-        height: string | number;
         options: CropperOptions;
+        height: string | number;
         imageStyle: CSSProperties;
         circled: boolean;
         realTimePreview: boolean;
@@ -94,14 +94,14 @@ export declare const CropperImage: {
         M: {};
         Defaults: {};
     }, Readonly< ExtractPropTypes<{
-        height: {
-            type: PropType<string | number>;
-            default: string;
-        };
         options: {
             type: PropType<CropperOptions>;
             default: () => {};
         };
+        height: {
+            type: PropType<string | number>;
+            default: string;
+        };
         imageStyle: {
             type: PropType<CSSProperties>;
             default: () => {};
@@ -130,8 +130,8 @@ export declare const CropperImage: {
         onReady?: ((...args: any[]) => any) | undefined;
         onCropendError?: ((...args: any[]) => any) | undefined;
     }, {}, {}, {}, {}, {
-        height: string | number;
         options: CropperOptions;
+        height: string | number;
         imageStyle: CSSProperties;
         circled: boolean;
         realTimePreview: boolean;
@@ -141,14 +141,14 @@ export declare const CropperImage: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
-    height: {
-        type: PropType<string | number>;
-        default: string;
-    };
     options: {
         type: PropType<CropperOptions>;
         default: () => {};
     };
+    height: {
+        type: PropType<string | number>;
+        default: string;
+    };
     imageStyle: {
         type: PropType<CSSProperties>;
         default: () => {};
@@ -181,8 +181,8 @@ export declare const CropperImage: {
     ready: (...args: any[]) => void;
     cropendError: (...args: any[]) => void;
 }, string, {
-    height: string | number;
     options: CropperOptions;
+    height: string | number;
     imageStyle: CSSProperties;
     circled: boolean;
     realTimePreview: boolean;
@@ -194,6 +194,9 @@ export declare const CropperImage: {
 });
 export declare const CropperAvatar: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
+        value: {
+            type: PropType<string>;
+        };
         size: {
             type: PropType<number>;
             default: number;
@@ -202,9 +205,6 @@ export declare const CropperAvatar: {
             type: PropType<string | number>;
             default: string;
         };
-        value: {
-            type: PropType<string>;
-        };
         uploadApi: {
             type: PropType<({ file, name }: {
                 file: Blob;
@@ -232,6 +232,9 @@ export declare const CropperAvatar: {
         change: (...args: any[]) => void;
         "update:value": (...args: any[]) => void;
     }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
+        value: {
+            type: PropType<string>;
+        };
         size: {
             type: PropType<number>;
             default: number;
@@ -240,9 +243,6 @@ export declare const CropperAvatar: {
             type: PropType<string | number>;
             default: string;
         };
-        value: {
-            type: PropType<string>;
-        };
         uploadApi: {
             type: PropType<({ file, name }: {
                 file: Blob;
@@ -276,6 +276,9 @@ export declare const CropperAvatar: {
         M: {};
         Defaults: {};
     }, Readonly< ExtractPropTypes<{
+        value: {
+            type: PropType<string>;
+        };
         size: {
             type: PropType<number>;
             default: number;
@@ -284,9 +287,6 @@ export declare const CropperAvatar: {
             type: PropType<string | number>;
             default: string;
         };
-        value: {
-            type: PropType<string>;
-        };
         uploadApi: {
             type: PropType<({ file, name }: {
                 file: Blob;
@@ -320,6 +320,9 @@ export declare const CropperAvatar: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+    value: {
+        type: PropType<string>;
+    };
     size: {
         type: PropType<number>;
         default: number;
@@ -328,9 +331,6 @@ export declare const CropperAvatar: {
         type: PropType<string | number>;
         default: string;
     };
-    value: {
-        type: PropType<string>;
-    };
     uploadApi: {
         type: PropType<({ file, name }: {
             file: Blob;

package/es/src/description/description.vue.d.ts

@@ -21,7 +21,7 @@ declare const _default: DefineComponent<{
         default: boolean;
     };
     column: {
-        type: (ObjectConstructor | NumberConstructor)[];
+        type: (NumberConstructor | ObjectConstructor)[];
         default: () => {
             xxl: number;
             xl: number;
@@ -61,7 +61,7 @@ declare const _default: DefineComponent<{
         default: boolean;
     };
     column: {
-        type: (ObjectConstructor | NumberConstructor)[];
+        type: (NumberConstructor | ObjectConstructor)[];
         default: () => {
             xxl: number;
             xl: number;
@@ -86,8 +86,8 @@ declare const _default: DefineComponent<{
     onRegister?: ((...args: any[]) => any) | undefined;
 }, {
     size: string;
-    title: string;
     bordered: boolean;
+    title: string;
     column: number | Record<string, any>;
     schema: DescItem[];
     useCollapse: boolean;

package/es/src/description/index.d.ts

@@ -23,7 +23,7 @@ export declare const Description: {
             default: boolean;
         };
         column: {
-            type: (ObjectConstructor | NumberConstructor)[];
+            type: (NumberConstructor | ObjectConstructor)[];
             default: () => {
                 xxl: number;
                 xl: number;
@@ -65,7 +65,7 @@ export declare const Description: {
             default: boolean;
         };
         column: {
-            type: (ObjectConstructor | NumberConstructor)[];
+            type: (NumberConstructor | ObjectConstructor)[];
             default: () => {
                 xxl: number;
                 xl: number;
@@ -90,8 +90,8 @@ export declare const Description: {
         onRegister?: ((...args: any[]) => any) | undefined;
     }, {
         size: string;
-        title: string;
         bordered: boolean;
+        title: string;
         column: number | Record<string, any>;
         schema: DescItem[];
         useCollapse: boolean;
@@ -122,7 +122,7 @@ export declare const Description: {
             default: boolean;
         };
         column: {
-            type: (ObjectConstructor | NumberConstructor)[];
+            type: (NumberConstructor | ObjectConstructor)[];
             default: () => {
                 xxl: number;
                 xl: number;
@@ -147,8 +147,8 @@ export declare const Description: {
         onRegister?: ((...args: any[]) => any) | undefined;
     }, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         size: string;
-        title: string;
         bordered: boolean;
+        title: string;
         column: number | Record<string, any>;
         schema: DescItem[];
         useCollapse: boolean;
@@ -176,7 +176,7 @@ export declare const Description: {
         default: boolean;
     };
     column: {
-        type: (ObjectConstructor | NumberConstructor)[];
+        type: (NumberConstructor | ObjectConstructor)[];
         default: () => {
             xxl: number;
             xl: number;
@@ -201,8 +201,8 @@ export declare const Description: {
     onRegister?: ((...args: any[]) => any) | undefined;
 }, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "register"[], "register", {
     size: string;
-    title: string;
     bordered: boolean;
+    title: string;
     column: number | Record<string, any>;
     schema: DescItem[];
     useCollapse: boolean;

package/es/src/hooks/index.d.ts

@@ -1 +1,2 @@
 export { useMessage } from './useMessage';
+export { useControllableValue } from './useControllableValue';

package/es/src/hooks/useControllableValue.d.ts

@@ -0,0 +1,13 @@
+import { Recordable } from '../type';
+import { Ref, UnwrapRef } from 'vue';
+
+type Options = {
+    defaultValue?: any;
+    defaultValuePropName?: string;
+    valuePropName?: string;
+};
+export declare function useControllableValue<ValueType = any>(props: Recordable, emit: (event: any, ...args: any[]) => void, options?: Options): {
+    value: Ref<UnwrapRef<ValueType>>;
+    updateValue: (newValue: any) => void;
+};
+export {};

package/es/src/hooks/useControllableValue.mjs

@@ -0,0 +1,24 @@
+import { ref as v, watch as c } from "vue";
+function V(u, f, e) {
+  const d = (e == null ? void 0 : e.defaultValuePropName) || "defaultValue", l = (e == null ? void 0 : e.valuePropName) || "value", r = v(
+    u[d] || (e == null ? void 0 : e.defaultValue)
+  );
+  function m(a) {
+    u[l] === void 0 && (r.value = a), f(`update:${l}`, a);
+  }
+  return c(
+    () => u[l],
+    (a) => {
+      u[l] !== void 0 && (console.log("set inner to ", a), r.value = a);
+    },
+    {
+      immediate: !0
+    }
+  ), {
+    value: r,
+    updateValue: m
+  };
+}
+export {
+  V as useControllableValue
+};

package/es/src/icon/index.d.ts

@@ -6,10 +6,6 @@ export declare const Icon: {
             type: PropType<string | number>;
             default: number;
         };
-        icon: {
-            type: PropType<string>;
-            required: true;
-        };
         prefix: {
             type: PropType<string>;
             default: string;
@@ -21,15 +17,15 @@ export declare const Icon: {
             type: PropType<boolean>;
             default: boolean;
         };
+        icon: {
+            type: PropType<string>;
+            required: true;
+        };
     }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
         size: {
             type: PropType<string | number>;
             default: number;
         };
-        icon: {
-            type: PropType<string>;
-            required: true;
-        };
         prefix: {
             type: PropType<string>;
             default: string;
@@ -41,6 +37,10 @@ export declare const Icon: {
             type: PropType<boolean>;
             default: boolean;
         };
+        icon: {
+            type: PropType<string>;
+            required: true;
+        };
     }>>, {
         size: string | number;
         prefix: string;
@@ -57,10 +57,6 @@ export declare const Icon: {
             type: PropType<string | number>;
             default: number;
         };
-        icon: {
-            type: PropType<string>;
-            required: true;
-        };
         prefix: {
             type: PropType<string>;
             default: string;
@@ -72,6 +68,10 @@ export declare const Icon: {
             type: PropType<boolean>;
             default: boolean;
         };
+        icon: {
+            type: PropType<string>;
+            required: true;
+        };
     }>>, {}, {}, {}, {}, {
         size: string | number;
         prefix: string;
@@ -85,10 +85,6 @@ export declare const Icon: {
         type: PropType<string | number>;
         default: number;
     };
-    icon: {
-        type: PropType<string>;
-        required: true;
-    };
     prefix: {
         type: PropType<string>;
         default: string;
@@ -100,6 +96,10 @@ export declare const Icon: {
         type: PropType<boolean>;
         default: boolean;
     };
+    icon: {
+        type: PropType<string>;
+        required: true;
+    };
 }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     size: string | number;
     prefix: string;
@@ -111,6 +111,10 @@ export declare const Icon: {
 });
 export declare const SvgIcon: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
+        name: {
+            type: PropType<string>;
+            required: true;
+        };
         size: {
             type: PropType<string | number>;
             default: number;
@@ -119,15 +123,15 @@ export declare const SvgIcon: {
             type: PropType<string>;
             default: string;
         };
-        name: {
-            type: PropType<string>;
-            required: true;
-        };
         spin: {
             type: PropType<boolean>;
             default: boolean;
         };
     }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
+        name: {
+            type: PropType<string>;
+            required: true;
+        };
         size: {
             type: PropType<string | number>;
             default: number;
@@ -136,10 +140,6 @@ export declare const SvgIcon: {
             type: PropType<string>;
             default: string;
         };
-        name: {
-            type: PropType<string>;
-            required: true;
-        };
         spin: {
             type: PropType<boolean>;
             default: boolean;
@@ -156,6 +156,10 @@ export declare const SvgIcon: {
         M: {};
         Defaults: {};
     }, Readonly< ExtractPropTypes<{
+        name: {
+            type: PropType<string>;
+            required: true;
+        };
         size: {
             type: PropType<string | number>;
             default: number;
@@ -164,10 +168,6 @@ export declare const SvgIcon: {
             type: PropType<string>;
             default: string;
         };
-        name: {
-            type: PropType<string>;
-            required: true;
-        };
         spin: {
             type: PropType<boolean>;
             default: boolean;
@@ -181,6 +181,10 @@ export declare const SvgIcon: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+    name: {
+        type: PropType<string>;
+        required: true;
+    };
     size: {
         type: PropType<string | number>;
         default: number;
@@ -189,10 +193,6 @@ export declare const SvgIcon: {
         type: PropType<string>;
         default: string;
     };
-    name: {
-        type: PropType<string>;
-        required: true;
-    };
     spin: {
         type: PropType<boolean>;
         default: boolean;

package/es/src/icon-picker/icon-picker.vue.d.ts

@@ -24,12 +24,12 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRunt
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }, {
-    width: string;
-    copy: boolean;
     value: string;
-    readonly: boolean;
     mode: "svg" | "iconify";
+    readonly: boolean;
     allowClear: boolean;
+    width: string;
+    copy: boolean;
     pageSize: number;
 }, {}>;
 export default _default;

package/es/src/icon-picker/index.d.ts

@@ -2,27 +2,27 @@ import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOpt
 export * from './interface';
 export declare const IconPicker: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
-        width: {
+        value: {
             type: PropType<string>;
             default: string;
         };
-        copy: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
-        value: {
-            type: PropType<string>;
+        mode: {
+            type: PropType<"svg" | "iconify">;
             default: string;
         };
         readonly: {
             type: PropType<boolean>;
             default: boolean;
         };
-        mode: {
-            type: PropType<"svg" | "iconify">;
+        allowClear: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        width: {
+            type: PropType<string>;
             default: string;
         };
-        allowClear: {
+        copy: {
             type: PropType<boolean>;
             default: boolean;
         };
@@ -40,27 +40,27 @@ export declare const IconPicker: {
         change: (...args: any[]) => void;
         "update:value": (...args: any[]) => void;
     }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
-        width: {
+        value: {
             type: PropType<string>;
             default: string;
         };
-        copy: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
-        value: {
-            type: PropType<string>;
+        mode: {
+            type: PropType<"svg" | "iconify">;
             default: string;
         };
         readonly: {
             type: PropType<boolean>;
             default: boolean;
         };
-        mode: {
-            type: PropType<"svg" | "iconify">;
+        allowClear: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        width: {
+            type: PropType<string>;
             default: string;
         };
-        allowClear: {
+        copy: {
             type: PropType<boolean>;
             default: boolean;
         };
@@ -75,12 +75,12 @@ export declare const IconPicker: {
         onChange?: ((...args: any[]) => any) | undefined;
         "onUpdate:value"?: ((...args: any[]) => any) | undefined;
     }, {
-        width: string;
-        copy: boolean;
         value: string;
-        readonly: boolean;
         mode: "svg" | "iconify";
+        readonly: boolean;
         allowClear: boolean;
+        width: string;
+        copy: boolean;
         pageSize: number;
     }, true, {}, {}, {
         P: {};
@@ -90,27 +90,27 @@ export declare const IconPicker: {
         M: {};
         Defaults: {};
     }, Readonly< ExtractPropTypes<{
-        width: {
+        value: {
             type: PropType<string>;
             default: string;
         };
-        copy: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
-        value: {
-            type: PropType<string>;
+        mode: {
+            type: PropType<"svg" | "iconify">;
             default: string;
         };
         readonly: {
             type: PropType<boolean>;
             default: boolean;
         };
-        mode: {
-            type: PropType<"svg" | "iconify">;
+        allowClear: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        width: {
+            type: PropType<string>;
             default: string;
         };
-        allowClear: {
+        copy: {
             type: PropType<boolean>;
             default: boolean;
         };
@@ -125,39 +125,39 @@ export declare const IconPicker: {
         onChange?: ((...args: any[]) => any) | undefined;
         "onUpdate:value"?: ((...args: any[]) => any) | undefined;
     }, {}, {}, {}, {}, {
-        width: string;
-        copy: boolean;
         value: string;
-        readonly: boolean;
         mode: "svg" | "iconify";
+        readonly: boolean;
         allowClear: boolean;
+        width: string;
+        copy: boolean;
         pageSize: number;
     }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
-    width: {
+    value: {
         type: PropType<string>;
         default: string;
     };
-    copy: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
-    value: {
-        type: PropType<string>;
+    mode: {
+        type: PropType<"svg" | "iconify">;
         default: string;
     };
     readonly: {
         type: PropType<boolean>;
         default: boolean;
     };
-    mode: {
-        type: PropType<"svg" | "iconify">;
+    allowClear: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    width: {
+        type: PropType<string>;
         default: string;
     };
-    allowClear: {
+    copy: {
         type: PropType<boolean>;
         default: boolean;
     };
@@ -175,12 +175,12 @@ export declare const IconPicker: {
     change: (...args: any[]) => void;
     "update:value": (...args: any[]) => void;
 }, string, {
-    width: string;
-    copy: boolean;
     value: string;
-    readonly: boolean;
     mode: "svg" | "iconify";
+    readonly: boolean;
     allowClear: boolean;
+    width: string;
+    copy: boolean;
     pageSize: number;
 }, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin<any[]> & (new (...args: any[]) => {
     $props: {