@aplus-frontend/ui 0.0.1-beta.1 → 0.0.1-beta.3

package/lib/src/scroll-bar/scroll-bar.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("@aplus-frontend/utils"),g=require("../constants/component-setting.js"),v=require("./bar-item.js");require("./style/index.css");require("../config-provider/index.js");const S=require("../config-provider/hooks/use-namespace.js");var m;const C=e.defineComponent({name:"ApScrollbar",__name:"scroll-bar",props:{native:{type:Boolean,default:(m=g.default.scrollbar)==null?void 0:m.native},wrapStyle:{default:""},wrapClass:{default:""},viewClass:{default:""},viewStyle:{default:""},noresize:{type:Boolean},tag:{default:"div"},scrollHeight:{default:0}},setup(p,{expose:z}){const l=p,i=e.ref("0"),u=e.ref("0"),c=e.ref(0),f=e.ref(0),r=e.ref(),s=e.ref(),{b:h,e:d,em:w}=S.useNamespace("scrollbar");e.provide("scroll-bar-wrap",r);const y=()=>{l.native||(f.value=e.unref(r).scrollTop*100/e.unref(r).clientHeight,c.value=e.unref(r).scrollLeft*100/e.unref(r).clientWidth)},n=()=>{if(!e.unref(r))return;const t=e.unref(r).clientHeight*100/e.unref(r).scrollHeight,o=e.unref(r).clientWidth*100/e.unref(r).scrollWidth;u.value=t<100?t+"%":"",i.value=o<100?o+"%":""};return e.watch(()=>l.scrollHeight,()=>{l.native||n()}),z({wrap:r}),e.onMounted(()=>{l.native||(e.nextTick(n),l.noresize||(a.addResizeListener(e.unref(s),n),a.addResizeListener(e.unref(r),n),addEventListener("resize",n)))}),e.onBeforeUnmount(()=>{l.native||l.noresize||(a.removeResizeListener(e.unref(s),n),a.removeResizeListener(e.unref(r),n),removeEventListener("resize",n))}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(h)())},[e.createElementVNode("div",{ref_key:"wrap",ref:r,class:e.normalizeClass([t.wrapClass,e.unref(d)("wrap"),t.native?"":e.unref(w)("wrap","hidden-default")]),style:e.normalizeStyle(t.wrapStyle),onScroll:y},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),{ref_key:"resize",ref:s,class:e.normalizeClass([e.unref(d)("view"),t.viewClass]),style:e.normalizeStyle(t.viewStyle)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class","style"]))],38),t.native?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(e.unref(v.default),{move:c.value,size:i.value},null,8,["move","size"]),e.createVNode(e.unref(v.default),{vertical:"",move:f.value,size:u.value},null,8,["move","size"])],64))],2))}});exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("@aplus-frontend/utils"),p=require("./bar-item.js");require("./style/index.css");require("../config-provider/index.js");const S=require("../config-provider/hooks/use-global-config.js"),k=require("../config-provider/hooks/use-namespace.js"),B=e.defineComponent({name:"ApScrollbar",__name:"scroll-bar",props:{native:{type:Boolean},wrapStyle:{default:""},wrapClass:{default:""},viewClass:{default:""},viewStyle:{default:""},noresize:{type:Boolean},tag:{default:"div"},scrollHeight:{default:0}},setup(z,{expose:g}){var m;const h=S.useGlobalConfig(),a=z,w=!!((m=h.value.scrollbar)!=null&&m.native),n=e.computed(()=>a.native||w),u=e.ref("0"),c=e.ref("0"),f=e.ref(0),v=e.ref(0),r=e.ref(),s=e.ref(),{b:y,e:d,em:C}=k.useNamespace("scrollbar");e.provide("scroll-bar-wrap",r);const b=()=>{n.value||(v.value=e.unref(r).scrollTop*100/e.unref(r).clientHeight,f.value=e.unref(r).scrollLeft*100/e.unref(r).clientWidth)},t=()=>{if(!e.unref(r))return;const l=e.unref(r).clientHeight*100/e.unref(r).scrollHeight,i=e.unref(r).clientWidth*100/e.unref(r).scrollWidth;c.value=l<100?l+"%":"",u.value=i<100?i+"%":""};return e.watch(()=>a.scrollHeight,()=>{n.value||t()}),g({wrap:r}),e.onMounted(()=>{n.value||(e.nextTick(t),a.noresize||(o.addResizeListener(e.unref(s),t),o.addResizeListener(e.unref(r),t),addEventListener("resize",t)))}),e.onBeforeUnmount(()=>{n.value||a.noresize||(o.removeResizeListener(e.unref(s),t),o.removeResizeListener(e.unref(r),t),removeEventListener("resize",t))}),(l,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(y)())},[e.createElementVNode("div",{ref_key:"wrap",ref:r,class:e.normalizeClass([l.wrapClass,e.unref(d)("wrap"),n.value?"":e.unref(C)("wrap","hidden-default")]),style:e.normalizeStyle(l.wrapStyle),onScroll:b},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.tag),{ref_key:"resize",ref:s,class:e.normalizeClass([e.unref(d)("view"),l.viewClass]),style:e.normalizeStyle(l.viewStyle)},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},8,["class","style"]))],38),n.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(e.unref(p.default),{move:f.value,size:u.value},null,8,["move","size"]),e.createVNode(e.unref(p.default),{vertical:"",move:v.value,size:c.value},null,8,["move","size"])],64))],2))}});exports.default=B;

package/lib/src/strength-meter/index.d.ts

@@ -1,31 +1,32 @@
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from 'vue';
 export * from './interface';
-export declare const StrengthMeter: import('@aplus-frontend/utils/src/vue/install').SFCWithInstall<{
-    new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
+export declare const StrengthMeter: {
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
         value: {
-            type: import('vue').PropType<string>;
+            type: PropType<string>;
         };
         disabled: {
-            type: import('vue').PropType<boolean>;
+            type: PropType<boolean>;
         };
         showInput: {
-            type: import('vue').PropType<boolean>;
+            type: PropType<boolean>;
             default: boolean;
         };
     }>> & {
         onChange?: ((...args: any[]) => any) | undefined;
         "onScore-change"?: ((...args: any[]) => any) | undefined;
-    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
         change: (...args: any[]) => void;
         "score-change": (...args: any[]) => void;
-    }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+    }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
         value: {
-            type: import('vue').PropType<string>;
+            type: PropType<string>;
         };
         disabled: {
-            type: import('vue').PropType<boolean>;
+            type: PropType<boolean>;
         };
         showInput: {
-            type: import('vue').PropType<boolean>;
+            type: PropType<boolean>;
             default: boolean;
         };
     }>> & {
@@ -40,15 +41,15 @@ export declare const StrengthMeter: import('@aplus-frontend/utils/src/vue/instal
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
+    }, Readonly< ExtractPropTypes<{
         value: {
-            type: import('vue').PropType<string>;
+            type: PropType<string>;
         };
         disabled: {
-            type: import('vue').PropType<boolean>;
+            type: PropType<boolean>;
         };
         showInput: {
-            type: import('vue').PropType<boolean>;
+            type: PropType<boolean>;
             default: boolean;
         };
     }>> & {
@@ -60,25 +61,29 @@ export declare const StrengthMeter: import('@aplus-frontend/utils/src/vue/instal
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     value: {
-        type: import('vue').PropType<string>;
+        type: PropType<string>;
     };
     disabled: {
-        type: import('vue').PropType<boolean>;
+        type: PropType<boolean>;
     };
     showInput: {
-        type: import('vue').PropType<boolean>;
+        type: PropType<boolean>;
         default: boolean;
     };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onScore-change"?: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     change: (...args: any[]) => void;
     "score-change": (...args: any[]) => void;
 }, string, {
     showInput: boolean;
-}, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: Partial<Record<string, (_: any) => any>>;
-})>;
+}) & Plugin<any[]> & (new (...args: any[]) => {
+    $props: {
+        onClick?: (() => void) | undefined;
+    };
+});

package/lib/src/strength-meter/strength-meter.vue.d.ts

@@ -1,11 +1,12 @@
 import { StrengthMeterProps } from './interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<StrengthMeterProps>, {
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<StrengthMeterProps>, {
     showInput: boolean;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     change: (...args: any[]) => void;
     "score-change": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<StrengthMeterProps>, {
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<StrengthMeterProps>, {
     showInput: boolean;
 }>>> & {
     onChange?: ((...args: any[]) => any) | undefined;
@@ -17,9 +18,9 @@ export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
-        type: import('vue').PropType<T[K]>;
+        type: PropType<T[K]>;
         required: true;
     };
 };

package/lib/src/theme/ap-form/ap-form-item-group.css

@@ -0,0 +1,9 @@
+.aplus-ap-form-item-group .ant-form-item-control .ant-picker {
+  display: flex;
+}
+.aplus-ap-form-item-group .ant-form-item-control .ant-input-number {
+  width: 100%;
+}
+.aplus-ap-form-item-group-col-hidden {
+  display: none !important;
+}

package/lib/src/theme/pro-table/pro-table.css

@@ -1,20 +1,25 @@
 .aplus-pro-table {
   max-width: 100%;
   height: 100%;
+  padding: 16px;
+}
+.aplus-pro-table-no-divide .ant-table-wrapper {
+  border-top-left-radius: 0 !important;
+  border-top-right-radius: 0 !important;
 }
 .aplus-pro-table-row__striped td {
   background-color: #fafafa !important;
 }
-.aplus-pro-table-form-container {
-  padding: 16px;
-}
 .aplus-pro-table-form-container .ant-form {
   width: 100%;
-  margin-bottom: 16px;
-  padding: 16px 16px 4px;
+  padding: 16px 16px 8px;
   border-radius: 2px;
   background-color: #fff;
 }
+.aplus-pro-table-form-container-no-divide .ant-form {
+  border-bottom-left-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
 .aplus-pro-table .ant-table-cell .ant-tag {
   margin-right: 0;
 }

package/lib/src/transition/collapse-transition.vue.d.ts

@@ -1,5 +1,6 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
 
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>, {
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{}>>, {}, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/lib/src/transition/create-transition.d.ts

@@ -1,7 +1,7 @@
-import { PropType } from 'vue';
+import { PropType, DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
 
 type Mode = 'in-out' | 'out-in' | 'default' | undefined;
-export declare function createSimpleTransition(name: string, origin?: string, mode?: Mode): import('vue').DefineComponent<{
+export declare function createSimpleTransition(name: string, origin?: string, mode?: Mode): DefineComponent<{
     group: {
         type: PropType<boolean>;
         default: boolean;
@@ -14,7 +14,7 @@ export declare function createSimpleTransition(name: string, origin?: string, mo
         type: PropType<string>;
         default: string;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     group: {
         type: PropType<boolean>;
         default: boolean;
@@ -32,12 +32,12 @@ export declare function createSimpleTransition(name: string, origin?: string, mo
     group: boolean;
     origin: string;
 }, {}>;
-export declare function createJavascriptTransition(name: string, functions: Record<string, any>, mode?: Mode): import('vue').DefineComponent<{
+export declare function createJavascriptTransition(name: string, functions: Record<string, any>, mode?: Mode): DefineComponent<{
     mode: {
         type: PropType<Mode>;
         default: "default" | "in-out" | "out-in";
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     mode: {
         type: PropType<Mode>;
         default: "default" | "in-out" | "out-in";