@fangzhongya/fang-ui 0.0.44 → 0.0.46

package/dist/components/popup/src/index2.js

@@ -57,22 +57,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           isInit.value ? withDirectives((openBlock(), createElementBlock("div", {
             key: 0,
-            class: normalizeClass([unref(cs).z(), props.self ? "popup-center" : ""])
+            class: normalizeClass([unref(cs).z(), props.self ? unref(cs).z("center") : ""])
           }, [
             props.mask ? (openBlock(), createBlock(unref(BoxMask), {
               key: 0,
               onClick: onMaskClose,
-              cssprefix: unref(cs).z()
+              cssprefix: props.cssprefix || unref(cs).z()
             }, null, 8, ["cssprefix"])) : createCommentVNode("", true),
             withDirectives((openBlock(), createElementBlock("div", {
               class: normalizeClass(unref(cs).z("body"))
             }, [
               renderSlot(_ctx.$slots, unref(dataSlot).title, {}, () => [
                 createVNode(unref(BoxTitle), {
-                  cssprefix: unref(cs).z(),
                   onClose,
                   title: props.title
-                }, null, 8, ["cssprefix", "title"])
+                }, null, 8, ["title"])
               ]),
               createElementVNode("div", {
                 class: normalizeClass(unref(cs).z("body-div"))

package/dist/components/radio/src/data.d.ts

@@ -1,6 +1,6 @@
 import { ExtractPublicPropTypes } from 'vue';
 /**
- * @title {h2} Radio 输入框
+ * @title {h3} Radio
  * @text 目前完全继承 element-plus 中 el-radio
  */
 export declare const dataProps: {};

package/dist/components/radio-group/src/data.d.ts

@@ -1,6 +1,6 @@
 import { ExtractPublicPropTypes } from 'vue';
 /**
- * @title {h2} RadioGroup 输入框
+ * @title {h3} RadioGroup
  * @text 目前完全继承 element-plus 中 el-radio-group
  */
 export declare const dataProps: {};

package/dist/components/retract/index.cjs

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* empty css                   */
 const withInstall = require("../../utils/vues/withInstall.cjs");
 require("./src/index.cjs");
 const index_vue_vue_type_script_setup_true_lang = require("./src/index2.cjs");

package/dist/components/retract/index.css

@@ -0,0 +1,87 @@
+:root {
+  --on: rgb(91, 189, 246);
+  --color-primary: #409eff;
+  --bag-primary: #409eff;
+  --bag-primary-text: #fff;
+  --border: #eee;
+  --layout-panel-gap: 10px;
+  --layout-panel-padding: 20px;
+  --layout-form-item-padding-right: var(
+  	--layout-panel-gap
+  );
+  --g-main-bg: var(--bg-color-page);
+}
+
+.retract {
+  position: relative;
+}
+.retract .retract-but {
+  position: absolute;
+  background-color: rgba(201, 201, 201, 0.5);
+}
+.retract .retract-but .retract-icon {
+  width: 100%;
+  height: 100%;
+  display: inline-flex;
+  pointer-events: all;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  transform: rotate(0);
+  transition: transform 0.3s;
+}
+.retract .retract-but .retract-icon.is-reverse {
+  transform: rotate(-180deg);
+}
+.retract .retract-but.is-left {
+  top: 50%;
+  width: 20px;
+  height: 50px;
+  margin-top: -25px;
+  left: -20px;
+}
+.retract .retract-but.is-left .retract-icon {
+  transform: rotate(0);
+}
+.retract .retract-but.is-left .retract-icon.is-reverse {
+  transform: rotate(-180deg);
+}
+.retract .retract-but.is-right {
+  top: 50%;
+  width: 20px;
+  height: 50px;
+  margin-top: -25px;
+  right: -20px;
+}
+.retract .retract-but.is-right .retract-icon {
+  transform: rotate(-180deg);
+}
+.retract .retract-but.is-right .retract-icon.is-reverse {
+  transform: rotate(0);
+}
+.retract .retract-but.is-top {
+  left: 50%;
+  width: 50px;
+  height: 20px;
+  margin-left: -25px;
+  top: -20px;
+}
+.retract .retract-but.is-top .retract-icon {
+  transform: rotate(90deg);
+}
+.retract .retract-but.is-top .retract-icon.is-reverse {
+  transform: rotate(-90deg);
+}
+.retract .retract-but.is-bottom {
+  left: 50%;
+  width: 50px;
+  height: 20px;
+  margin-left: -25px;
+  bottom: -20px;
+}
+.retract .retract-but.is-bottom .retract-icon {
+  transform: rotate(-90deg);
+}
+.retract .retract-but.is-bottom .retract-icon.is-reverse {
+  transform: rotate(90deg);
+}

package/dist/components/retract/index.js

@@ -1,3 +1,4 @@
+/* empty css                 */
 import { withInstall } from "../../utils/vues/withInstall.js";
 import "./src/index.js";
 import _sfc_main from "./src/index2.js";

package/dist/components/retract/index.scss

@@ -0,0 +1,76 @@
+@use '../scss/common.scss' as *;
+
+$retract: 'retract';
+@include b($retract) {
+	position: relative;
+	.#{$retract}-but {
+		position: absolute;
+		.#{$retract}-icon {
+			width: 100%;
+			height: 100%;
+			display: inline-flex;
+			pointer-events: all;
+			align-items: center;
+			justify-content: center;
+			cursor: pointer;
+			transform: rotate(0);
+			transition: transform 0.3s;
+			&.is-reverse {
+				transform: rotate(-180deg);
+			}
+		}
+		background-color: rgba(201, 201, 201, 0.5);
+		&.is-left {
+			top: 50%;
+			width: 20px;
+			height: 50px;
+			margin-top: -25px;
+			left: -20px;
+			.#{$retract}-icon {
+				transform: rotate(0);
+				&.is-reverse {
+					transform: rotate(-180deg);
+				}
+			}
+		}
+		&.is-right {
+			top: 50%;
+			width: 20px;
+			height: 50px;
+			margin-top: -25px;
+			right: -20px;
+			.#{$retract}-icon {
+				transform: rotate(-180deg);
+				&.is-reverse {
+					transform: rotate(0);
+				}
+			}
+		}
+		&.is-top {
+			left: 50%;
+			width: 50px;
+			height: 20px;
+			margin-left: -25px;
+			top: -20px;
+			.#{$retract}-icon {
+				transform: rotate(90deg);
+				&.is-reverse {
+					transform: rotate(-90deg);
+				}
+			}
+		}
+		&.is-bottom {
+			left: 50%;
+			width: 50px;
+			height: 20px;
+			margin-left: -25px;
+			bottom: -20px;
+			.#{$retract}-icon {
+				transform: rotate(-90deg);
+				&.is-reverse {
+					transform: rotate(90deg);
+				}
+			}
+		}
+	}
+}

package/dist/components/retract/src/data.cjs

@@ -4,17 +4,15 @@ require("../../../utils/index.cjs");
 const buildProps = require("../../../utils/vues/buildProps.cjs");
 const dataProps = buildProps.buildProps({
   /**
-   * @props { } direction= ( ) 方向
+   * @props { } direction='right' ( 'left' | 'right' | 'top' | 'bottom' )
+   * 方向
    */
   direction: {
     type: String,
     default: "right"
   }
 });
-const dataEmits = {
-  change: (evt) => {
-  }
-};
+const dataEmits = {};
 const dataSlot = {
   default: "default",
   icon: "icon"

package/dist/components/retract/src/data.d.ts

@@ -2,7 +2,8 @@ import { ExtractPropTypes } from 'vue';
 type Direction = 'left' | 'right' | 'top' | 'bottom';
 export declare const dataProps: {
     /**
-     * @props { } direction= ( ) 方向
+     * @props { } direction='right' ( 'left' | 'right' | 'top' | 'bottom' )
+     * 方向
      */
     direction: {
         type: () => Direction;
@@ -11,23 +12,18 @@ export declare const dataProps: {
 };
 export type DataProps = ExtractPropTypes<typeof dataProps>;
 /**
- * @emits change (val:[String, Array])
- * 选择的时间
  */
-export declare const dataEmits: {
-    change: (evt: string | string[]) => void;
-};
+export declare const dataEmits: {};
 export type DataEmits = typeof dataEmits;
 /**
  * @slot default 默认插槽
+ * @slot icon 图标
  */
 export declare const dataSlot: {
     default: string;
     icon: string;
 };
 /**
- * @expose setValue (val:<string>设置的数据 )
- * 设置值
  */
 export declare const dataExpose: {};
 export {};

package/dist/components/retract/src/data.js

@@ -2,17 +2,15 @@ import "../../../utils/index.js";
 import { buildProps } from "../../../utils/vues/buildProps.js";
 const dataProps = buildProps({
   /**
-   * @props { } direction= ( ) 方向
+   * @props { } direction='right' ( 'left' | 'right' | 'top' | 'bottom' )
+   * 方向
    */
   direction: {
     type: String,
     default: "right"
   }
 });
-const dataEmits = {
-  change: (evt) => {
-  }
-};
+const dataEmits = {};
 const dataSlot = {
   default: "default",
   icon: "icon"

package/dist/components/retract/src/index2.cjs

@@ -30,7 +30,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         !visible.value ? vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).default, { key: 0 }) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", {
           onClick: vue.withModifiers(onClick, ["stop"]),
-          class: vue.normalizeClass([vue.unref(cs).z("but"), props.direction])
+          class: vue.normalizeClass([vue.unref(cs).z("but"), vue.unref(cs).is(props.direction, true)])
         }, [
           vue.createVNode(vue.unref(index$2.Icon), {
             class: vue.normalizeClass([vue.unref(cs).z("icon"), vue.unref(cs).is("reverse", visible.value)])

package/dist/components/retract/src/index2.js

@@ -28,7 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         !visible.value ? renderSlot(_ctx.$slots, unref(dataSlot).default, { key: 0 }) : createCommentVNode("", true),
         createElementVNode("div", {
           onClick: withModifiers(onClick, ["stop"]),
-          class: normalizeClass([unref(cs).z("but"), props.direction])
+          class: normalizeClass([unref(cs).z("but"), unref(cs).is(props.direction, true)])
         }, [
           createVNode(unref(Icon), {
             class: normalizeClass([unref(cs).z("icon"), unref(cs).is("reverse", visible.value)])

package/dist/components/right-key/src/data.cjs

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../utils/index.cjs");
+const data = require("../../box-teleport/src/data.cjs");
 const buildProps = require("../../../utils/vues/buildProps.cjs");
 const dataProps = buildProps.buildProps({
+  ...data.dataProps,
   /**
    * @props { Array<string> } options= ( )
    * 选择列表
@@ -14,19 +16,24 @@ const dataProps = buildProps.buildProps({
     }
   },
   /**
-   * @props { DOMString } domClass=''
+   * @props { String } domClass='' ( DOMString )
    * 可以右键的元素的样式
    */
   domClass: {
     type: [String],
     default: ""
   },
+  /**
+   * @props { Number } level=5
+   * 向上查询层级
+   */
   level: {
     type: Number,
     default: 5
   },
   /**
-   * @props { String, Function } label=label 列表中展示名称
+   * @props { String, Function } label=label
+   * 列表中展示名称
    */
   label: {
     type: [String, Function],
@@ -38,7 +45,7 @@ const dataProps = buildProps.buildProps({
    */
   boxClass: {
     type: [String]
-  },
+  }
   // /**
   //  * @props { String, Function } prop=value 列表中对比的内容
   //  */
@@ -46,12 +53,6 @@ const dataProps = buildProps.buildProps({
   // 	type: [String, Function],
   // 	default: 'value',
   // },
-  to: {
-    type: String
-  },
-  disabled: {
-    type: Boolean
-  }
 });
 const dataEmits = ["click-key", "click-right"];
 const dataSlot = {

package/dist/components/right-key/src/data.d.ts

@@ -1,5 +1,6 @@
 import { ExtractPropTypes } from 'vue';
 import { ObjAny } from '../../../types/index';
+import { FunctConfig } from '../../../utils/enums';
 export declare const dataProps: {
     /**
      * @props { Array<string> } options= ( )
@@ -25,19 +26,24 @@ export declare const dataProps: {
         default(): never[];
     };
     /**
-     * @props { DOMString } domClass=''
+     * @props { String } domClass='' ( DOMString )
      * 可以右键的元素的样式
      */
     domClass: {
         type: StringConstructor[];
         default: string;
     };
+    /**
+     * @props { Number } level=5
+     * 向上查询层级
+     */
     level: {
         type: NumberConstructor;
         default: number;
     };
     /**
-     * @props { String, Function } label=label 列表中展示名称
+     * @props { String, Function } label=label
+     * 列表中展示名称
      */
     label: {
         type: (StringConstructor | FunctionConstructor)[];
@@ -52,6 +58,7 @@ export declare const dataProps: {
     };
     to: {
         type: StringConstructor;
+        default: FunctConfig;
     };
     disabled: {
         type: BooleanConstructor;
@@ -59,8 +66,12 @@ export declare const dataProps: {
 };
 export type DataProps = ExtractPropTypes<typeof dataProps>;
 /**
- * @emits click-key (val:[String,Number, Object])
- * 点击
+ * @emits click-key (val:[String,Number, Object]当前key值, target:[EventTarget])
+ * 选中key时
+ */
+/**
+ * @emits click-right (target:[EventTarget])
+ * 点击右键弹框时
  */
 export declare const dataEmits: string[];
 export type DataEmits = typeof dataEmits;

package/dist/components/right-key/src/data.js

@@ -1,6 +1,8 @@
 import "../../../utils/index.js";
+import { dataProps as dataProps$1 } from "../../box-teleport/src/data.js";
 import { buildProps } from "../../../utils/vues/buildProps.js";
 const dataProps = buildProps({
+  ...dataProps$1,
   /**
    * @props { Array<string> } options= ( )
    * 选择列表
@@ -12,19 +14,24 @@ const dataProps = buildProps({
     }
   },
   /**
-   * @props { DOMString } domClass=''
+   * @props { String } domClass='' ( DOMString )
    * 可以右键的元素的样式
    */
   domClass: {
     type: [String],
     default: ""
   },
+  /**
+   * @props { Number } level=5
+   * 向上查询层级
+   */
   level: {
     type: Number,
     default: 5
   },
   /**
-   * @props { String, Function } label=label 列表中展示名称
+   * @props { String, Function } label=label
+   * 列表中展示名称
    */
   label: {
     type: [String, Function],
@@ -36,7 +43,7 @@ const dataProps = buildProps({
    */
   boxClass: {
     type: [String]
-  },
+  }
   // /**
   //  * @props { String, Function } prop=value 列表中对比的内容
   //  */
@@ -44,12 +51,6 @@ const dataProps = buildProps({
   // 	type: [String, Function],
   // 	default: 'value',
   // },
-  to: {
-    type: String
-  },
-  disabled: {
-    type: Boolean
-  }
 });
 const dataEmits = ["click-key", "click-right"];
 const dataSlot = {

package/dist/components/seamless-scroll/index.css

@@ -18,6 +18,7 @@
   padding: 0;
   margin: 0;
   transition: 0s;
+  min-height: 60px;
 }
 .seamless-scroll .seamless-scroll-warp-line,
 .seamless-scroll .seamless-scroll-warp {

package/dist/components/seamless-scroll/index.scss

@@ -7,6 +7,7 @@ $seamless-scroll: 'seamless-scroll';
 	padding: 0;
 	margin: 0;
 	transition: 0s;
+	min-height: 60px;
 	.#{z($seamless-scroll, 'warp-line')},
 	.#{z($seamless-scroll, 'warp')} {
 		padding: 0;

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

@@ -2,32 +2,33 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const buildProps = require("../../../utils/vues/buildProps.cjs");
 const dataProps = buildProps.buildProps({
+  /**
+   * @props { Number } stepLength=60 ( )
+   * 步长，必须大于或者等于0
+   */
   stepLength: {
     type: Number,
     default: 60,
     validator: (value) => value >= 0
   },
+  /**
+   * @props { Boolean } reverse=false ( )
+   * 是否向下滚动
+   */
   reverse: {
     type: Boolean,
     default: false
   },
-  debug: {
-    type: Boolean,
-    default: false
-  },
-  limitFps: {
-    type: Number,
-    default: 32
-  },
+  /**
+   * @props { Boolean } pauseOnHover=true ( )
+   * 鼠标进入是否停止
+   */
   pauseOnHover: {
     type: Boolean,
     default: true
   }
 });
-const dataEmits = {
-  change: (evt) => {
-  }
-};
+const dataEmits = {};
 const dataSlot = {
   default: "default"
 };

package/dist/components/seamless-scroll/src/data.d.ts

@@ -1,22 +1,26 @@
 import { ExtractPublicPropTypes } from 'vue';
 export declare const dataProps: {
+    /**
+     * @props { Number } stepLength=60 ( )
+     * 步长，必须大于或者等于0
+     */
     stepLength: {
         type: NumberConstructor;
         default: number;
         validator: (value: number) => boolean;
     };
+    /**
+     * @props { Boolean } reverse=false ( )
+     * 是否向下滚动
+     */
     reverse: {
         type: BooleanConstructor;
         default: boolean;
     };
-    debug: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    limitFps: {
-        type: NumberConstructor;
-        default: number;
-    };
+    /**
+     * @props { Boolean } pauseOnHover=true ( )
+     * 鼠标进入是否停止
+     */
     pauseOnHover: {
         type: BooleanConstructor;
         default: boolean;
@@ -24,12 +28,8 @@ export declare const dataProps: {
 };
 export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
 /**
- * @emits change (val:[String, Array])
- * 选择的时间
  */
-export declare const dataEmits: {
-    change: (evt: string | string[]) => void;
-};
+export declare const dataEmits: {};
 export type DataEmits = typeof dataEmits;
 /**
  * @slot default 默认插槽
@@ -38,7 +38,5 @@ export declare const dataSlot: {
     default: string;
 };
 /**
- * expose setValue (val:<string>设置的数据 )
- * 设置值
  */
 export declare const dataExpose: {};

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

@@ -1,31 +1,32 @@
 import { buildProps } from "../../../utils/vues/buildProps.js";
 const dataProps = buildProps({
+  /**
+   * @props { Number } stepLength=60 ( )
+   * 步长，必须大于或者等于0
+   */
   stepLength: {
     type: Number,
     default: 60,
     validator: (value) => value >= 0
   },
+  /**
+   * @props { Boolean } reverse=false ( )
+   * 是否向下滚动
+   */
   reverse: {
     type: Boolean,
     default: false
   },
-  debug: {
-    type: Boolean,
-    default: false
-  },
-  limitFps: {
-    type: Number,
-    default: 32
-  },
+  /**
+   * @props { Boolean } pauseOnHover=true ( )
+   * 鼠标进入是否停止
+   */
   pauseOnHover: {
     type: Boolean,
     default: true
   }
 });
-const dataEmits = {
-  change: (evt) => {
-  }
-};
+const dataEmits = {};
 const dataSlot = {
   default: "default"
 };

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

@@ -43,6 +43,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const hideItemsIndex = vue.ref([]);
     vue.onMounted(() => {
       vue.nextTick(() => {
+        if (!refDom.value) {
+          return false;
+        }
         refDom.value.addEventListener("mouseover", onStop);
         refDom.value.addEventListener("mouseout", onPlay);
         const parentElementRect = refDom.value.parentElement.getBoundingClientRect();
@@ -50,9 +53,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         let warpLineHeight = refLine.value[0].getBoundingClientRect().height;
         let lastY = -warpLineHeight;
         let translateY = -warpLineHeight;
-        loopCount.value = new Array(
-          Math.ceil(parentHeight.value / warpLineHeight) * 3
-        );
+        let al = Math.ceil(parentHeight.value / warpLineHeight) * 3;
+        al = isNaN(al) || al < 0 || al >= Infinity ? 5 : al;
+        loopCount.value = new Array(al);
         createTimer(() => {
           if (!animation && props.pauseOnHover) {
             return;