@touchvue/ui 1.0.0-beta.46 → 1.0.0-beta.48

package/es/components/float/index.d.ts

@@ -76,6 +76,10 @@ export declare const ToFloat: import("@touchvue/ui/es/utils").SFCWithInstall<{
             type: BooleanConstructor;
             default: boolean;
         };
+        speed: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
     }>> & Readonly<{}>, {
         open: (by?: any) => void;
         close: (e?: Event) => void;
@@ -101,6 +105,7 @@ export declare const ToFloat: import("@touchvue/ui/es/utils").SFCWithInstall<{
         mask: boolean;
         dx: string | number;
         dy: string | number;
+        speed: string | number;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -185,6 +190,10 @@ export declare const ToFloat: import("@touchvue/ui/es/utils").SFCWithInstall<{
             type: BooleanConstructor;
             default: boolean;
         };
+        speed: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
     }>> & Readonly<{}>, {
         open: (by?: any) => void;
         close: (e?: Event) => void;
@@ -210,6 +219,7 @@ export declare const ToFloat: import("@touchvue/ui/es/utils").SFCWithInstall<{
         mask: boolean;
         dx: string | number;
         dy: string | number;
+        speed: string | number;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -291,6 +301,10 @@ export declare const ToFloat: import("@touchvue/ui/es/utils").SFCWithInstall<{
         type: BooleanConstructor;
         default: boolean;
     };
+    speed: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
 }>> & Readonly<{}>, {
     open: (by?: any) => void;
     close: (e?: Event) => void;
@@ -316,6 +330,7 @@ export declare const ToFloat: import("@touchvue/ui/es/utils").SFCWithInstall<{
     mask: boolean;
     dx: string | number;
     dy: string | number;
+    speed: string | number;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

package/es/components/float/src/Float.vue.d.ts

@@ -82,6 +82,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    speed: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
 }>, {
     open: typeof open;
     close: typeof close;
@@ -164,6 +168,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    speed: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
 }>> & Readonly<{}>, {
     mode: string;
     left: string | number;
@@ -184,6 +192,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     mask: boolean;
     dx: string | number;
     dy: string | number;
+    speed: string | number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/es/components/float/src/float.d.ts

@@ -76,6 +76,10 @@ export declare const floatProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    speed: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
 };
 export type FloatProps = ExtractPropTypes<typeof floatProps>;
 export declare const floatEmits: string[];

package/es/components/grid/src/grid-item.vue.d.ts

@@ -1,20 +1,13 @@
-export interface GridProps {
-    space?: number | string;
-    spaceX?: number | string;
-    spaceY?: number | string;
-}
 export interface Props {
-    merge?: number | string;
     width?: number | string;
-    side?: boolean;
+    flex?: boolean;
 }
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    flex: boolean;
     width: number | string;
-    merge: number | string;
-    side: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/es/components/scroll/index.d.ts

@@ -88,8 +88,8 @@ export declare const ToScroll: import("@touchvue/ui/es/utils").SFCWithInstall<{
         modelValue: string | number;
         bottom: string | number;
         top: string | number;
-        virtual: boolean;
         speed: number;
+        virtual: boolean;
         barDisplay: string;
         except: string;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -180,8 +180,8 @@ export declare const ToScroll: import("@touchvue/ui/es/utils").SFCWithInstall<{
         modelValue: string | number;
         bottom: string | number;
         top: string | number;
-        virtual: boolean;
         speed: number;
+        virtual: boolean;
         barDisplay: string;
         except: string;
     }>;
@@ -277,8 +277,8 @@ export declare const ToScroll: import("@touchvue/ui/es/utils").SFCWithInstall<{
     modelValue: string | number;
     bottom: string | number;
     top: string | number;
-    virtual: boolean;
     speed: number;
+    virtual: boolean;
     barDisplay: string;
     except: string;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

package/es/components/scroll/src/Scroll.vue.d.ts

@@ -145,8 +145,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     modelValue: string | number;
     bottom: string | number;
     top: string | number;
-    virtual: boolean;
     speed: number;
+    virtual: boolean;
     barDisplay: string;
     except: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/components/select/src/select.d.ts

@@ -431,6 +431,20 @@ export declare const selectProps: {
         type: StringConstructor;
         default: string;
     };
+    /**
+     * 是否开启远程搜索
+     */
+    remote: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 远程搜索方法
+     */
+    remoteMethod: {
+        type: FunctionConstructor;
+        default: any;
+    };
 };
 export type SelectProps = ExtractPropTypes<typeof selectProps>;
 export {};

package/es/components/select/src/select.vue.d.ts

@@ -242,6 +242,14 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: StringConstructor;
         default: string;
     };
+    remote: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    remoteMethod: {
+        type: FunctionConstructor;
+        default: any;
+    };
 }>, {
     closeLayer: () => void;
     setSelected: (val: any) => void;
@@ -486,6 +494,14 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: StringConstructor;
         default: string;
     };
+    remote: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    remoteMethod: {
+        type: FunctionConstructor;
+        default: any;
+    };
 }>> & Readonly<{
     onSelect?: (value: string | number) => any;
     onChange?: (value: SelectValueType, option: any) => any;
@@ -550,6 +566,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     focusWhenClear: boolean;
     beforeChange: Function;
     valueType: string;
+    remote: boolean;
+    remoteMethod: Function;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/es/packages/components/float/src/Float.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, useAttrs, ref, watch, computed, onMounted, onActivated, onBeforeUnmount, onDeactivated, nextTick, openBlock, createBlock, Teleport, createElementBlock, normalizeClass, unref, normalizeStyle, withModifiers, createElementVNode, renderSlot, createCommentVNode } from 'vue';
+import { defineComponent, useAttrs, ref, watch, computed, onMounted, onActivated, onBeforeUnmount, onDeactivated, nextTick, openBlock, createElementBlock, Fragment, createElementVNode, createBlock, Teleport, normalizeClass, unref, normalizeStyle, withModifiers, renderSlot, createCommentVNode } from 'vue';
 import { floatProps, floatEmits } from './float.mjs';
 
 const __default__ = defineComponent({
@@ -59,6 +59,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         arr.push("is-mask");
       return arr;
     });
+    const transitionTransform = computed(() => `transform ${props.speed}ms ease-out`);
     const setStyle = computed(() => {
       var _a;
       const obj = {};
@@ -147,6 +148,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       } else if (link2) {
         if (wrapper.value)
           wrapper.value.style.height = "";
+        if (el.value) {
+          el.value.style.transition = "none";
+          el.value.style.transform = "";
+        }
         nextTick(() => {
           var _a, _b;
           if (!props.width && el.value) {
@@ -209,71 +214,77 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 }
               }
             }
-            if (el.value === null)
-              return;
-            if (iposition.value === "top") {
-              el.value.style.top = "";
-              el.value.style.bottom = bottomSpace + linkHeight - 1 - dy + "px";
-            }
-            if (iposition.value === "bottom") {
-              el.value.style.top = topSpace + linkHeight - 1 + dy + "px";
-              el.value.style.bottom = "";
-            }
-            if (iposition.value === "top" || iposition.value === "bottom") {
-              if (ialign.value === "left") {
-                el.value.style.left = leftSpace + dx + "px";
-                el.value.style.right = "";
-              } else if (ialign.value === "center") {
-                el.value.style.left = leftSpace - wrapperWidth / 2 + linkWidth / 2 + "px";
-                el.value.style.right = "";
-              } else {
-                el.value.style.right = rightSpace - dx + "px";
-                el.value.style.left = "";
-              }
-            }
-            if (iposition.value === "left") {
-              el.value.style.right = rightSpace + linkWidth - dx - 1 + "px";
-              el.value.style.left = "";
-            }
-            if (iposition.value === "right") {
-              el.value.style.left = leftSpace + linkWidth + dx - 1 + "px";
-              el.value.style.right = "";
-            }
-            if (iposition.value === "left" || iposition.value === "right") {
-              if (ialign.value === "bottom") {
+            if (el.value) {
+              if (iposition.value === "top") {
                 el.value.style.top = "";
-                el.value.style.bottom = bottomSpace - dy + "px";
-              } else {
-                el.value.style.top = topSpace + dy + "px";
+                el.value.style.bottom = bottomSpace + linkHeight - 1 - dy + "px";
+              }
+              if (iposition.value === "bottom") {
+                el.value.style.top = topSpace + linkHeight - 1 + dy + "px";
                 el.value.style.bottom = "";
               }
-            }
-            if (iposition.value === "bottom") {
-              useSpace = bottomSpace;
-              origin.value = "top";
-            } else if (iposition.value === "top") {
-              useSpace = topSpace;
-              origin.value = "bottom";
-            } else {
-              if (ialign.value === "bottom") {
-                useSpace = topSpace + linkHeight;
-                origin.value = "bottom";
-              } else if (ialign.value === "top") {
-                useSpace = bottomSpace + linkHeight;
+              if (iposition.value === "top" || iposition.value === "bottom") {
+                if (ialign.value === "left") {
+                  el.value.style.left = leftSpace + dx + "px";
+                  el.value.style.right = "";
+                } else if (ialign.value === "center") {
+                  el.value.style.left = leftSpace - wrapperWidth / 2 + linkWidth / 2 + "px";
+                  el.value.style.right = "";
+                } else {
+                  el.value.style.right = rightSpace - dx + "px";
+                  el.value.style.left = "";
+                }
+              }
+              if (iposition.value === "left") {
+                el.value.style.right = rightSpace + linkWidth - dx - 1 + "px";
+                el.value.style.left = "";
+              }
+              if (iposition.value === "right") {
+                el.value.style.left = leftSpace + linkWidth + dx - 1 + "px";
+                el.value.style.right = "";
+              }
+              if (iposition.value === "left" || iposition.value === "right") {
+                if (ialign.value === "bottom") {
+                  el.value.style.top = "";
+                  el.value.style.bottom = bottomSpace - dy + "px";
+                } else {
+                  el.value.style.top = topSpace + dy + "px";
+                  el.value.style.bottom = "";
+                }
+              }
+              if (iposition.value === "bottom") {
+                useSpace = bottomSpace;
                 origin.value = "top";
+              } else if (iposition.value === "top") {
+                useSpace = topSpace;
+                origin.value = "bottom";
               } else {
-                console.error("[ToFloat] \u6D6E\u5C42\u5BF9\u9F50\u65B9\u5F0F\u8BBE\u7F6E\u9519\u8BEF\uFF01position \u5728\u5DE6\u53F3\u4E24\u4FA7\u65F6\uFF0C\u5BF9\u9F50\u65B9\u5F0F\u5E94\u662F\u9876\u90E8\u6216\u5E95\u90E8");
+                if (ialign.value === "bottom") {
+                  useSpace = topSpace + linkHeight;
+                  origin.value = "bottom";
+                } else if (ialign.value === "top") {
+                  useSpace = bottomSpace + linkHeight;
+                  origin.value = "top";
+                } else {
+                  console.error("[ToFloat] \u6D6E\u5C42\u5BF9\u9F50\u65B9\u5F0F\u8BBE\u7F6E\u9519\u8BEF\uFF01position \u5728\u5DE6\u53F3\u4E24\u4FA7\u65F6\uFF0C\u5BF9\u9F50\u65B9\u5F0F\u5E94\u662F\u9876\u90E8\u6216\u5E95\u90E8");
+                }
+              }
+              if (useSpace < wrapperHeight && wrapper.value) {
+                isOver.value = true;
+                wrapper.value.style.height = useSpace + "px";
+              }
+              if (link2) {
+                const ratio = link2.getBoundingClientRect().width / link2.offsetWidth;
+                const ratio2 = Number(getComputedStyle(link2).fontSize.trim().toLowerCase().replace(/px$/, "")) / Number(getComputedStyle(document.body).fontSize.trim().toLowerCase().replace(/px$/, ""));
+                size.value = ratio * ratio2;
               }
             }
-            if (useSpace < wrapperHeight && wrapper.value) {
-              isOver.value = true;
-              wrapper.value.style.height = useSpace + "px";
-            }
-            if (link2) {
-              const ratio = link2.getBoundingClientRect().width / link2.offsetWidth;
-              const ratio2 = Number(getComputedStyle(link2).fontSize.trim().toLowerCase().replace(/px$/, "")) / Number(getComputedStyle(document.body).fontSize.trim().toLowerCase().replace(/px$/, ""));
-              size.value = ratio * ratio2;
-            }
+          }
+          if (el.value) {
+            setOpenStyle();
+          }
+          if (link2 && !("x" in link2) && !("touches" in link2)) {
+            setScrollStatus();
           }
         });
       }
@@ -314,7 +325,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             emit("opened");
             clearTimeout(timer);
             timer = null;
-          }, 100);
+          }, Number(props.speed));
           isOpen.value = true;
         } else {
           document.body.addEventListener("mousedown", blur);
@@ -343,10 +354,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           }
           setTimeout(() => {
             set(link.value);
-            setOpenStyle();
-            if (link.value && !("x" in link.value) && !("touches" in link.value)) {
-              setScrollStatus();
-            }
           }, 0);
           if (props.afterOpen && Object.prototype.toString.call(props.afterOpen) === "[object Function]") {
             props.afterOpen();
@@ -372,22 +379,24 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           wrapper.value.style.transform = "translateX(-100%)";
         }
         setTimeout(() => {
-          wrapper.value.style.transition = "transform 100ms ease-out";
+          wrapper.value.style.transition = transitionTransform.value;
           wrapper.value.style.transform = "translateY(0)";
           setTimeout(() => {
             wrapper.value.style.transform = "";
-          }, 100);
+          }, Number(props.speed));
         }, 0);
       } else {
+        el.value.style.transition = "none";
         el.value.style.transform = "scale(1, 0)";
         el.value.style.visibility = "visible";
-        setTimeout(() => {
-          el.value.style.transition = "transform 100ms ease-out";
+        requestAnimationFrame(() => {
+          el.value.style.transition = transitionTransform.value;
           el.value.style.transform = "scale(1)";
           setTimeout(() => {
             el.value.style.transform = "";
-          }, 100);
-        }, 0);
+            el.value.style.transition = "";
+          }, Number(props.speed));
+        });
       }
       el.value.style.zIndex = (_a = window.$TouchUI) == null ? void 0 : _a.zIndex;
     }
@@ -437,7 +446,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         if (props.afterClose && Object.prototype.toString.call(props.afterClose) === "[object Function]") {
           props.afterClose();
         }
-      }, 100);
+      }, Number(props.speed));
     }
     function setCloseStyle() {
       if (props.slide) {
@@ -454,7 +463,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           wrapper.value.style.transform = "translateX(-100%)";
         }
       } else {
-        el.value.style.transform = "scale(1,0)";
+        el.value.style.transition = transitionTransform.value;
+        el.value.style.transform = "scale(1, 0)";
       }
     }
     function toggle(by) {
@@ -513,63 +523,72 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     }
     __expose({ open, close, toggle, set });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(Teleport, {
-        to: "body",
-        disabled: !_ctx.global
-      }, [
-        (_ctx.lazy ? ifShow.value : true) ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          ref_key: "el",
-          ref: el,
-          class: normalizeClass(["to-float", [setClass.value, unref(attrs).class]]),
-          style: normalizeStyle([setStyle.value, unref(attrs).style]),
-          onMousedown: ($event) => _ctx.$emit("click"),
-          onTouchstart: ($event) => _ctx.$emit("click"),
-          onMouseenter: ($event) => _ctx.$emit("mouseenter"),
-          onMouseleave: ($event) => _ctx.$emit("mouseleave"),
-          onClick: withModifiers(() => {
-          }, ["stop"])
-        }, [
-          createElementVNode(
-            "div",
-            {
-              ref_key: "mask",
-              ref: mask,
-              class: "to-float-mask",
-              onClick: maskClickHandle
-            },
-            null,
-            512
-            /* NEED_PATCH */
-          ),
-          createElementVNode(
-            "div",
-            {
-              ref_key: "wrapper",
-              ref: wrapper,
-              class: "to-float-wrapper",
-              style: normalizeStyle(_ctx.slide ? wrapperStyle.value : null)
-            },
-            [
+      return openBlock(), createElementBlock(
+        Fragment,
+        null,
+        [
+          createElementVNode("div", null, "1"),
+          (openBlock(), createBlock(Teleport, {
+            to: "body",
+            disabled: !_ctx.global
+          }, [
+            (_ctx.lazy ? ifShow.value : true) ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              ref_key: "el",
+              ref: el,
+              class: normalizeClass(["to-float", [setClass.value, unref(attrs).class]]),
+              style: normalizeStyle([setStyle.value, unref(attrs).style]),
+              onMousedown: ($event) => _ctx.$emit("click"),
+              onTouchstart: ($event) => _ctx.$emit("click"),
+              onMouseenter: ($event) => _ctx.$emit("mouseenter"),
+              onMouseleave: ($event) => _ctx.$emit("mouseleave"),
+              onClick: withModifiers(() => {
+              }, ["stop"])
+            }, [
               createElementVNode(
                 "div",
                 {
-                  ref_key: "content",
-                  ref: content,
-                  class: "to-float-content"
+                  ref_key: "mask",
+                  ref: mask,
+                  class: "to-float-mask",
+                  onClick: maskClickHandle
                 },
-                [
-                  renderSlot(_ctx.$slots, "default")
-                ],
+                null,
                 512
                 /* NEED_PATCH */
+              ),
+              createElementVNode(
+                "div",
+                {
+                  ref_key: "wrapper",
+                  ref: wrapper,
+                  class: "to-float-wrapper",
+                  style: normalizeStyle(_ctx.slide ? wrapperStyle.value : null)
+                },
+                [
+                  createElementVNode(
+                    "div",
+                    {
+                      ref_key: "content",
+                      ref: content,
+                      class: "to-float-content"
+                    },
+                    [
+                      renderSlot(_ctx.$slots, "default")
+                    ],
+                    512
+                    /* NEED_PATCH */
+                  )
+                ],
+                4
+                /* STYLE */
               )
-            ],
-            4
-            /* STYLE */
-          )
-        ], 46, ["onMousedown", "onTouchstart", "onMouseenter", "onMouseleave", "onClick"])) : createCommentVNode("v-if", true)
-      ], 8, ["disabled"]);
+            ], 46, ["onMousedown", "onTouchstart", "onMouseenter", "onMouseleave", "onClick"])) : createCommentVNode("v-if", true)
+          ], 8, ["disabled"]))
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
     };
   }
 });