@touchvue/ui 1.0.0-beta.2 → 1.0.0-beta.3

package/es/packages/components/scroll/src/ScrollPoint.vue2.mjs

@@ -0,0 +1,70 @@
+import { defineComponent, ref, inject, computed, onMounted, nextTick, onBeforeUnmount, watch, openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
+import { scrollPointProps } from './scroll-point.mjs';
+
+const __default__ = defineComponent({
+  name: "ToScrollPoint"
+});
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: scrollPointProps,
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const pointRef = ref(null);
+    const parentValue = inject("scrollValue", ref(null));
+    const isActive = computed(() => (parentValue == null ? void 0 : parentValue.value) === props.value);
+    const handleScrollPointActive = (event) => {
+      if (event.detail && event.detail.value === props.value) ;
+    };
+    const parentScroll = inject("ToScroll", null);
+    const registerToParent = () => {
+      if (parentScroll && pointRef.value) {
+        parentScroll.registerScrollPoint(pointRef.value, props.value);
+      }
+    };
+    onMounted(() => {
+      nextTick(() => {
+        registerToParent();
+        if (pointRef.value) {
+          pointRef.value.addEventListener("scroll-point-active", handleScrollPointActive);
+        }
+      });
+    });
+    onBeforeUnmount(() => {
+      if (pointRef.value) {
+        pointRef.value.removeEventListener("scroll-point-active", handleScrollPointActive);
+      }
+    });
+    watch(
+      () => props.value,
+      () => {
+        nextTick(() => {
+          registerToParent();
+        });
+      }
+    );
+    watch(
+      () => parentValue == null ? void 0 : parentValue.value,
+      () => {
+      }
+    );
+    __expose({
+      pointRef,
+      getValue: () => props.value
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        id: "scroll-point-" + String(props.value).replace(/\s+/g, "-"),
+        ref_key: "pointRef",
+        ref: pointRef,
+        class: normalizeClass(["to-scroll-point", { active: isActive.value }]),
+        "data-point-value": props.value,
+        "data-point-active": isActive.value ? "true" : "false"
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 10, ["id", "data-point-value", "data-point-active"]);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=ScrollPoint.vue2.mjs.map

package/es/packages/components/scroll/src/ScrollPoint.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollPoint.vue2.mjs","sources":["../../../../../../packages/components/scroll/src/ScrollPoint.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'ToScrollPoint'\n});\n</script>\n<template>\n\t<div :id=\"'scroll-point-' + String(props.value).replace(/\\s+/g, '-')\" ref=\"pointRef\" class=\"to-scroll-point\" :class=\"{ active: isActive }\" :data-point-value=\"props.value\" :data-point-active=\"isActive ? 'true' : 'false'\">\n\t\t<slot></slot>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, onMounted, inject, watch, nextTick, computed, onBeforeUnmount } from 'vue'\nimport { scrollPointProps } from './scroll-point'\nimport { ScrollContext } from './scroll'\n\n\n\nconst props = defineProps(scrollPointProps)\n\nconst pointRef = ref<HTMLElement | null>(null)\nconst parentValue = inject<any>('scrollValue', ref(null))\nconst isActive = computed(() => parentValue?.value === props.value)\n\n// 处理滚动点激活事件\nconst handleScrollPointActive = (event: CustomEvent) => {\n\tif (event.detail && event.detail.value === props.value) {\n\t\t// 当激活状态改变时触发\n\t}\n}\n\n// 注入父滚动组件提供的上下文\nconst parentScroll = inject<ScrollContext | null>('ToScroll', null)\n\n// 注册滚动点到父组件\nconst registerToParent = () => {\n\tif (parentScroll && pointRef.value) {\n\t\tparentScroll.registerScrollPoint(pointRef.value, props.value)\n\t} else {\n\t\t// 无法注册到父组件\n\t}\n}\n\n// 在挂载后注册自身到父组件\nonMounted(() => {\n\t// 等待 DOM 更新完成后注册\n\tnextTick(() => {\n\t\tregisterToParent()\n\n\t\t// 添加自定义事件监听\n\t\tif (pointRef.value) {\n\t\t\tpointRef.value.addEventListener('scroll-point-active', handleScrollPointActive as EventListener)\n\t\t}\n\t})\n})\n\n// 组件销毁前移除事件监听\nonBeforeUnmount(() => {\n\tif (pointRef.value) {\n\t\tpointRef.value.removeEventListener('scroll-point-active', handleScrollPointActive as EventListener)\n\t}\n})\n\n// 监听值变化，更新数据属性\nwatch(\n\t() => props.value,\n\t() => {\n\t\tnextTick(() => {\n\t\t\tregisterToParent()\n\t\t})\n\t}\n)\n\n// 监听父组件的值变化\nwatch(\n\t() => parentValue?.value,\n\t() => {\n\t\t// 当父值变化时，会自动通过computed属性更新isActive状态\n\t}\n)\n\n// 导出方法供父组件调用\ndefineExpose({\n\tpointRef,\n\tgetValue: () => props.value\n})\n</script>\n"],"names":["DO_defineComponent","_createElementBlock","_normalizeClass","_renderSlot"],"mappings":";;;AAEA,MAAA,cAA6BA,eAAmB,CAAA;AAAA,EAC/C,IAAM,EAAA,eAAA;AACP,CAAC,CAAA,CAAA;;;;;AAeD,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,QAAA,GAAW,IAAwB,IAAI,CAAA,CAAA;AAC7C,IAAA,MAAM,WAAc,GAAA,MAAA,CAAY,aAAe,EAAA,GAAA,CAAI,IAAI,CAAC,CAAA,CAAA;AACxD,IAAA,MAAM,WAAW,QAAS,CAAA,MAAA,CAAM,WAAa,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,KAAA,MAAU,MAAM,KAAK,CAAA,CAAA;AAGlE,IAAM,MAAA,uBAAA,GAA0B,CAAC,KAAuB,KAAA;AACvD,MAAA,IAAI,MAAM,MAAU,IAAA,KAAA,CAAM,MAAO,CAAA,KAAA,KAAU,MAAM,KAAO,EAAA,CAExD;AAAA,KACD,CAAA;AAGA,IAAM,MAAA,YAAA,GAAe,MAA6B,CAAA,UAAA,EAAY,IAAI,CAAA,CAAA;AAGlE,IAAA,MAAM,mBAAmB,MAAM;AAC9B,MAAI,IAAA,YAAA,IAAgB,SAAS,KAAO,EAAA;AACnC,QAAA,YAAA,CAAa,mBAAoB,CAAA,QAAA,CAAS,KAAO,EAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AAAA,OAG7D;AAAA,KACD,CAAA;AAGA,IAAA,SAAA,CAAU,MAAM;AAEf,MAAA,QAAA,CAAS,MAAM;AACd,QAAiB,gBAAA,EAAA,CAAA;AAGjB,QAAA,IAAI,SAAS,KAAO,EAAA;AACnB,UAAS,QAAA,CAAA,KAAA,CAAM,gBAAiB,CAAA,qBAAA,EAAuB,uBAAwC,CAAA,CAAA;AAAA,SAChG;AAAA,OACA,CAAA,CAAA;AAAA,KACD,CAAA,CAAA;AAGD,IAAA,eAAA,CAAgB,MAAM;AACrB,MAAA,IAAI,SAAS,KAAO,EAAA;AACnB,QAAS,QAAA,CAAA,KAAA,CAAM,mBAAoB,CAAA,qBAAA,EAAuB,uBAAwC,CAAA,CAAA;AAAA,OACnG;AAAA,KACA,CAAA,CAAA;AAGD,IAAA,KAAA;AAAA,MACC,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,MAAM;AACL,QAAA,QAAA,CAAS,MAAM;AACd,UAAiB,gBAAA,EAAA,CAAA;AAAA,SACjB,CAAA,CAAA;AAAA,OACF;AAAA,KACD,CAAA;AAGA,IAAA,KAAA;AAAA,MACC,MAAM,WAAa,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,KAAA;AAAA,MACnB,MAAM;AAAA,OAEN;AAAA,KACD,CAAA;AAGA,IAAa,QAAA,CAAA;AAAA,MACZ,QAAA;AAAA,MACA,QAAA,EAAU,MAAM,KAAM,CAAA,KAAA;AAAA,KACtB,CAAA,CAAA;;wBA/EA,EAAAC,kBAAA,CAEM,KAAA,EAAA;AAAA,QAFA,EAAA,oBAAsB,MAAO,CAAA,KAAA,CAAM,KAAK,CAAE,CAAA,OAAA,CAAO,QAAA,GAAA,CAAA;AAAA,eAAmB,EAAA,UAAA;AAAA,QAAJ,GAAI,EAAA,QAAA;AAAA,QAAW,KAAA,EAAKC,eAAA,CAAC,iBAAA,EAAiB,EAAA,MAAmB,EAAA,QAAA,CAAQ,KAAA,EAAA,CAAA,CAAA;AAAA,QAAK,oBAAkB,KAAM,CAAA,KAAA;AAAA,QAAQ,mBAAA,EAAmB,QAAQ,CAAA,KAAA,GAAA,MAAA,GAAA,OAAA;AAAA;QACtMC,UAAA,CAAa,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA;;;;;;;"}

package/es/packages/components/scroll/src/scroll-point.mjs

@@ -0,0 +1,12 @@
+const scrollPointProps = {
+  /**
+   * 滚动点的标识值
+   */
+  value: {
+    type: [String, Number],
+    default: ""
+  }
+};
+
+export { scrollPointProps };
+//# sourceMappingURL=scroll-point.mjs.map

package/es/packages/components/scroll/src/scroll-point.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-point.mjs","sources":["../../../../../../packages/components/scroll/src/scroll-point.ts"],"sourcesContent":["import { ExtractPropTypes } from 'vue'\n\nexport const scrollPointProps = {\n\t/**\n\t * 滚动点的标识值\n\t */\n\tvalue: {\n\t\ttype: [String, Number],\n\t\tdefault: '',\n\t},\n}\n\nexport type ScrollPointProps = ExtractPropTypes<typeof scrollPointProps>\n\nexport interface ScrollPointInstance {\n\t/**\n\t * 滚动点的DOM引用\n\t */\n\tpointRef: HTMLElement | null\n\t/**\n\t * 获取滚动点的标识值\n\t */\n\tgetValue: () => string | number\n}\n"],"names":[],"mappings":"AAEO,MAAM,gBAAmB,GAAA;AAAA;AAAA;AAAA;AAAA,EAI/B,KAAO,EAAA;AAAA,IACN,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,EAAA;AAAA,GACV;AACD;;;;"}

package/es/packages/components/scroll/src/scroll.mjs

@@ -0,0 +1,97 @@
+const scrollProps = {
+  /**
+   * 是否使用模拟滚动条
+   */
+  virtual: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * 滚动幅度（仅模拟滚动条支持）
+   */
+  speed: {
+    type: Number,
+    default: 10
+  },
+  /**
+   * 顶部间距
+   */
+  top: {
+    type: [Number, String],
+    default: 0
+  },
+  /**
+   * 双向绑定的滚动位置，支持v-model
+   */
+  modelValue: {
+    type: [Number, String],
+    default: 0
+  },
+  /**
+   * 兼容旧版本，等同于modelValue
+   * @deprecated 推荐使用modelValue
+   */
+  value: {
+    type: [Number, String],
+    default: 0
+  },
+  /**
+   * 内边距
+   */
+  padding: {
+    type: [String, Number],
+    default: ""
+  },
+  /**
+   * 内边距位置
+   */
+  paddingPosition: {
+    type: String,
+    default: ""
+  },
+  /**
+   * 底部间距
+   */
+  bottom: {
+    type: [Number, String],
+    default: 0
+  },
+  /**
+   * 高度
+   */
+  height: {
+    type: [String, Number],
+    default: ""
+  },
+  /**
+   * 滚动条显示方式
+   */
+  barDisplay: {
+    type: String,
+    default: "hover"
+  },
+  /**
+   * 排除项
+   */
+  except: {
+    type: String,
+    default: ""
+  },
+  /**
+   * 背景颜色
+   */
+  color: {
+    type: String,
+    default: ""
+  },
+  /**
+   * 滚动模式
+   */
+  mode: {
+    type: String,
+    default: ""
+  }
+};
+
+export { scrollProps };
+//# sourceMappingURL=scroll.mjs.map

package/es/packages/components/scroll/src/scroll.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll.mjs","sources":["../../../../../../packages/components/scroll/src/scroll.ts"],"sourcesContent":["import { ExtractPropTypes } from 'vue'\n\nexport const scrollProps = {\n\t/**\n\t * 是否使用模拟滚动条\n\t */\n\tvirtual: {\n\t\ttype: Boolean,\n\t\tdefault: false,\n\t},\n\t/**\n\t * 滚动幅度（仅模拟滚动条支持）\n\t */\n\tspeed: {\n\t\ttype: Number,\n\t\tdefault: 10,\n\t},\n\t/**\n\t * 顶部间距\n\t */\n\ttop: {\n\t\ttype: [Number, String],\n\t\tdefault: 0,\n\t},\n\t/**\n\t * 双向绑定的滚动位置，支持v-model\n\t */\n\tmodelValue: {\n\t\ttype: [Number, String],\n\t\tdefault: 0,\n\t},\n\t/**\n\t * 兼容旧版本，等同于modelValue\n\t * @deprecated 推荐使用modelValue\n\t */\n\tvalue: {\n\t\ttype: [Number, String],\n\t\tdefault: 0,\n\t},\n\t/**\n\t * 内边距\n\t */\n\tpadding: {\n\t\ttype: [String, Number],\n\t\tdefault: '',\n\t},\n\t/**\n\t * 内边距位置\n\t */\n\tpaddingPosition: {\n\t\ttype: String,\n\t\tdefault: '',\n\t},\n\t/**\n\t * 底部间距\n\t */\n\tbottom: {\n\t\ttype: [Number, String],\n\t\tdefault: 0,\n\t},\n\t/**\n\t * 高度\n\t */\n\theight: {\n\t\ttype: [String, Number],\n\t\tdefault: '',\n\t},\n\t/**\n\t * 滚动条显示方式\n\t */\n\tbarDisplay: {\n\t\ttype: String,\n\t\tdefault: 'hover',\n\t},\n\t/**\n\t * 排除项\n\t */\n\texcept: {\n\t\ttype: String,\n\t\tdefault: '',\n\t},\n\t/**\n\t * 背景颜色\n\t */\n\tcolor: {\n\t\ttype: String,\n\t\tdefault: '',\n\t},\n\t/**\n\t * 滚动模式\n\t */\n\tmode: {\n\t\ttype: String,\n\t\tdefault: '',\n\t},\n}\n\nexport type ScrollProps = ExtractPropTypes<typeof scrollProps>\n\nexport interface ScrollInstance {\n\t/**\n\t * 滚动到指定位置\n\t */\n\tscrollTo: (options: ScrollToOptions | number, yCoord?: number) => void\n\t/**\n\t * 滚动到指定元素\n\t */\n\tscrollToElement: (element: HTMLElement | null, offset?: number) => void\n\t/**\n\t * 按步长滚动\n\t */\n\tscrollStep: (direction: 'up' | 'down' | 'left' | 'right') => void\n\t/**\n\t * 滚动容器元素\n\t */\n\tscrollRef: HTMLElement | null\n\t/**\n\t * 是否正在滚动\n\t */\n\tisScrolling: boolean\n\t/**\n\t * 滚动到指定目标\n\t */\n\tto: (target: HTMLElement | string | number | any) => void\n}\n\n/**\n * Scroll组件提供给子组件的上下文接口\n */\nexport interface ScrollContext {\n\t/**\n\t * 注册滚动点\n\t */\n\tregisterScrollPoint: (el: HTMLElement, value: string | number) => void\n}\n"],"names":[],"mappings":"AAEO,MAAM,WAAc,GAAA;AAAA;AAAA;AAAA;AAAA,EAI1B,OAAS,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,GAAK,EAAA;AAAA,IACJ,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,CAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACX,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,CAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,KAAO,EAAA;AAAA,IACN,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,CAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACR,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,eAAiB,EAAA;AAAA,IAChB,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,MAAQ,EAAA;AAAA,IACP,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,CAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,MAAQ,EAAA;AAAA,IACP,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,MAAQ,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACV;AACD;;;;"}

package/es/packages/components/segment/index.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from './src/segment.vue.mjs';
+import { withInstall } from '../../utils/types.mjs';
+
+const ToSegment = withInstall(_sfc_main);
+
+export { ToSegment };
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/segment/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/segment/index.ts"],"sourcesContent":["import Segment from './src/segment.vue';\nimport { SFCWithInstall, withInstall } from '@touchvue/utils';\n\nexport const ToSegment: SFCWithInstall<typeof Segment> = withInstall(Segment);\n\nexport * from './src/instance';"],"names":["Segment"],"mappings":";;;AAGa,MAAA,SAAA,GAA4C,YAAYA,SAAO;;;;"}

package/es/packages/components/segment/src/instance.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=instance.mjs.map

package/es/packages/components/segment/src/instance.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"instance.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}