@fangzhongya/fang-ui 0.0.31 → 0.0.33

package/dist/components/seamless-scroll/src/index.js

@@ -0,0 +1,148 @@
+import { defineComponent, ref, onMounted, nextTick, onUnmounted, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, Fragment, renderList, createBlock, KeepAlive, createCommentVNode, renderSlot } from "vue";
+import { dataEmits, dataProps, dataExpose } from "./data.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { timer } from "d3-timer";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const cs = useCssName("seamless-scroll");
+    const props = __props;
+    const loopCount = ref(new Array(5));
+    let ties = null;
+    let tWatch = null;
+    const refDom = ref();
+    const refLine = ref();
+    const refWarp = ref();
+    let parentHeight = ref(0);
+    const createTimer = (handle, fps = 32) => new Promise((resolve, reject) => {
+      resolve(
+        timer(() => {
+          try {
+            handle();
+          } catch (err) {
+            reject(err);
+          }
+        }, 1e3 / fps)
+      );
+    });
+    const getTime = () => (/* @__PURE__ */ new Date()).getTime();
+    const val = ref();
+    const currentFps = ref(60);
+    let animation = true;
+    let lastTime = getTime();
+    const onStop = () => animation = false;
+    const onPlay = () => {
+      animation = true;
+      lastTime = getTime();
+    };
+    const hideItemsIndex = ref([]);
+    onMounted(() => {
+      nextTick(() => {
+        refDom.value.addEventListener("mouseover", onStop);
+        refDom.value.addEventListener("mouseout", onPlay);
+        const parentElementRect = refDom.value.parentElement.getBoundingClientRect();
+        parentHeight.value = parentElementRect.height;
+        let warpLineHeight = refLine.value[0].getBoundingClientRect().height;
+        let lastY = -warpLineHeight;
+        let translateY = -warpLineHeight;
+        loopCount.value = new Array(
+          Math.ceil(parentHeight.value / warpLineHeight) * 3
+        );
+        createTimer(() => {
+          if (!animation && props.pauseOnHover) {
+            return;
+          }
+          const limitHeight = props.reverse ? -warpLineHeight * (loopCount.value.length / 3) : -warpLineHeight * (loopCount.value.length / 3 * 2);
+          const currentTime = getTime();
+          currentFps.value = Math.ceil(1e3 / (currentTime - lastTime));
+          const len = (currentTime - lastTime) * (props.stepLength / 1e3);
+          lastTime = currentTime;
+          translateY += (props.reverse ? 1 : -1) * len;
+          if (props.reverse) {
+            translateY = translateY > limitHeight ? -(warpLineHeight + Math.abs(translateY % warpLineHeight)) : translateY;
+          } else {
+            translateY = translateY < limitHeight ? Math.sign(translateY) * (Math.abs(translateY % warpLineHeight) + warpLineHeight) : translateY;
+          }
+          val.value = translateY;
+          refWarp.value.style.setProperty(
+            "transform",
+            `translate3d(0px ,${translateY}px,0px)`
+          );
+          lastY = translateY;
+          const indexs = [];
+          refLine.value.forEach((item, i) => {
+            let currenRect = refLine.value[i].getBoundingClientRect();
+            let parentElementRect2 = refDom.value.parentElement.getBoundingClientRect();
+            if (currenRect.y + currenRect.height < parentElementRect2.y || currenRect.y > parentElementRect2.y + parentElementRect2.height) {
+              indexs.push(i);
+            } else {
+              indexs.splice(hideItemsIndex.value.indexOf(i), 1);
+            }
+          });
+          hideItemsIndex.value = indexs;
+        }).then((timer2) => {
+          ties = timer2;
+        }).catch((err) => {
+          console.error(err);
+        });
+        createTimer(() => {
+          parentHeight.value = refDom.value.parentElement.getBoundingClientRect().height;
+          warpLineHeight = refLine.value[0].getBoundingClientRect().height;
+          loopCount.value = new Array(
+            Math.ceil(parentHeight.value / warpLineHeight) * 3
+          );
+        }).then((timer2) => {
+          tWatch = timer2;
+        }).catch((err) => {
+          console.error(err);
+        });
+      });
+    });
+    onUnmounted(() => {
+      ties?.stop();
+      tWatch?.stop();
+      if (refDom.value) {
+        refDom.value.removeEventListener("mouseover", onStop);
+        refDom.value.removeEventListener("mouseout", onPlay);
+      }
+    });
+    __expose({
+      ...dataExpose
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "refDom",
+        ref: refDom,
+        class: normalizeClass(unref(cs).z()),
+        style: normalizeStyle({ height: unref(parentHeight) + "px" })
+      }, [
+        createElementVNode("div", {
+          ref_key: "refWarp",
+          ref: refWarp,
+          class: normalizeClass(unref(cs).z("warp"))
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(loopCount.value.length, (i) => {
+            return openBlock(), createBlock(KeepAlive, {
+              key: "ss_" + i
+            }, [
+              !hideItemsIndex.value.includes(i) ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                ref_for: true,
+                ref_key: "refLine",
+                ref: refLine,
+                class: normalizeClass(unref(cs).z("warp-line"))
+              }, [
+                renderSlot(_ctx.$slots, "default")
+              ], 2)) : createCommentVNode("", true)
+            ], 1024);
+          }), 128))
+        ], 2)
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/seamless-scroll/src/index2.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const index_vue_vue_type_script_setup_true_lang = require("./index.cjs");
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

package/dist/components/seamless-scroll/src/index2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./index.js";
+export {
+  _sfc_main as default
+};

package/dist/components/select/index.d.ts

@@ -1,4 +1,5 @@
-import { CreateComponentPublicInstanceWithMixins, Ref, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ExtractPropTypes, PropType, Component, ComputedRef, ShallowRef, WritableComputedRef, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentProvideOptions, ComponentOptionsBase, Plugin } from 'vue';
+import { SFCWithInstall } from '../../utils/vues';
+import { CreateComponentPublicInstanceWithMixins, Ref, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ExtractPropTypes, PropType, Component, ComputedRef, ShallowRef, WritableComputedRef, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentProvideOptions, ComponentOptionsBase } from 'vue';
 import { EpPropFinalized, EpPropMergeType } from 'element-plus/es/utils';
 import { PopperEffect, Options, Placement } from 'element-plus/es/index';
 import { OptionPublicInstance, OptionBasic } from 'element-plus/es/components/select';
@@ -6,7 +7,7 @@ import { OptionValue, SelectStates } from 'element-plus/es/components/select/src
 import { DebouncedFunc } from 'lodash';
 import { TooltipInstance } from 'element-plus/es/components/tooltip';
 import { ScrollbarInstance } from 'element-plus/es/components/scrollbar';
-declare const Select: {
+declare const Select: SFCWithInstall<{
     new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
         refEl: Ref<any, any>;
     }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {
@@ -579,5 +580,5 @@ declare const Select: {
     refEl: Ref<any, any>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: Partial<Record<string, (_: any) => any>>;
-}) & Plugin;
+})>;
 export { Select, Select as default };

package/dist/components/select-dialog/index.d.ts

@@ -1,6 +1,7 @@
-import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, ComputedRef, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
+import { SFCWithInstall } from '../../utils/vues';
+import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, ComputedRef, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
 import { ModelValue } from './src/data';
-declare const SelectDialog: {
+declare const SelectDialog: SFCWithInstall<{
     new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         width: {
             type: (NumberConstructor | StringConstructor)[];
@@ -235,5 +236,5 @@ declare const SelectDialog: {
     $slots: Partial<Record<string, (_: {}) => any>> & {
         suffix?(_: {}): any;
     };
-}) & Plugin;
+})>;
 export { SelectDialog, SelectDialog as default };

package/dist/components/select-dialog/src/data.cjs

@@ -15,7 +15,6 @@ require("@fangzhongya/utils/basic/object/deepCopy");
 require("@fangzhongya/utils/basic/Array/toggleArray");
 require("@fangzhongya/utils/basic/object/objValue");
 require("../../../utils/vues/getBuildProps.cjs");
-require("../../../utils/vues/withInstall.cjs");
 require("@fangzhongya/utils/css/setObjStyle");
 require("@fangzhongya/utils/css/getCss");
 const dataProps = buildProps.buildProps({

package/dist/components/select-dialog/src/data.js

@@ -13,7 +13,6 @@ import "@fangzhongya/utils/basic/object/deepCopy";
 import "@fangzhongya/utils/basic/Array/toggleArray";
 import "@fangzhongya/utils/basic/object/objValue";
 import "../../../utils/vues/getBuildProps.js";
-import "../../../utils/vues/withInstall.js";
 import "@fangzhongya/utils/css/setObjStyle";
 import "@fangzhongya/utils/css/getCss";
 const dataProps = buildProps({

package/dist/components/select-dialog/src/index.cjs

@@ -18,7 +18,6 @@ require("@fangzhongya/utils/basic/object/objValue");
 require("../../../hooks/global-config/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
 require("../../../utils/vues/getBuildProps.cjs");
-require("../../../utils/vues/withInstall.cjs");
 require("@fangzhongya/utils/css/setObjStyle");
 require("@fangzhongya/utils/css/getCss");
 const index$2 = require("../../input/index.cjs");

package/dist/components/select-dialog/src/index.js

@@ -16,7 +16,6 @@ import "@fangzhongya/utils/basic/object/objValue";
 import "../../../hooks/global-config/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
 import "../../../utils/vues/getBuildProps.js";
-import "../../../utils/vues/withInstall.js";
 import "@fangzhongya/utils/css/setObjStyle";
 import "@fangzhongya/utils/css/getCss";
 import { Input } from "../../input/index.js";

package/dist/components/select-popover/index.d.ts

@@ -1,6 +1,7 @@
-import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, Ref, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, Plugin } from 'vue';
+import { SFCWithInstall } from '../../utils/vues';
+import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, Ref, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties } from 'vue';
 import { OnCleanup } from '@vue/reactivity';
-declare const SelectPopover: {
+declare const SelectPopover: SFCWithInstall<{
     new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         readonly: {
             type: BooleanConstructor;
@@ -145,5 +146,5 @@ declare const SelectPopover: {
     $slots: Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & {
         suffix?(_: {}): any;
     };
-}) & Plugin;
+})>;
 export { SelectPopover, SelectPopover as default };

package/dist/components/select-popover/src/data.cjs

@@ -15,7 +15,6 @@ require("@fangzhongya/utils/basic/object/deepCopy");
 require("@fangzhongya/utils/basic/Array/toggleArray");
 require("@fangzhongya/utils/basic/object/objValue");
 require("../../../utils/vues/getBuildProps.cjs");
-require("../../../utils/vues/withInstall.cjs");
 require("@fangzhongya/utils/css/setObjStyle");
 require("@fangzhongya/utils/css/getCss");
 const dataProps = buildProps.buildProps({

package/dist/components/select-popover/src/data.js

@@ -13,7 +13,6 @@ import "@fangzhongya/utils/basic/object/deepCopy";
 import "@fangzhongya/utils/basic/Array/toggleArray";
 import "@fangzhongya/utils/basic/object/objValue";
 import "../../../utils/vues/getBuildProps.js";
-import "../../../utils/vues/withInstall.js";
 import "@fangzhongya/utils/css/setObjStyle";
 import "@fangzhongya/utils/css/getCss";
 const dataProps = buildProps({

package/dist/components/select-scroll/index.d.ts

@@ -1,85 +1,6 @@
-import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
-declare const SelectScroll: {
-    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
-        options: {
-            type: ArrayConstructor;
-            default(): never[];
-        };
-        label: {
-            type: StringConstructor;
-            default: string;
-        };
-        height: {
-            type: StringConstructor;
-            default: string;
-        };
-        limit: {
-            type: NumberConstructor;
-            default: number;
-        };
-        modelValue: {
-            type: NumberConstructor;
-            default: number;
-        };
-        max: {
-            type: NumberConstructor;
-        };
-        min: {
-            type: NumberConstructor;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
-        label: string;
-        modelValue: number;
-        options: unknown[];
-        height: string;
-        limit: number;
-    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {
-        refScroll: HTMLDivElement;
-    }, HTMLDivElement, ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly< ExtractPropTypes<{
-        options: {
-            type: ArrayConstructor;
-            default(): never[];
-        };
-        label: {
-            type: StringConstructor;
-            default: string;
-        };
-        height: {
-            type: StringConstructor;
-            default: string;
-        };
-        limit: {
-            type: NumberConstructor;
-            default: number;
-        };
-        modelValue: {
-            type: NumberConstructor;
-            default: number;
-        };
-        max: {
-            type: NumberConstructor;
-        };
-        min: {
-            type: NumberConstructor;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, {
-        label: string;
-        modelValue: number;
-        options: unknown[];
-        height: string;
-        limit: number;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+import { SFCWithInstall } from '../../utils/vues';
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const SelectScroll: SFCWithInstall<DefineComponent<ExtractPropTypes<{
     options: {
         type: ArrayConstructor;
         default(): never[];
@@ -106,11 +27,40 @@ declare const SelectScroll: {
     min: {
         type: NumberConstructor;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    options: {
+        type: ArrayConstructor;
+        default(): never[];
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    limit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    max: {
+        type: NumberConstructor;
+    };
+    min: {
+        type: NumberConstructor;
+    };
+}>> & Readonly<{}>, {
     label: string;
     modelValue: number;
     options: unknown[];
     height: string;
     limit: number;
-}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
+    refScroll: HTMLDivElement;
+}, HTMLDivElement>>;
 export { SelectScroll, SelectScroll as default };

package/dist/components/selector/index.d.ts

@@ -1,117 +1,6 @@
-import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
-declare const Selector: {
-    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
-        rangeSeparator: {
-            type: StringConstructor;
-            default: string;
-        };
-        startPlaceholder: {
-            type: StringConstructor;
-            default: string;
-        };
-        endPlaceholder: {
-            type: StringConstructor;
-            default: string;
-        };
-        clearable: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        width: {
-            type: (NumberConstructor | StringConstructor)[];
-            default: string;
-        };
-        options: {
-            type: ArrayConstructor;
-            default(): never[];
-        };
-        prop: {
-            type: StringConstructor;
-            default: string;
-        };
-        label: {
-            type: StringConstructor;
-            default: string;
-        };
-        modelValue: {
-            type: ArrayConstructor;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
-        label: string;
-        width: string | number;
-        disabled: boolean;
-        options: unknown[];
-        clearable: boolean;
-        rangeSeparator: string;
-        startPlaceholder: string;
-        endPlaceholder: string;
-        prop: string;
-    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly< ExtractPropTypes<{
-        rangeSeparator: {
-            type: StringConstructor;
-            default: string;
-        };
-        startPlaceholder: {
-            type: StringConstructor;
-            default: string;
-        };
-        endPlaceholder: {
-            type: StringConstructor;
-            default: string;
-        };
-        clearable: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        width: {
-            type: (NumberConstructor | StringConstructor)[];
-            default: string;
-        };
-        options: {
-            type: ArrayConstructor;
-            default(): never[];
-        };
-        prop: {
-            type: StringConstructor;
-            default: string;
-        };
-        label: {
-            type: StringConstructor;
-            default: string;
-        };
-        modelValue: {
-            type: ArrayConstructor;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, {
-        label: string;
-        width: string | number;
-        disabled: boolean;
-        options: unknown[];
-        clearable: boolean;
-        rangeSeparator: string;
-        startPlaceholder: string;
-        endPlaceholder: string;
-        prop: string;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+import { SFCWithInstall } from '../../utils/vues';
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const Selector: SFCWithInstall<DefineComponent<ExtractPropTypes<{
     rangeSeparator: {
         type: StringConstructor;
         default: string;
@@ -151,7 +40,47 @@ declare const Selector: {
     modelValue: {
         type: ArrayConstructor;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    rangeSeparator: {
+        type: StringConstructor;
+        default: string;
+    };
+    startPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    endPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    options: {
+        type: ArrayConstructor;
+        default(): never[];
+    };
+    prop: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: ArrayConstructor;
+    };
+}>> & Readonly<{}>, {
     label: string;
     width: string | number;
     disabled: boolean;
@@ -161,5 +90,5 @@ declare const Selector: {
     startPlaceholder: string;
     endPlaceholder: string;
     prop: string;
-}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>>;
 export { Selector, Selector as default };