@hbis-uni/components 1.0.1 → 1.0.9

package/dist/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=e.defineComponent({__name:"C1",props:{title:{default:"C1 Component"},primary:{type:Boolean,default:!1}},setup(t){return(o,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["c1-container",{"c1-primary":t.primary}])},[e.renderSlot(o.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)],!0)],2))}}),a=(t,o)=>{const n=t.__vccOpts||t;for(const[l,c]of o)n[l]=c;return n},r=a(s,[["__scopeId","data-v-e2028f64"]]),i={class:"c2-container"},d={class:"c2-title"},u={class:"c2-content"},m=e.defineComponent({__name:"C2",props:{title:{default:"C2 Component"},showButton:{type:Boolean,default:!0},buttonText:{default:"Click Me"}},emits:["click"],setup(t,{emit:o}){const n=o,l=c=>{n("click",c)};return(c,_)=>(e.openBlock(),e.createElementBlock("div",i,[e.createElementVNode("h2",d,e.toDisplayString(t.title),1),e.createElementVNode("div",u,[e.renderSlot(c.$slots,"default",{},void 0,!0)]),t.showButton?(e.openBlock(),e.createElementBlock("button",{key:0,class:"c2-button",onClick:l},e.toDisplayString(t.buttonText),1)):e.createCommentVNode("",!0)]))}}),p=a(m,[["__scopeId","data-v-b1d573ae"]]);exports.C1=r;exports.C2=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),B=e.defineComponent({__name:"C1",props:{title:{default:"C1 Component"},primary:{type:Boolean,default:!1}},setup(o){return(d,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["c1-container",{"c1-primary":o.primary}])},[e.renderSlot(d.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)],2))}}),k=(o,d)=>{const s=o.__vccOpts||o;for(const[u,c]of d)s[u]=c;return s},S=k(B,[["__scopeId","data-v-e2028f64"]]),w={class:"c2-container"},N={class:"c2-title"},T={class:"c2-content"},E=e.defineComponent({__name:"C2",props:{title:{default:"C2 Component"},showButton:{type:Boolean,default:!0},buttonText:{default:"Click Me"}},emits:["click"],setup(o,{emit:d}){const s=d,u=c=>{s("click",c)};return(c,m)=>(e.openBlock(),e.createElementBlock("div",w,[e.createElementVNode("h2",N,e.toDisplayString(o.title),1),e.createElementVNode("div",T,[e.renderSlot(c.$slots,"default",{},void 0,!0)]),o.showButton?(e.openBlock(),e.createElementBlock("button",{key:0,class:"c2-button",onClick:u},e.toDisplayString(o.buttonText),1)):e.createCommentVNode("",!0)]))}}),V=k(E,[["__scopeId","data-v-b1d573ae"]]),W={key:0},$={class:"hbis-date-strip__weekdays"},z={class:"hbis-date-strip__dates"},F=["onClick"],L={class:"hbis-date-strip__date-number"},M={key:1,class:"hbis-date-strip__scroll-wrapper"},I={class:"hbis-date-strip__scroll-container"},x={class:"hbis-date-strip__weekdays"},H={class:"hbis-date-strip__dates"},O=["onClick"],P={class:"hbis-date-strip__date-number"},j={key:2,class:"hbis-date-strip__custom"},A=e.defineComponent({__name:"hbis-dateStrip",props:{modelValue:{default:()=>new Date},startDate:{default:()=>new Date},endDate:{default:()=>{const o=new Date;return o.setDate(o.getDate()+30),o}},highlightType:{default:"bg"},showToday:{type:Boolean,default:!0},disablePast:{type:Boolean,default:!1},disableFuture:{type:Boolean,default:!1},selectedColor:{default:"#ffffff"},normalColor:{default:"#666666"},selectedBgColor:{default:"#1890ff"},normalBgColor:{default:"transparent"},scrollable:{type:Boolean,default:!1},visibleDays:{default:7}},emits:["update:modelValue","dateClick"],setup(o,{emit:d}){const s=o,u=d,c=e.computed(()=>{if(console.log("props:",{startDate:s.startDate,endDate:s.endDate,scrollable:s.scrollable}),s.scrollable)return console.log("显式设置了scrollable为true，允许滚动"),!0;try{const t=new Date(s.startDate);t.setHours(0,0,0,0);const l=new Date(s.endDate);if(l.setHours(0,0,0,0),isNaN(t.getTime())||isNaN(l.getTime()))return console.log("无效的日期对象，使用默认滚动行为"),!1;const a=l.getTime()-t.getTime(),n=Math.ceil(a/(1e3*60*60*24)),i=n+1;return console.log("日期范围天数计算:",{start:t.toLocaleDateString(),end:l.toLocaleDateString(),diffTime:a,diffDays:n,totalDays:i,shouldScroll:i>7}),i>7}catch(t){return console.error("计算日期范围时出错:",t),!1}}),m=[{value:0,label:"日",isWeekend:!0},{value:1,label:"一",isWeekend:!1},{value:2,label:"二",isWeekend:!1},{value:3,label:"三",isWeekend:!1},{value:4,label:"四",isWeekend:!1},{value:5,label:"五",isWeekend:!1},{value:6,label:"六",isWeekend:!0}],_=e.computed(()=>{const t=g.value[0];if(!t)return m;const l=t.weekday,a=[];for(let n=0;n<7;n++){const i=(l+n)%7;a.push(m[i])}return a}),D=()=>{const t=s.startDate||new Date,l=t.getDay(),a=t.getDate()-(l===0?6:l-1),n=new Date(t);return n.setDate(a),n};e.ref(D()),e.onMounted(()=>{console.log("props:",s),console.log("highlightType:",s.highlightType)}),e.watch(()=>s.highlightType,t=>{console.log("highlightType changed:",t)}),e.watch(()=>s.modelValue,t=>{console.log("modelValue changed:",t)});const v=e.computed(()=>{const t=[];try{const l=s.startDate,a=s.endDate;if(isNaN(l.getTime())||isNaN(a.getTime()))return console.log("无效的日期对象，返回空数组"),t;const n=Math.ceil((a.getTime()-l.getTime())/(1e3*60*60*24))+1;for(let i=0;i<n;i++){const r=new Date(l);r.setDate(l.getDate()+i),isNaN(r.getTime())||t.push({date:r,dateString:f(r),day:r.getDate(),month:r.getMonth()+1,year:r.getFullYear(),isWeekend:r.getDay()===0||r.getDay()===6,weekday:r.getDay()})}}catch(l){console.error("生成日期数组时出错:",l)}return t}),g=e.computed(()=>v.value.filter(t=>!!(t&&t.date&&t.dateString&&!isNaN(t.date.getTime())&&typeof t.dateString=="string"&&typeof t.day=="number"))),f=t=>`${t.getFullYear()}-${String(t.getMonth()+1).padStart(2,"0")}-${String(t.getDate()).padStart(2,"0")}`,h=t=>{const l=t.dateString;return s.modelValue?Array.isArray(s.modelValue)?s.modelValue.some(a=>!a||isNaN(a.getTime())?!1:f(a)===l):isNaN(s.modelValue.getTime())?!1:f(s.modelValue)===l:!1},y=t=>{const l=f(new Date);return t.dateString===l},p=t=>{const l=t.date;return s.disablePast&&l<new Date(new Date().setHours(0,0,0,0))||s.disableFuture&&l>new Date(new Date().setHours(23,59,59,999))?!1:l>=s.startDate&&l<=s.endDate},C=t=>{var l;return((l=m.find(a=>a.value===t))==null?void 0:l.label)||""},b=t=>{p(t)&&(u("dateClick",t),u("update:modelValue",t.date))};return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["hbis-date-strip",{"hbis-date-strip--highlight-bg":o.highlightType==="bg","hbis-date-strip--highlight-dot":o.highlightType==="dot","hbis-date-strip--highlight-round":o.highlightType==="round","hbis-date-strip--scrollable":c.value}])},[c.value?(e.openBlock(),e.createElementBlock("div",M,[e.createElementVNode("div",I,[e.createElementVNode("div",x,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,a=>(e.openBlock(),e.createElementBlock("div",{key:a.dateString+"-weekday",class:e.normalizeClass(["hbis-date-strip__weekday",{"hbis-date-strip__weekday--weekend":a.isWeekend}])},e.toDisplayString(C(a.weekday)),3))),128))]),e.createElementVNode("div",H,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,a=>(e.openBlock(),e.createElementBlock("div",{key:a.dateString,class:e.normalizeClass(["hbis-date-strip__date",{"hbis-date-strip__date--selected":h(a),"hbis-date-strip__date--today":y(a),"hbis-date-strip__date--disabled":!p(a),"hbis-date-strip__date--weekend":a.isWeekend}]),style:e.normalizeStyle({color:h(a)?o.selectedColor:o.normalColor,backgroundColor:h(a)?o.selectedBgColor:o.normalBgColor}),onClick:n=>b(a)},[e.createElementVNode("div",P,e.toDisplayString(a.day),1)],14,O))),128))])])])):(e.openBlock(),e.createElementBlock("div",W,[e.createElementVNode("div",$,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.value,a=>(e.openBlock(),e.createElementBlock("div",{key:a.value,class:e.normalizeClass(["hbis-date-strip__weekday",{"hbis-date-strip__weekday--weekend":a.isWeekend}])},e.toDisplayString(a.label),3))),128))]),e.createElementVNode("div",z,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,a=>(e.openBlock(),e.createElementBlock("div",{key:a.dateString,class:e.normalizeClass(["hbis-date-strip__date",{"hbis-date-strip__date--selected":h(a),"hbis-date-strip__date--today":y(a),"hbis-date-strip__date--disabled":!p(a),"hbis-date-strip__date--weekend":a.isWeekend}]),style:e.normalizeStyle({color:h(a)?o.selectedColor:o.normalColor,backgroundColor:h(a)?o.selectedBgColor:o.normalBgColor}),onClick:n=>b(a)},[e.createElementVNode("div",L,e.toDisplayString(a.day),1)],14,F))),128))])])),t.$slots.default?(e.openBlock(),e.createElementBlock("div",j,[e.renderSlot(t.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0)],2))}}),Y=k(A,[["__scopeId","data-v-7591067b"]]);exports.C1=S;exports.C2=V;exports.hbisDateStrip=Y;
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../c1/src/C1.vue","../c2/src/C2.vue"],"sourcesContent":["<template>\n  <div class=\"c1-container\" :class=\"{ 'c1-primary': primary }\">\n    <slot>{{ title }}</slot>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n/**\n * C1组件 - 基础组件示例\n * 用于展示基本的Vue3组件结构和TypeScript支持\n */\n\n// 定义组件属性\ninterface Props {\n  /** 标题文本 */\n  title?: string;\n  /** 是否使用主要样式 */\n  primary?: boolean;\n}\n\n// 定义组件属性默认值\nconst props = withDefaults(defineProps<Props>(), {\n  title: 'C1 Component',\n  primary: false\n});\n</script>\n\n<style scoped>\n.c1-container {\n  padding: 16px;\n  border: 1px solid #e0e0e0;\n  border-radius: 4px;\n  background-color: #ffffff;\n}\n\n.c1-primary {\n  background-color: #1890ff;\n  color: #ffffff;\n  border-color: #1890ff;\n}\n</style>\n","<template>\n  <div class=\"c2-container\">\n    <h2 class=\"c2-title\">{{ title }}</h2>\n    <div class=\"c2-content\">\n      <slot></slot>\n    </div>\n    <button v-if=\"showButton\" class=\"c2-button\" @click=\"handleClick\">\n      {{ buttonText }}\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n/**\n * C2组件 - 带按钮的容器组件\n * 用于展示包含事件处理的Vue3组件\n */\n\n// 定义组件属性\ninterface Props {\n  /** 标题文本 */\n  title?: string;\n  /** 是否显示按钮 */\n  showButton?: boolean;\n  /** 按钮文本 */\n  buttonText?: string;\n}\n\n// 定义组件事件\nconst emit = defineEmits<{\n  /** 按钮点击事件 */\n  (e: 'click', event: MouseEvent): void;\n}>();\n\n// 定义组件属性默认值\nconst props = withDefaults(defineProps<Props>(), {\n  title: 'C2 Component',\n  showButton: true,\n  buttonText: 'Click Me'\n});\n\n/**\n * 处理按钮点击事件\n * @param event 鼠标点击事件对象\n */\nconst handleClick = (event: MouseEvent) => {\n  emit('click', event);\n};\n</script>\n\n<style scoped>\n.c2-container {\n  padding: 20px;\n  border: 1px solid #e0e0e0;\n  border-radius: 8px;\n  background-color: #fafafa;\n  margin: 16px 0;\n}\n\n.c2-title {\n  margin: 0 0 12px 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: #333333;\n}\n\n.c2-content {\n  margin-bottom: 16px;\n  color: #666666;\n}\n\n.c2-button {\n  padding: 8px 16px;\n  background-color: #52c41a;\n  color: #ffffff;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 14px;\n  transition: background-color 0.3s;\n}\n\n.c2-button:hover {\n  background-color: #73d13d;\n}\n</style>\n"],"names":["_createElementBlock","_normalizeClass","__props","_renderSlot","_ctx","emit","__emit","handleClick","event","_openBlock","_hoisted_1","_createElementVNode","_hoisted_2","_toDisplayString","_hoisted_3"],"mappings":"sPACEA,EAAAA,mBAEM,MAAA,CAFD,MAAKC,EAAAA,eAAA,CAAC,eAAc,CAAA,aAAyBC,EAAA,QAAO,CAAA,CAAA,GACvDC,EAAAA,WAAwBC,sBAAxB,IAAwB,qCAAfF,EAAA,KAAK,EAAA,CAAA,CAAA,gXC2BlB,MAAMG,EAAOC,EAgBPC,EAAeC,GAAsB,CACzCH,EAAK,QAASG,CAAK,CACrB,gBA9CEC,YAAA,EAAAT,qBAQM,MARNU,EAQM,CAPJC,EAAAA,mBAAqC,KAArCC,EAAqCC,EAAAA,gBAAbX,EAAA,KAAK,EAAA,CAAA,EAC7BS,EAAAA,mBAEM,MAFNG,EAEM,CADJX,EAAAA,WAAaC,EAAA,OAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,GAEDF,EAAA,0BAAdF,EAAAA,mBAES,SAAA,OAFiB,MAAM,YAAa,QAAOO,CAAA,oBAC/CL,EAAA,UAAU,EAAA,CAAA"}
+{"version":3,"file":"index.cjs.js","sources":["../c1/src/C1.vue","../c2/src/C2.vue","../hbis-dateStrip/src/hbis-dateStrip.vue"],"sourcesContent":["<template>\n  <div class=\"c1-container\" :class=\"{ 'c1-primary': primary }\">\n    <slot>{{ title }}</slot>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n/**\n * C1组件 - 基础组件示例\n * 用于展示基本的Vue3组件结构和TypeScript支持\n */\n\n// 定义组件属性\ninterface Props {\n  /** 标题文本 */\n  title?: string;\n  /** 是否使用主要样式 */\n  primary?: boolean;\n}\n\n// 定义组件属性默认值\nconst props = withDefaults(defineProps<Props>(), {\n  title: 'C1 Component',\n  primary: false\n});\n</script>\n\n<style scoped>\n.c1-container {\n  padding: 16px;\n  border: 1px solid #e0e0e0;\n  border-radius: 4px;\n  background-color: #ffffff;\n}\n\n.c1-primary {\n  background-color: #1890ff;\n  color: #ffffff;\n  border-color: #1890ff;\n}\n</style>\n","<template>\n  <div class=\"c2-container\">\n    <h2 class=\"c2-title\">{{ title }}</h2>\n    <div class=\"c2-content\">\n      <slot></slot>\n    </div>\n    <button v-if=\"showButton\" class=\"c2-button\" @click=\"handleClick\">\n      {{ buttonText }}\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n/**\n * C2组件 - 带按钮的容器组件\n * 用于展示包含事件处理的Vue3组件\n */\n\n// 定义组件属性\ninterface Props {\n  /** 标题文本 */\n  title?: string;\n  /** 是否显示按钮 */\n  showButton?: boolean;\n  /** 按钮文本 */\n  buttonText?: string;\n}\n\n// 定义组件事件\nconst emit = defineEmits<{\n  /** 按钮点击事件 */\n  (e: 'click', event: MouseEvent): void;\n}>();\n\n// 定义组件属性默认值\nconst props = withDefaults(defineProps<Props>(), {\n  title: 'C2 Component',\n  showButton: true,\n  buttonText: 'Click Me'\n});\n\n/**\n * 处理按钮点击事件\n * @param event 鼠标点击事件对象\n */\nconst handleClick = (event: MouseEvent) => {\n  emit('click', event);\n};\n</script>\n\n<style scoped>\n.c2-container {\n  padding: 20px;\n  border: 1px solid #e0e0e0;\n  border-radius: 8px;\n  background-color: #fafafa;\n  margin: 16px 0;\n}\n\n.c2-title {\n  margin: 0 0 12px 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: #333333;\n}\n\n.c2-content {\n  margin-bottom: 16px;\n  color: #666666;\n}\n\n.c2-button {\n  padding: 8px 16px;\n  background-color: #52c41a;\n  color: #ffffff;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 14px;\n  transition: background-color 0.3s;\n}\n\n.c2-button:hover {\n  background-color: #73d13d;\n}\n</style>\n","<template>\n  <div class=\"hbis-date-strip\" :class=\"{\n    'hbis-date-strip--highlight-bg': highlightType === 'bg',\n    'hbis-date-strip--highlight-dot': highlightType === 'dot',\n    'hbis-date-strip--highlight-round': highlightType === 'round',\n    'hbis-date-strip--scrollable': shouldScroll\n  }\">\n    <!-- 非滚动模式：星期行 + 固定日期行 -->\n    <div v-if=\"!shouldScroll\">\n      <!-- 星期行 - 固定显示7个星期，始终在顶部 -->\n      <div class=\"hbis-date-strip__weekdays\">\n        <div \n          v-for=\"weekday in orderedWeekdays\" \n          :key=\"weekday.value\"\n          class=\"hbis-date-strip__weekday\"\n          :class=\"{\n            'hbis-date-strip__weekday--weekend': weekday.isWeekend\n          }\"\n        >\n          {{ weekday.label }}\n        </div>\n      </div>\n      \n      <!-- 日期行 - 固定显示7天 -->\n      <div class=\"hbis-date-strip__dates\">\n        <div \n          v-for=\"date in filteredDisplayDates\" \n          :key=\"date.dateString\"\n          class=\"hbis-date-strip__date\"\n          :class=\"{\n            'hbis-date-strip__date--selected': isSelected(date),\n            'hbis-date-strip__date--today': isToday(date),\n            'hbis-date-strip__date--disabled': !isInRange(date),\n            'hbis-date-strip__date--weekend': date.isWeekend\n          }\"\n          :style=\"{\n            color: isSelected(date) ? selectedColor : normalColor,\n            backgroundColor: isSelected(date) ? selectedBgColor : normalBgColor\n          }\"\n          @click=\"handleDateClick(date)\"\n        >\n          <div class=\"hbis-date-strip__date-number\">{{ date.day }}</div>\n        </div>\n      </div>\n    </div>\n    \n    <!-- 滚动模式：星期行和日期行一起滚动 -->\n    <div v-else class=\"hbis-date-strip__scroll-wrapper\">\n      <!-- 滚动容器 - 包含星期行和日期行 -->\n      <div \n        class=\"hbis-date-strip__scroll-container\"\n      >\n        <!-- 星期行 - 与日期一起滚动 -->\n        <div class=\"hbis-date-strip__weekdays\">\n          <div \n            v-for=\"date in filteredDisplayDates\" \n            :key=\"date.dateString + '-weekday'\"\n            class=\"hbis-date-strip__weekday\"\n            :class=\"{\n              'hbis-date-strip__weekday--weekend': date.isWeekend\n            }\"\n          >\n            <!-- 显示每个日期对应的星期 -->\n            {{ getWeekdayLabel(date.weekday) }}\n          </div>\n        </div>\n        \n        <!-- 日期行 - 一页显示7天，支持横向滑动 -->\n        <div class=\"hbis-date-strip__dates\">\n          <div \n            v-for=\"date in filteredDisplayDates\" \n            :key=\"date.dateString\"\n            class=\"hbis-date-strip__date\"\n            :class=\"{\n              'hbis-date-strip__date--selected': isSelected(date),\n              'hbis-date-strip__date--today': isToday(date),\n              'hbis-date-strip__date--disabled': !isInRange(date),\n              'hbis-date-strip__date--weekend': date.isWeekend\n            }\"\n            :style=\"{\n              color: isSelected(date) ? selectedColor : normalColor,\n              backgroundColor: isSelected(date) ? selectedBgColor : normalBgColor\n            }\"\n            @click=\"handleDateClick(date)\"\n          >\n            <div class=\"hbis-date-strip__date-number\">{{ date.day }}</div>\n          </div>\n        </div>\n      </div>\n    </div>\n    \n    <!-- 自定义slot -->\n    <div class=\"hbis-date-strip__custom\" v-if=\"$slots.default\">\n      <slot></slot>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n/**\n * hbis-dateStrip组件 - 用于展示一周的日历信息\n * 支持多种切换方式和选中样式\n * 兼容平台：H5、App、微信小程序、支付宝小程序等Uniapp支持的所有平台\n */\n\nimport { ref, computed, onMounted, watch } from 'vue';\n\n// 星期数据类型\ninterface Weekday {\n  value: number;\n  label: string;\n  isWeekend: boolean;\n}\n\n// 日期数据类型\ninterface DateItem {\n  date: Date;\n  dateString: string;\n  day: number;\n  month: number;\n  year: number;\n  isWeekend: boolean;\n  weekday: number;\n}\n\n// 组件属性类型\ninterface Props {\n  /** 选中日期，可以是单个日期或日期范围 */\n  modelValue?: Date | Date[];\n  /** 日期范围开始 */\n  startDate?: Date;\n  /** 日期范围结束 */\n  endDate?: Date;\n  /** 选中样式类型：bg(背景色高亮), dot(数字背景色高亮), round(数字背景色圆角高亮) */\n  highlightType?: 'bg' | 'dot' | 'round';\n  /** 是否显示今天 */\n  showToday?: boolean;\n  /** 是否禁用过去的日期 */\n  disablePast?: boolean;\n  /** 是否禁用未来的日期 */\n  disableFuture?: boolean;\n  /** 选中状态的文字颜色 */\n  selectedColor?: string;\n  /** 正常状态的文字颜色 */\n  normalColor?: string;\n  /** 选中状态的背景颜色 */\n  selectedBgColor?: string;\n  /** 正常状态的背景颜色 */\n  normalBgColor?: string;\n  /** 是否支持横向滑动日期 */\n  scrollable?: boolean;\n  /** 可见的天数（默认7天） */\n  visibleDays?: number;\n}\n\n// 定义组件属性默认值\nconst props = withDefaults(defineProps<Props>(), {\n  modelValue: () => new Date(),\n  startDate: () => new Date(),\n  endDate: () => {\n    const end = new Date();\n    end.setDate(end.getDate() + 30);\n    return end;\n  },\n  highlightType: 'bg',\n  showToday: true,\n  disablePast: false,\n  disableFuture: false,\n  selectedColor: '#ffffff',\n  normalColor: '#666666',\n  selectedBgColor: '#1890ff',\n  normalBgColor: 'transparent',\n  scrollable: false,\n  visibleDays: 7\n});\n\n// 直接使用props访问属性，确保响应性\n// 注意：在Vue 3 Composition API中，解构props会失去响应性\n\n// 定义组件事件\nconst emit = defineEmits<{\n  /** 选中日期变化事件 */\n  (e: 'update:modelValue', value: Date | Date[]): void;\n  /** 日期点击事件 */\n  (e: 'dateClick', date: DateItem): void;\n}>();\n\n// 计算是否需要滚动：如果日期范围超过7天，则可以滚动\nconst shouldScroll = computed<boolean>(() => {\n  // 调试信息：打印props，查看startDate和endDate的值\n  console.log('props:', {\n    startDate: props.startDate,\n    endDate: props.endDate,\n    scrollable: props.scrollable\n  });\n  \n  // 如果显式设置了scrollable为true，直接返回true\n  if (props.scrollable) {\n    console.log('显式设置了scrollable为true，允许滚动');\n    return true;\n  }\n  \n  try {\n    // 计算日期范围的天数，忽略时间部分\n    const start = new Date(props.startDate);\n    start.setHours(0, 0, 0, 0);\n    \n    const end = new Date(props.endDate);\n    end.setHours(0, 0, 0, 0);\n    \n    // 检查日期是否有效\n    if (isNaN(start.getTime()) || isNaN(end.getTime())) {\n      console.log('无效的日期对象，使用默认滚动行为');\n      return false;\n    }\n    \n    // 计算总天数，确保结果正确\n    const diffTime = end.getTime() - start.getTime();\n    const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));\n    const totalDays = diffDays + 1;\n    \n    // 调试信息\n    console.log('日期范围天数计算:', {\n      start: start.toLocaleDateString(),\n      end: end.toLocaleDateString(),\n      diffTime,\n      diffDays,\n      totalDays,\n      shouldScroll: totalDays > 7\n    });\n    \n    // 如果超过7天，允许滚动\n    return totalDays > 7;\n  } catch (error) {\n    console.error('计算日期范围时出错:', error);\n    // 出错时，默认不允许滚动\n    return false;\n  }\n});\n\n// 星期数据\nconst weekdays: Weekday[] = [\n  { value: 0, label: '日', isWeekend: true },\n  { value: 1, label: '一', isWeekend: false },\n  { value: 2, label: '二', isWeekend: false },\n  { value: 3, label: '三', isWeekend: false },\n  { value: 4, label: '四', isWeekend: false },\n  { value: 5, label: '五', isWeekend: false },\n  { value: 6, label: '六', isWeekend: true }\n];\n\n// 根据当前显示的第一个日期动态排序星期，确保星期和日期对应\nconst orderedWeekdays = computed<Weekday[]>(() => {\n  // 获取当前显示的第一个有效的日期\n  const firstDate = filteredDisplayDates.value[0];\n  if (!firstDate) {\n    // 如果没有日期，返回默认的星期顺序\n    return weekdays;\n  }\n  \n  const firstDateWeekday = firstDate.weekday;\n  const result: Weekday[] = [];\n  \n  // 从第一个日期的星期开始，按顺序排列7天的星期\n  for (let i = 0; i < 7; i++) {\n    const weekdayIndex = (firstDateWeekday + i) % 7;\n    result.push(weekdays[weekdayIndex]);\n  }\n  \n  return result;\n});\n\n// 当前显示的周开始日期\n// 初始化时就计算出正确的周开始日期，确保组件第一次渲染时就有有效值\nconst initCurrentWeekStart = () => {\n  // 如果设置了startDate，就从startDate开始，否则从今天开始\n  const baseDate = props.startDate || new Date();\n  const day = baseDate.getDay(); // 0是周日，1是周一，2是周二，3是周三，4是周四，5是周五，6是周六\n  // 计算从baseDate开始的周开始日期：如果是周一，diff=0；如果是周二，diff=-1；...；如果是周日，diff=-6\n  const diff = baseDate.getDate() - (day === 0 ? 6 : day - 1);\n  const startDate = new Date(baseDate);\n  startDate.setDate(diff);\n  return startDate;\n};\n\nconst currentWeekStart = ref(initCurrentWeekStart());\n\n// 组件挂载后再次确认周开始日期\nonMounted(() => {\n  // 调试信息：打印props的值，看看是否能被正确接收\n  console.log('props:', props);\n  console.log('highlightType:', props.highlightType);\n});\n\n// 监听highlightType变化\nwatch(\n  () => props.highlightType,\n  (newValue) => {\n    console.log('highlightType changed:', newValue);\n  }\n);\n\n// 监听modelValue变化\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    console.log('modelValue changed:', newValue);\n  }\n);\n\n/**\n * 生成显示的日期数组\n */\nconst displayDates = computed<DateItem[]>(() => {\n  const dates: DateItem[] = [];\n  \n  try {\n    // 计算日期范围：从startDate开始，到endDate结束\n    const start = props.startDate;\n    const end = props.endDate;\n    \n    // 检查日期是否有效\n    if (isNaN(start.getTime()) || isNaN(end.getTime())) {\n      console.log('无效的日期对象，返回空数组');\n      return dates;\n    }\n    \n    // 计算总天数\n    const totalDays = Math.ceil((end.getTime() - start.getTime()) / (1000 * 60 * 60 * 24)) + 1;\n    \n    // 生成日期数组\n    for (let i = 0; i < totalDays; i++) {\n      const date = new Date(start);\n      date.setDate(start.getDate() + i);\n      \n      // 确保生成的日期是有效的\n      if (!isNaN(date.getTime())) {\n        dates.push({\n          date,\n          dateString: formatDate(date),\n          day: date.getDate(),\n          month: date.getMonth() + 1,\n          year: date.getFullYear(),\n          isWeekend: date.getDay() === 0 || date.getDay() === 6,\n          weekday: date.getDay()\n        });\n      }\n    }\n  } catch (error) {\n    console.error('生成日期数组时出错:', error);\n  }\n  \n  return dates;\n});\n\n/**\n * 过滤后的日期数组，只包含有效的DateItem对象\n */\nconst filteredDisplayDates = computed<DateItem[]>(() => {\n  return displayDates.value.filter((date): date is DateItem => {\n    // 确保date是有效的DateItem对象，并且包含所有必要的属性\n    return Boolean(date && \n           date.date && \n           date.dateString && \n           !isNaN(date.date.getTime()) && \n           typeof date.dateString === 'string' && \n           typeof date.day === 'number');\n  });\n});\n\n/**\n * 格式化日期为YYYY-MM-DD格式\n * @param date 日期对象\n * @returns 格式化后的日期字符串\n */\nconst formatDate = (date: Date): string => {\n  return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`;\n};\n\n/**\n * 检查日期是否被选中\n * @param date 日期项\n * @returns 是否被选中\n */\nconst isSelected = (date: DateItem): boolean => {\n  const dateStr = date.dateString;\n  \n  // 确保modelValue存在\n  if (!props.modelValue) {\n    return false;\n  }\n  \n  if (Array.isArray(props.modelValue)) {\n    // 范围选择\n    return props.modelValue.some(selectedDate => {\n      // 确保selectedDate是有效的Date对象\n      if (!selectedDate || isNaN(selectedDate.getTime())) {\n        return false;\n      }\n      return formatDate(selectedDate) === dateStr;\n    });\n  } else {\n    // 单个日期选择\n    // 确保modelValue是有效的Date对象\n    if (isNaN(props.modelValue.getTime())) {\n      return false;\n    }\n    return formatDate(props.modelValue) === dateStr;\n  }\n};\n\n/**\n * 检查日期是否是今天\n * @param date 日期项\n * @returns 是否是今天\n */\nconst isToday = (date: DateItem): boolean => {\n  const todayStr = formatDate(new Date());\n  return date.dateString === todayStr;\n};\n\n/**\n * 检查日期是否在可选范围内\n * @param date 日期项\n * @returns 是否在范围内\n */\nconst isInRange = (date: DateItem): boolean => {\n  const dateObj = date.date;\n  \n  if (props.disablePast && dateObj < new Date(new Date().setHours(0, 0, 0, 0))) {\n    return false;\n  }\n  \n  if (props.disableFuture && dateObj > new Date(new Date().setHours(23, 59, 59, 999))) {\n    return false;\n  }\n  \n  return dateObj >= props.startDate && dateObj <= props.endDate;\n};\n\n/**\n * 根据星期值获取星期标签\n * @param weekday 星期值（0-6，0代表周日）\n * @returns 星期标签\n */\nconst getWeekdayLabel = (weekday: number): string => {\n  return weekdays.find(w => w.value === weekday)?.label || '';\n};\n\n/**\n * 处理日期点击事件\n * @param date 日期项\n */\nconst handleDateClick = (date: DateItem) => {\n  if (!isInRange(date)) return;\n  \n  emit('dateClick', date);\n  emit('update:modelValue', date.date);\n};\n</script>\n\n<style scoped>\n/* 基础容器样式 */\n.hbis-date-strip {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  padding: 8px;\n  background-color: #ffffff;\n  border-radius: 8px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  box-sizing: border-box;\n}\n\n/* 横向滚动模式 */\n.hbis-date-strip--scrollable {\n  overflow: hidden;\n}\n\n/* 滚动包装器 */\n.hbis-date-strip__scroll-wrapper {\n  overflow: hidden;\n  width: 100%;\n}\n\n/* 滚动容器 */\n.hbis-date-strip__scroll-container {\n  width: 100%;\n  overflow-x: auto;\n  overflow-y: hidden;\n  scrollbar-width: none; /* 隐藏Firefox滚动条 */\n  -ms-overflow-style: none; /* 隐藏IE滚动条 */\n}\n\n.hbis-date-strip__scroll-container::-webkit-scrollbar {\n  display: none; /* 隐藏Chrome、Safari滚动条 */\n}\n\n/* 星期行样式 */\n.hbis-date-strip__weekdays {\n  display: flex;\n  margin-bottom: 8px;\n  box-sizing: border-box;\n  flex-wrap: nowrap;\n}\n\n/* 星期项样式 - 所有模式下都占1/7宽度 */\n.hbis-date-strip__weekday {\n  text-align: center;\n  font-size: 12px;\n  font-weight: 500;\n  color: #666666;\n  padding: 4px 0;\n  flex: 0 0 calc(100% / 7); /* 每日宽度占父宽度的1/7 */\n  width: calc(100% / 7); /* 每日宽度占父宽度的1/7 */\n  min-width: calc(100% / 7); /* 确保宽度固定，不受内容影响 */\n  box-sizing: border-box;\n}\n\n.hbis-date-strip__weekday--weekend {\n  color: #ff4d4f;\n}\n\n/* 日期行样式 - 所有模式下的基础样式 */\n.hbis-date-strip__dates {\n  display: flex;\n  justify-content: flex-start;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n/* 滚动模式下的星期行 */\n.hbis-date-strip--scrollable .hbis-date-strip__weekdays {\n  width: auto;\n}\n\n/* 滚动模式下的日期行 */\n.hbis-date-strip--scrollable .hbis-date-strip__dates {\n  width: auto;\n  flex-wrap: nowrap;\n}\n\n/* 非滚动模式下的日期行 */\n.hbis-date-strip:not(.hbis-date-strip--scrollable) .hbis-date-strip__dates {\n  justify-content: space-around;\n  width: 100%;\n}\n\n/* 日期项样式 - 所有模式下都和星期项宽度完全一致 */\n.hbis-date-strip__date {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 8px 0;\n  border-radius: 4px;\n  transition: all 0.2s ease;\n  position: relative;\n  user-select: none;\n  cursor: pointer;\n  flex: 0 0 calc(100% / 7); /* 和星期项保持完全一致，每日宽度占父宽度的1/7 */\n  width: calc(100% / 7); /* 和星期项保持完全一致，每日宽度占父宽度的1/7 */\n  min-width: calc(100% / 7); /* 和星期项保持完全一致，确保宽度固定 */\n  max-width: calc(100% / 7); /* 和星期项保持完全一致，确保宽度不超过 */\n  box-sizing: border-box;\n  white-space: normal;\n}\n\n.hbis-date-strip__date--disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.hbis-date-strip__date--weekend {\n  /* 周末颜色通过自定义属性控制 */\n}\n\n.hbis-date-strip__date-number {\n  font-size: 14px;\n  font-weight: 500;\n  padding: 4px;\n  transition: all 0.2s ease;\n  width: 100%;\n  text-align: center;\n  box-sizing: border-box;\n}\n\n/* 选中样式 - 背景色高亮 */\n.hbis-date-strip--highlight-bg .hbis-date-strip__date--selected {\n  /* 背景色和文字颜色通过内联样式控制 */\n}\n\n/* 选中样式 - 数字背景色高亮 */\n.hbis-date-strip--highlight-dot .hbis-date-strip__date--selected .hbis-date-strip__date-number {\n  /* 背景色和文字颜色通过内联样式控制 */\n  border-radius: 2px;\n}\n\n/* 选中样式 - 数字背景色圆角高亮 */\n.hbis-date-strip--highlight-round .hbis-date-strip__date--selected .hbis-date-strip__date-number {\n  /* 背景色和文字颜色通过内联样式控制 */\n  border-radius: 50%;\n  padding: 4px 8px;\n  min-width: 20px;\n  text-align: center;\n}\n\n/* 今天样式 */\n.hbis-date-strip__date--today .hbis-date-strip__date-number {\n  font-weight: 600;\n  /* 今天颜色保持默认，不受自定义颜色影响 */\n  color: #1890ff !important;\n}\n\n/* 禁用日期样式 */\n.hbis-date-strip__date--disabled {\n  color: #cccccc !important;\n  background-color: transparent !important;\n}\n\n/* 自定义slot样式 */\n.hbis-date-strip__custom {\n  margin-top: 8px;\n  padding-top: 8px;\n  border-top: 1px solid #f0f0f0;\n}\n</style>"],"names":["_createElementBlock","_normalizeClass","__props","_renderSlot","_ctx","emit","__emit","handleClick","event","_openBlock","_hoisted_1","_createElementVNode","_hoisted_2","_toDisplayString","_hoisted_3","props","shouldScroll","computed","start","end","diffTime","diffDays","totalDays","error","weekdays","orderedWeekdays","firstDate","filteredDisplayDates","firstDateWeekday","result","i","weekdayIndex","initCurrentWeekStart","baseDate","day","diff","startDate","ref","onMounted","watch","newValue","displayDates","dates","date","formatDate","isSelected","dateStr","selectedDate","isToday","todayStr","isInRange","dateObj","getWeekdayLabel","weekday","_a","w","handleDateClick","_hoisted_6","_hoisted_7","_hoisted_8","_Fragment","_renderList","_hoisted_9","_normalizeStyle","$event","_hoisted_11","_hoisted_5","$slots","_hoisted_12"],"mappings":"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"}

package/dist/index.es.js

@@ -1,25 +1,25 @@
-import { defineComponent as i, createElementBlock as s, openBlock as a, normalizeClass as m, renderSlot as d, createTextVNode as _, toDisplayString as l, createElementVNode as r, createCommentVNode as p } from "vue";
-const f = /* @__PURE__ */ i({
+import { defineComponent as w, createElementBlock as o, openBlock as r, normalizeClass as y, renderSlot as S, createTextVNode as I, toDisplayString as g, createElementVNode as c, createCommentVNode as V, computed as k, ref as H, onMounted as L, watch as W, Fragment as D, renderList as v, normalizeStyle as $ } from "vue";
+const z = /* @__PURE__ */ w({
   __name: "C1",
   props: {
     title: { default: "C1 Component" },
     primary: { type: Boolean, default: !1 }
   },
-  setup(t) {
-    return (e, o) => (a(), s("div", {
-      class: m(["c1-container", { "c1-primary": t.primary }])
+  setup(l) {
+    return (h, a) => (r(), o("div", {
+      class: y(["c1-container", { "c1-primary": l.primary }])
     }, [
-      d(e.$slots, "default", {}, () => [
-        _(l(t.title), 1)
+      S(h.$slots, "default", {}, () => [
+        I(g(l.title), 1)
       ], !0)
     ], 2));
   }
-}), u = (t, e) => {
-  const o = t.__vccOpts || t;
-  for (const [c, n] of e)
-    o[c] = n;
-  return o;
-}, b = /* @__PURE__ */ u(f, [["__scopeId", "data-v-e2028f64"]]), C = { class: "c2-container" }, h = { class: "c2-title" }, k = { class: "c2-content" }, v = /* @__PURE__ */ i({
+}), T = (l, h) => {
+  const a = l.__vccOpts || l;
+  for (const [f, u] of h)
+    a[f] = u;
+  return a;
+}, le = /* @__PURE__ */ T(z, [["__scopeId", "data-v-e2028f64"]]), A = { class: "c2-container" }, E = { class: "c2-title" }, O = { class: "c2-content" }, P = /* @__PURE__ */ w({
   __name: "C2",
   props: {
     title: { default: "C2 Component" },
@@ -27,25 +27,222 @@ const f = /* @__PURE__ */ i({
     buttonText: { default: "Click Me" }
   },
   emits: ["click"],
-  setup(t, { emit: e }) {
-    const o = e, c = (n) => {
-      o("click", n);
+  setup(l, { emit: h }) {
+    const a = h, f = (u) => {
+      a("click", u);
     };
-    return (n, y) => (a(), s("div", C, [
-      r("h2", h, l(t.title), 1),
-      r("div", k, [
-        d(n.$slots, "default", {}, void 0, !0)
+    return (u, b) => (r(), o("div", A, [
+      c("h2", E, g(l.title), 1),
+      c("div", O, [
+        S(u.$slots, "default", {}, void 0, !0)
       ]),
-      t.showButton ? (a(), s("button", {
+      l.showButton ? (r(), o("button", {
         key: 0,
         class: "c2-button",
-        onClick: c
-      }, l(t.buttonText), 1)) : p("", !0)
+        onClick: f
+      }, g(l.buttonText), 1)) : V("", !0)
     ]));
   }
-}), x = /* @__PURE__ */ u(v, [["__scopeId", "data-v-b1d573ae"]]);
+}), oe = /* @__PURE__ */ T(P, [["__scopeId", "data-v-b1d573ae"]]), Y = { key: 0 }, j = { class: "hbis-date-strip__weekdays" }, R = { class: "hbis-date-strip__dates" }, q = ["onClick"], G = { class: "hbis-date-strip__date-number" }, J = {
+  key: 1,
+  class: "hbis-date-strip__scroll-wrapper"
+}, K = { class: "hbis-date-strip__scroll-container" }, Q = { class: "hbis-date-strip__weekdays" }, U = { class: "hbis-date-strip__dates" }, X = ["onClick"], Z = { class: "hbis-date-strip__date-number" }, ee = {
+  key: 2,
+  class: "hbis-date-strip__custom"
+}, te = /* @__PURE__ */ w({
+  __name: "hbis-dateStrip",
+  props: {
+    modelValue: { default: () => /* @__PURE__ */ new Date() },
+    startDate: { default: () => /* @__PURE__ */ new Date() },
+    endDate: { default: () => {
+      const l = /* @__PURE__ */ new Date();
+      return l.setDate(l.getDate() + 30), l;
+    } },
+    highlightType: { default: "bg" },
+    showToday: { type: Boolean, default: !0 },
+    disablePast: { type: Boolean, default: !1 },
+    disableFuture: { type: Boolean, default: !1 },
+    selectedColor: { default: "#ffffff" },
+    normalColor: { default: "#666666" },
+    selectedBgColor: { default: "#1890ff" },
+    normalBgColor: { default: "transparent" },
+    scrollable: { type: Boolean, default: !1 },
+    visibleDays: { default: 7 }
+  },
+  emits: ["update:modelValue", "dateClick"],
+  setup(l, { emit: h }) {
+    const a = l, f = h, u = k(() => {
+      if (console.log("props:", {
+        startDate: a.startDate,
+        endDate: a.endDate,
+        scrollable: a.scrollable
+      }), a.scrollable)
+        return console.log("显式设置了scrollable为true，允许滚动"), !0;
+      try {
+        const e = new Date(a.startDate);
+        e.setHours(0, 0, 0, 0);
+        const s = new Date(a.endDate);
+        if (s.setHours(0, 0, 0, 0), isNaN(e.getTime()) || isNaN(s.getTime()))
+          return console.log("无效的日期对象，使用默认滚动行为"), !1;
+        const t = s.getTime() - e.getTime(), n = Math.ceil(t / (1e3 * 60 * 60 * 24)), d = n + 1;
+        return console.log("日期范围天数计算:", {
+          start: e.toLocaleDateString(),
+          end: s.toLocaleDateString(),
+          diffTime: t,
+          diffDays: n,
+          totalDays: d,
+          shouldScroll: d > 7
+        }), d > 7;
+      } catch (e) {
+        return console.error("计算日期范围时出错:", e), !1;
+      }
+    }), b = [
+      { value: 0, label: "日", isWeekend: !0 },
+      { value: 1, label: "一", isWeekend: !1 },
+      { value: 2, label: "二", isWeekend: !1 },
+      { value: 3, label: "三", isWeekend: !1 },
+      { value: 4, label: "四", isWeekend: !1 },
+      { value: 5, label: "五", isWeekend: !1 },
+      { value: 6, label: "六", isWeekend: !0 }
+    ], M = k(() => {
+      const e = m.value[0];
+      if (!e)
+        return b;
+      const s = e.weekday, t = [];
+      for (let n = 0; n < 7; n++) {
+        const d = (s + n) % 7;
+        t.push(b[d]);
+      }
+      return t;
+    });
+    H((() => {
+      const e = a.startDate || /* @__PURE__ */ new Date(), s = e.getDay(), t = e.getDate() - (s === 0 ? 6 : s - 1), n = new Date(e);
+      return n.setDate(t), n;
+    })()), L(() => {
+      console.log("props:", a), console.log("highlightType:", a.highlightType);
+    }), W(
+      () => a.highlightType,
+      (e) => {
+        console.log("highlightType changed:", e);
+      }
+    ), W(
+      () => a.modelValue,
+      (e) => {
+        console.log("modelValue changed:", e);
+      }
+    );
+    const x = k(() => {
+      const e = [];
+      try {
+        const s = a.startDate, t = a.endDate;
+        if (isNaN(s.getTime()) || isNaN(t.getTime()))
+          return console.log("无效的日期对象，返回空数组"), e;
+        const n = Math.ceil((t.getTime() - s.getTime()) / (1e3 * 60 * 60 * 24)) + 1;
+        for (let d = 0; d < n; d++) {
+          const i = new Date(s);
+          i.setDate(s.getDate() + d), isNaN(i.getTime()) || e.push({
+            date: i,
+            dateString: p(i),
+            day: i.getDate(),
+            month: i.getMonth() + 1,
+            year: i.getFullYear(),
+            isWeekend: i.getDay() === 0 || i.getDay() === 6,
+            weekday: i.getDay()
+          });
+        }
+      } catch (s) {
+        console.error("生成日期数组时出错:", s);
+      }
+      return e;
+    }), m = k(() => x.value.filter((e) => !!(e && e.date && e.dateString && !isNaN(e.date.getTime()) && typeof e.dateString == "string" && typeof e.day == "number"))), p = (e) => `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`, _ = (e) => {
+      const s = e.dateString;
+      return a.modelValue ? Array.isArray(a.modelValue) ? a.modelValue.some((t) => !t || isNaN(t.getTime()) ? !1 : p(t) === s) : isNaN(a.modelValue.getTime()) ? !1 : p(a.modelValue) === s : !1;
+    }, N = (e) => {
+      const s = p(/* @__PURE__ */ new Date());
+      return e.dateString === s;
+    }, C = (e) => {
+      const s = e.date;
+      return a.disablePast && s < new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0)) || a.disableFuture && s > new Date((/* @__PURE__ */ new Date()).setHours(23, 59, 59, 999)) ? !1 : s >= a.startDate && s <= a.endDate;
+    }, F = (e) => {
+      var s;
+      return ((s = b.find((t) => t.value === e)) == null ? void 0 : s.label) || "";
+    }, B = (e) => {
+      C(e) && (f("dateClick", e), f("update:modelValue", e.date));
+    };
+    return (e, s) => (r(), o("div", {
+      class: y(["hbis-date-strip", {
+        "hbis-date-strip--highlight-bg": l.highlightType === "bg",
+        "hbis-date-strip--highlight-dot": l.highlightType === "dot",
+        "hbis-date-strip--highlight-round": l.highlightType === "round",
+        "hbis-date-strip--scrollable": u.value
+      }])
+    }, [
+      u.value ? (r(), o("div", J, [
+        c("div", K, [
+          c("div", Q, [
+            (r(!0), o(D, null, v(m.value, (t) => (r(), o("div", {
+              key: t.dateString + "-weekday",
+              class: y(["hbis-date-strip__weekday", {
+                "hbis-date-strip__weekday--weekend": t.isWeekend
+              }])
+            }, g(F(t.weekday)), 3))), 128))
+          ]),
+          c("div", U, [
+            (r(!0), o(D, null, v(m.value, (t) => (r(), o("div", {
+              key: t.dateString,
+              class: y(["hbis-date-strip__date", {
+                "hbis-date-strip__date--selected": _(t),
+                "hbis-date-strip__date--today": N(t),
+                "hbis-date-strip__date--disabled": !C(t),
+                "hbis-date-strip__date--weekend": t.isWeekend
+              }]),
+              style: $({
+                color: _(t) ? l.selectedColor : l.normalColor,
+                backgroundColor: _(t) ? l.selectedBgColor : l.normalBgColor
+              }),
+              onClick: (n) => B(t)
+            }, [
+              c("div", Z, g(t.day), 1)
+            ], 14, X))), 128))
+          ])
+        ])
+      ])) : (r(), o("div", Y, [
+        c("div", j, [
+          (r(!0), o(D, null, v(M.value, (t) => (r(), o("div", {
+            key: t.value,
+            class: y(["hbis-date-strip__weekday", {
+              "hbis-date-strip__weekday--weekend": t.isWeekend
+            }])
+          }, g(t.label), 3))), 128))
+        ]),
+        c("div", R, [
+          (r(!0), o(D, null, v(m.value, (t) => (r(), o("div", {
+            key: t.dateString,
+            class: y(["hbis-date-strip__date", {
+              "hbis-date-strip__date--selected": _(t),
+              "hbis-date-strip__date--today": N(t),
+              "hbis-date-strip__date--disabled": !C(t),
+              "hbis-date-strip__date--weekend": t.isWeekend
+            }]),
+            style: $({
+              color: _(t) ? l.selectedColor : l.normalColor,
+              backgroundColor: _(t) ? l.selectedBgColor : l.normalBgColor
+            }),
+            onClick: (n) => B(t)
+          }, [
+            c("div", G, g(t.day), 1)
+          ], 14, q))), 128))
+        ])
+      ])),
+      e.$slots.default ? (r(), o("div", ee, [
+        S(e.$slots, "default", {}, void 0, !0)
+      ])) : V("", !0)
+    ], 2));
+  }
+}), re = /* @__PURE__ */ T(te, [["__scopeId", "data-v-7591067b"]]);
 export {
-  b as C1,
-  x as C2
+  le as C1,
+  oe as C2,
+  re as hbisDateStrip
 };
 //# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../c1/src/C1.vue","../c2/src/C2.vue"],"sourcesContent":["<template>\n  <div class=\"c1-container\" :class=\"{ 'c1-primary': primary }\">\n    <slot>{{ title }}</slot>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n/**\n * C1组件 - 基础组件示例\n * 用于展示基本的Vue3组件结构和TypeScript支持\n */\n\n// 定义组件属性\ninterface Props {\n  /** 标题文本 */\n  title?: string;\n  /** 是否使用主要样式 */\n  primary?: boolean;\n}\n\n// 定义组件属性默认值\nconst props = withDefaults(defineProps<Props>(), {\n  title: 'C1 Component',\n  primary: false\n});\n</script>\n\n<style scoped>\n.c1-container {\n  padding: 16px;\n  border: 1px solid #e0e0e0;\n  border-radius: 4px;\n  background-color: #ffffff;\n}\n\n.c1-primary {\n  background-color: #1890ff;\n  color: #ffffff;\n  border-color: #1890ff;\n}\n</style>\n","<template>\n  <div class=\"c2-container\">\n    <h2 class=\"c2-title\">{{ title }}</h2>\n    <div class=\"c2-content\">\n      <slot></slot>\n    </div>\n    <button v-if=\"showButton\" class=\"c2-button\" @click=\"handleClick\">\n      {{ buttonText }}\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n/**\n * C2组件 - 带按钮的容器组件\n * 用于展示包含事件处理的Vue3组件\n */\n\n// 定义组件属性\ninterface Props {\n  /** 标题文本 */\n  title?: string;\n  /** 是否显示按钮 */\n  showButton?: boolean;\n  /** 按钮文本 */\n  buttonText?: string;\n}\n\n// 定义组件事件\nconst emit = defineEmits<{\n  /** 按钮点击事件 */\n  (e: 'click', event: MouseEvent): void;\n}>();\n\n// 定义组件属性默认值\nconst props = withDefaults(defineProps<Props>(), {\n  title: 'C2 Component',\n  showButton: true,\n  buttonText: 'Click Me'\n});\n\n/**\n * 处理按钮点击事件\n * @param event 鼠标点击事件对象\n */\nconst handleClick = (event: MouseEvent) => {\n  emit('click', event);\n};\n</script>\n\n<style scoped>\n.c2-container {\n  padding: 20px;\n  border: 1px solid #e0e0e0;\n  border-radius: 8px;\n  background-color: #fafafa;\n  margin: 16px 0;\n}\n\n.c2-title {\n  margin: 0 0 12px 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: #333333;\n}\n\n.c2-content {\n  margin-bottom: 16px;\n  color: #666666;\n}\n\n.c2-button {\n  padding: 8px 16px;\n  background-color: #52c41a;\n  color: #ffffff;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 14px;\n  transition: background-color 0.3s;\n}\n\n.c2-button:hover {\n  background-color: #73d13d;\n}\n</style>\n"],"names":["_createElementBlock","_normalizeClass","__props","_renderSlot","_ctx","emit","__emit","handleClick","event","_openBlock","_hoisted_1","_createElementVNode","_hoisted_2","_toDisplayString","_hoisted_3"],"mappings":";;;;;;;;2BACEA,EAEM,OAAA;AAAA,MAFD,OAAKC,EAAA,CAAC,gBAAc,EAAA,cAAyBC,EAAA,SAAO,CAAA;AAAA,IAAA;MACvDC,EAAwBC,yBAAxB,MAAwB;AAAA,YAAfF,EAAA,KAAK,GAAA,CAAA;AAAA,MAAA;;;;;;;;;;;;;;;;;AC2BlB,UAAMG,IAAOC,GAgBPC,IAAc,CAACC,MAAsB;AACzC,MAAAH,EAAK,SAASG,CAAK;AAAA,IACrB;sBA9CEC,EAAA,GAAAT,EAQM,OARNU,GAQM;AAAA,MAPJC,EAAqC,MAArCC,GAAqCC,EAAbX,EAAA,KAAK,GAAA,CAAA;AAAA,MAC7BS,EAEM,OAFNG,GAEM;AAAA,QADJX,EAAaC,EAAA,QAAA,WAAA,CAAA,GAAA,QAAA,EAAA;AAAA,MAAA;MAEDF,EAAA,mBAAdF,EAES,UAAA;AAAA;QAFiB,OAAM;AAAA,QAAa,SAAOO;AAAA,MAAA,KAC/CL,EAAA,UAAU,GAAA,CAAA;;;;"}
+{"version":3,"file":"index.es.js","sources":["../c1/src/C1.vue","../c2/src/C2.vue","../hbis-dateStrip/src/hbis-dateStrip.vue"],"sourcesContent":["<template>\n  <div class=\"c1-container\" :class=\"{ 'c1-primary': primary }\">\n    <slot>{{ title }}</slot>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n/**\n * C1组件 - 基础组件示例\n * 用于展示基本的Vue3组件结构和TypeScript支持\n */\n\n// 定义组件属性\ninterface Props {\n  /** 标题文本 */\n  title?: string;\n  /** 是否使用主要样式 */\n  primary?: boolean;\n}\n\n// 定义组件属性默认值\nconst props = withDefaults(defineProps<Props>(), {\n  title: 'C1 Component',\n  primary: false\n});\n</script>\n\n<style scoped>\n.c1-container {\n  padding: 16px;\n  border: 1px solid #e0e0e0;\n  border-radius: 4px;\n  background-color: #ffffff;\n}\n\n.c1-primary {\n  background-color: #1890ff;\n  color: #ffffff;\n  border-color: #1890ff;\n}\n</style>\n","<template>\n  <div class=\"c2-container\">\n    <h2 class=\"c2-title\">{{ title }}</h2>\n    <div class=\"c2-content\">\n      <slot></slot>\n    </div>\n    <button v-if=\"showButton\" class=\"c2-button\" @click=\"handleClick\">\n      {{ buttonText }}\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n/**\n * C2组件 - 带按钮的容器组件\n * 用于展示包含事件处理的Vue3组件\n */\n\n// 定义组件属性\ninterface Props {\n  /** 标题文本 */\n  title?: string;\n  /** 是否显示按钮 */\n  showButton?: boolean;\n  /** 按钮文本 */\n  buttonText?: string;\n}\n\n// 定义组件事件\nconst emit = defineEmits<{\n  /** 按钮点击事件 */\n  (e: 'click', event: MouseEvent): void;\n}>();\n\n// 定义组件属性默认值\nconst props = withDefaults(defineProps<Props>(), {\n  title: 'C2 Component',\n  showButton: true,\n  buttonText: 'Click Me'\n});\n\n/**\n * 处理按钮点击事件\n * @param event 鼠标点击事件对象\n */\nconst handleClick = (event: MouseEvent) => {\n  emit('click', event);\n};\n</script>\n\n<style scoped>\n.c2-container {\n  padding: 20px;\n  border: 1px solid #e0e0e0;\n  border-radius: 8px;\n  background-color: #fafafa;\n  margin: 16px 0;\n}\n\n.c2-title {\n  margin: 0 0 12px 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: #333333;\n}\n\n.c2-content {\n  margin-bottom: 16px;\n  color: #666666;\n}\n\n.c2-button {\n  padding: 8px 16px;\n  background-color: #52c41a;\n  color: #ffffff;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 14px;\n  transition: background-color 0.3s;\n}\n\n.c2-button:hover {\n  background-color: #73d13d;\n}\n</style>\n","<template>\n  <div class=\"hbis-date-strip\" :class=\"{\n    'hbis-date-strip--highlight-bg': highlightType === 'bg',\n    'hbis-date-strip--highlight-dot': highlightType === 'dot',\n    'hbis-date-strip--highlight-round': highlightType === 'round',\n    'hbis-date-strip--scrollable': shouldScroll\n  }\">\n    <!-- 非滚动模式：星期行 + 固定日期行 -->\n    <div v-if=\"!shouldScroll\">\n      <!-- 星期行 - 固定显示7个星期，始终在顶部 -->\n      <div class=\"hbis-date-strip__weekdays\">\n        <div \n          v-for=\"weekday in orderedWeekdays\" \n          :key=\"weekday.value\"\n          class=\"hbis-date-strip__weekday\"\n          :class=\"{\n            'hbis-date-strip__weekday--weekend': weekday.isWeekend\n          }\"\n        >\n          {{ weekday.label }}\n        </div>\n      </div>\n      \n      <!-- 日期行 - 固定显示7天 -->\n      <div class=\"hbis-date-strip__dates\">\n        <div \n          v-for=\"date in filteredDisplayDates\" \n          :key=\"date.dateString\"\n          class=\"hbis-date-strip__date\"\n          :class=\"{\n            'hbis-date-strip__date--selected': isSelected(date),\n            'hbis-date-strip__date--today': isToday(date),\n            'hbis-date-strip__date--disabled': !isInRange(date),\n            'hbis-date-strip__date--weekend': date.isWeekend\n          }\"\n          :style=\"{\n            color: isSelected(date) ? selectedColor : normalColor,\n            backgroundColor: isSelected(date) ? selectedBgColor : normalBgColor\n          }\"\n          @click=\"handleDateClick(date)\"\n        >\n          <div class=\"hbis-date-strip__date-number\">{{ date.day }}</div>\n        </div>\n      </div>\n    </div>\n    \n    <!-- 滚动模式：星期行和日期行一起滚动 -->\n    <div v-else class=\"hbis-date-strip__scroll-wrapper\">\n      <!-- 滚动容器 - 包含星期行和日期行 -->\n      <div \n        class=\"hbis-date-strip__scroll-container\"\n      >\n        <!-- 星期行 - 与日期一起滚动 -->\n        <div class=\"hbis-date-strip__weekdays\">\n          <div \n            v-for=\"date in filteredDisplayDates\" \n            :key=\"date.dateString + '-weekday'\"\n            class=\"hbis-date-strip__weekday\"\n            :class=\"{\n              'hbis-date-strip__weekday--weekend': date.isWeekend\n            }\"\n          >\n            <!-- 显示每个日期对应的星期 -->\n            {{ getWeekdayLabel(date.weekday) }}\n          </div>\n        </div>\n        \n        <!-- 日期行 - 一页显示7天，支持横向滑动 -->\n        <div class=\"hbis-date-strip__dates\">\n          <div \n            v-for=\"date in filteredDisplayDates\" \n            :key=\"date.dateString\"\n            class=\"hbis-date-strip__date\"\n            :class=\"{\n              'hbis-date-strip__date--selected': isSelected(date),\n              'hbis-date-strip__date--today': isToday(date),\n              'hbis-date-strip__date--disabled': !isInRange(date),\n              'hbis-date-strip__date--weekend': date.isWeekend\n            }\"\n            :style=\"{\n              color: isSelected(date) ? selectedColor : normalColor,\n              backgroundColor: isSelected(date) ? selectedBgColor : normalBgColor\n            }\"\n            @click=\"handleDateClick(date)\"\n          >\n            <div class=\"hbis-date-strip__date-number\">{{ date.day }}</div>\n          </div>\n        </div>\n      </div>\n    </div>\n    \n    <!-- 自定义slot -->\n    <div class=\"hbis-date-strip__custom\" v-if=\"$slots.default\">\n      <slot></slot>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n/**\n * hbis-dateStrip组件 - 用于展示一周的日历信息\n * 支持多种切换方式和选中样式\n * 兼容平台：H5、App、微信小程序、支付宝小程序等Uniapp支持的所有平台\n */\n\nimport { ref, computed, onMounted, watch } from 'vue';\n\n// 星期数据类型\ninterface Weekday {\n  value: number;\n  label: string;\n  isWeekend: boolean;\n}\n\n// 日期数据类型\ninterface DateItem {\n  date: Date;\n  dateString: string;\n  day: number;\n  month: number;\n  year: number;\n  isWeekend: boolean;\n  weekday: number;\n}\n\n// 组件属性类型\ninterface Props {\n  /** 选中日期，可以是单个日期或日期范围 */\n  modelValue?: Date | Date[];\n  /** 日期范围开始 */\n  startDate?: Date;\n  /** 日期范围结束 */\n  endDate?: Date;\n  /** 选中样式类型：bg(背景色高亮), dot(数字背景色高亮), round(数字背景色圆角高亮) */\n  highlightType?: 'bg' | 'dot' | 'round';\n  /** 是否显示今天 */\n  showToday?: boolean;\n  /** 是否禁用过去的日期 */\n  disablePast?: boolean;\n  /** 是否禁用未来的日期 */\n  disableFuture?: boolean;\n  /** 选中状态的文字颜色 */\n  selectedColor?: string;\n  /** 正常状态的文字颜色 */\n  normalColor?: string;\n  /** 选中状态的背景颜色 */\n  selectedBgColor?: string;\n  /** 正常状态的背景颜色 */\n  normalBgColor?: string;\n  /** 是否支持横向滑动日期 */\n  scrollable?: boolean;\n  /** 可见的天数（默认7天） */\n  visibleDays?: number;\n}\n\n// 定义组件属性默认值\nconst props = withDefaults(defineProps<Props>(), {\n  modelValue: () => new Date(),\n  startDate: () => new Date(),\n  endDate: () => {\n    const end = new Date();\n    end.setDate(end.getDate() + 30);\n    return end;\n  },\n  highlightType: 'bg',\n  showToday: true,\n  disablePast: false,\n  disableFuture: false,\n  selectedColor: '#ffffff',\n  normalColor: '#666666',\n  selectedBgColor: '#1890ff',\n  normalBgColor: 'transparent',\n  scrollable: false,\n  visibleDays: 7\n});\n\n// 直接使用props访问属性，确保响应性\n// 注意：在Vue 3 Composition API中，解构props会失去响应性\n\n// 定义组件事件\nconst emit = defineEmits<{\n  /** 选中日期变化事件 */\n  (e: 'update:modelValue', value: Date | Date[]): void;\n  /** 日期点击事件 */\n  (e: 'dateClick', date: DateItem): void;\n}>();\n\n// 计算是否需要滚动：如果日期范围超过7天，则可以滚动\nconst shouldScroll = computed<boolean>(() => {\n  // 调试信息：打印props，查看startDate和endDate的值\n  console.log('props:', {\n    startDate: props.startDate,\n    endDate: props.endDate,\n    scrollable: props.scrollable\n  });\n  \n  // 如果显式设置了scrollable为true，直接返回true\n  if (props.scrollable) {\n    console.log('显式设置了scrollable为true，允许滚动');\n    return true;\n  }\n  \n  try {\n    // 计算日期范围的天数，忽略时间部分\n    const start = new Date(props.startDate);\n    start.setHours(0, 0, 0, 0);\n    \n    const end = new Date(props.endDate);\n    end.setHours(0, 0, 0, 0);\n    \n    // 检查日期是否有效\n    if (isNaN(start.getTime()) || isNaN(end.getTime())) {\n      console.log('无效的日期对象，使用默认滚动行为');\n      return false;\n    }\n    \n    // 计算总天数，确保结果正确\n    const diffTime = end.getTime() - start.getTime();\n    const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));\n    const totalDays = diffDays + 1;\n    \n    // 调试信息\n    console.log('日期范围天数计算:', {\n      start: start.toLocaleDateString(),\n      end: end.toLocaleDateString(),\n      diffTime,\n      diffDays,\n      totalDays,\n      shouldScroll: totalDays > 7\n    });\n    \n    // 如果超过7天，允许滚动\n    return totalDays > 7;\n  } catch (error) {\n    console.error('计算日期范围时出错:', error);\n    // 出错时，默认不允许滚动\n    return false;\n  }\n});\n\n// 星期数据\nconst weekdays: Weekday[] = [\n  { value: 0, label: '日', isWeekend: true },\n  { value: 1, label: '一', isWeekend: false },\n  { value: 2, label: '二', isWeekend: false },\n  { value: 3, label: '三', isWeekend: false },\n  { value: 4, label: '四', isWeekend: false },\n  { value: 5, label: '五', isWeekend: false },\n  { value: 6, label: '六', isWeekend: true }\n];\n\n// 根据当前显示的第一个日期动态排序星期，确保星期和日期对应\nconst orderedWeekdays = computed<Weekday[]>(() => {\n  // 获取当前显示的第一个有效的日期\n  const firstDate = filteredDisplayDates.value[0];\n  if (!firstDate) {\n    // 如果没有日期，返回默认的星期顺序\n    return weekdays;\n  }\n  \n  const firstDateWeekday = firstDate.weekday;\n  const result: Weekday[] = [];\n  \n  // 从第一个日期的星期开始，按顺序排列7天的星期\n  for (let i = 0; i < 7; i++) {\n    const weekdayIndex = (firstDateWeekday + i) % 7;\n    result.push(weekdays[weekdayIndex]);\n  }\n  \n  return result;\n});\n\n// 当前显示的周开始日期\n// 初始化时就计算出正确的周开始日期，确保组件第一次渲染时就有有效值\nconst initCurrentWeekStart = () => {\n  // 如果设置了startDate，就从startDate开始，否则从今天开始\n  const baseDate = props.startDate || new Date();\n  const day = baseDate.getDay(); // 0是周日，1是周一，2是周二，3是周三，4是周四，5是周五，6是周六\n  // 计算从baseDate开始的周开始日期：如果是周一，diff=0；如果是周二，diff=-1；...；如果是周日，diff=-6\n  const diff = baseDate.getDate() - (day === 0 ? 6 : day - 1);\n  const startDate = new Date(baseDate);\n  startDate.setDate(diff);\n  return startDate;\n};\n\nconst currentWeekStart = ref(initCurrentWeekStart());\n\n// 组件挂载后再次确认周开始日期\nonMounted(() => {\n  // 调试信息：打印props的值，看看是否能被正确接收\n  console.log('props:', props);\n  console.log('highlightType:', props.highlightType);\n});\n\n// 监听highlightType变化\nwatch(\n  () => props.highlightType,\n  (newValue) => {\n    console.log('highlightType changed:', newValue);\n  }\n);\n\n// 监听modelValue变化\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    console.log('modelValue changed:', newValue);\n  }\n);\n\n/**\n * 生成显示的日期数组\n */\nconst displayDates = computed<DateItem[]>(() => {\n  const dates: DateItem[] = [];\n  \n  try {\n    // 计算日期范围：从startDate开始，到endDate结束\n    const start = props.startDate;\n    const end = props.endDate;\n    \n    // 检查日期是否有效\n    if (isNaN(start.getTime()) || isNaN(end.getTime())) {\n      console.log('无效的日期对象，返回空数组');\n      return dates;\n    }\n    \n    // 计算总天数\n    const totalDays = Math.ceil((end.getTime() - start.getTime()) / (1000 * 60 * 60 * 24)) + 1;\n    \n    // 生成日期数组\n    for (let i = 0; i < totalDays; i++) {\n      const date = new Date(start);\n      date.setDate(start.getDate() + i);\n      \n      // 确保生成的日期是有效的\n      if (!isNaN(date.getTime())) {\n        dates.push({\n          date,\n          dateString: formatDate(date),\n          day: date.getDate(),\n          month: date.getMonth() + 1,\n          year: date.getFullYear(),\n          isWeekend: date.getDay() === 0 || date.getDay() === 6,\n          weekday: date.getDay()\n        });\n      }\n    }\n  } catch (error) {\n    console.error('生成日期数组时出错:', error);\n  }\n  \n  return dates;\n});\n\n/**\n * 过滤后的日期数组，只包含有效的DateItem对象\n */\nconst filteredDisplayDates = computed<DateItem[]>(() => {\n  return displayDates.value.filter((date): date is DateItem => {\n    // 确保date是有效的DateItem对象，并且包含所有必要的属性\n    return Boolean(date && \n           date.date && \n           date.dateString && \n           !isNaN(date.date.getTime()) && \n           typeof date.dateString === 'string' && \n           typeof date.day === 'number');\n  });\n});\n\n/**\n * 格式化日期为YYYY-MM-DD格式\n * @param date 日期对象\n * @returns 格式化后的日期字符串\n */\nconst formatDate = (date: Date): string => {\n  return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`;\n};\n\n/**\n * 检查日期是否被选中\n * @param date 日期项\n * @returns 是否被选中\n */\nconst isSelected = (date: DateItem): boolean => {\n  const dateStr = date.dateString;\n  \n  // 确保modelValue存在\n  if (!props.modelValue) {\n    return false;\n  }\n  \n  if (Array.isArray(props.modelValue)) {\n    // 范围选择\n    return props.modelValue.some(selectedDate => {\n      // 确保selectedDate是有效的Date对象\n      if (!selectedDate || isNaN(selectedDate.getTime())) {\n        return false;\n      }\n      return formatDate(selectedDate) === dateStr;\n    });\n  } else {\n    // 单个日期选择\n    // 确保modelValue是有效的Date对象\n    if (isNaN(props.modelValue.getTime())) {\n      return false;\n    }\n    return formatDate(props.modelValue) === dateStr;\n  }\n};\n\n/**\n * 检查日期是否是今天\n * @param date 日期项\n * @returns 是否是今天\n */\nconst isToday = (date: DateItem): boolean => {\n  const todayStr = formatDate(new Date());\n  return date.dateString === todayStr;\n};\n\n/**\n * 检查日期是否在可选范围内\n * @param date 日期项\n * @returns 是否在范围内\n */\nconst isInRange = (date: DateItem): boolean => {\n  const dateObj = date.date;\n  \n  if (props.disablePast && dateObj < new Date(new Date().setHours(0, 0, 0, 0))) {\n    return false;\n  }\n  \n  if (props.disableFuture && dateObj > new Date(new Date().setHours(23, 59, 59, 999))) {\n    return false;\n  }\n  \n  return dateObj >= props.startDate && dateObj <= props.endDate;\n};\n\n/**\n * 根据星期值获取星期标签\n * @param weekday 星期值（0-6，0代表周日）\n * @returns 星期标签\n */\nconst getWeekdayLabel = (weekday: number): string => {\n  return weekdays.find(w => w.value === weekday)?.label || '';\n};\n\n/**\n * 处理日期点击事件\n * @param date 日期项\n */\nconst handleDateClick = (date: DateItem) => {\n  if (!isInRange(date)) return;\n  \n  emit('dateClick', date);\n  emit('update:modelValue', date.date);\n};\n</script>\n\n<style scoped>\n/* 基础容器样式 */\n.hbis-date-strip {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  padding: 8px;\n  background-color: #ffffff;\n  border-radius: 8px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  box-sizing: border-box;\n}\n\n/* 横向滚动模式 */\n.hbis-date-strip--scrollable {\n  overflow: hidden;\n}\n\n/* 滚动包装器 */\n.hbis-date-strip__scroll-wrapper {\n  overflow: hidden;\n  width: 100%;\n}\n\n/* 滚动容器 */\n.hbis-date-strip__scroll-container {\n  width: 100%;\n  overflow-x: auto;\n  overflow-y: hidden;\n  scrollbar-width: none; /* 隐藏Firefox滚动条 */\n  -ms-overflow-style: none; /* 隐藏IE滚动条 */\n}\n\n.hbis-date-strip__scroll-container::-webkit-scrollbar {\n  display: none; /* 隐藏Chrome、Safari滚动条 */\n}\n\n/* 星期行样式 */\n.hbis-date-strip__weekdays {\n  display: flex;\n  margin-bottom: 8px;\n  box-sizing: border-box;\n  flex-wrap: nowrap;\n}\n\n/* 星期项样式 - 所有模式下都占1/7宽度 */\n.hbis-date-strip__weekday {\n  text-align: center;\n  font-size: 12px;\n  font-weight: 500;\n  color: #666666;\n  padding: 4px 0;\n  flex: 0 0 calc(100% / 7); /* 每日宽度占父宽度的1/7 */\n  width: calc(100% / 7); /* 每日宽度占父宽度的1/7 */\n  min-width: calc(100% / 7); /* 确保宽度固定，不受内容影响 */\n  box-sizing: border-box;\n}\n\n.hbis-date-strip__weekday--weekend {\n  color: #ff4d4f;\n}\n\n/* 日期行样式 - 所有模式下的基础样式 */\n.hbis-date-strip__dates {\n  display: flex;\n  justify-content: flex-start;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n/* 滚动模式下的星期行 */\n.hbis-date-strip--scrollable .hbis-date-strip__weekdays {\n  width: auto;\n}\n\n/* 滚动模式下的日期行 */\n.hbis-date-strip--scrollable .hbis-date-strip__dates {\n  width: auto;\n  flex-wrap: nowrap;\n}\n\n/* 非滚动模式下的日期行 */\n.hbis-date-strip:not(.hbis-date-strip--scrollable) .hbis-date-strip__dates {\n  justify-content: space-around;\n  width: 100%;\n}\n\n/* 日期项样式 - 所有模式下都和星期项宽度完全一致 */\n.hbis-date-strip__date {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 8px 0;\n  border-radius: 4px;\n  transition: all 0.2s ease;\n  position: relative;\n  user-select: none;\n  cursor: pointer;\n  flex: 0 0 calc(100% / 7); /* 和星期项保持完全一致，每日宽度占父宽度的1/7 */\n  width: calc(100% / 7); /* 和星期项保持完全一致，每日宽度占父宽度的1/7 */\n  min-width: calc(100% / 7); /* 和星期项保持完全一致，确保宽度固定 */\n  max-width: calc(100% / 7); /* 和星期项保持完全一致，确保宽度不超过 */\n  box-sizing: border-box;\n  white-space: normal;\n}\n\n.hbis-date-strip__date--disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.hbis-date-strip__date--weekend {\n  /* 周末颜色通过自定义属性控制 */\n}\n\n.hbis-date-strip__date-number {\n  font-size: 14px;\n  font-weight: 500;\n  padding: 4px;\n  transition: all 0.2s ease;\n  width: 100%;\n  text-align: center;\n  box-sizing: border-box;\n}\n\n/* 选中样式 - 背景色高亮 */\n.hbis-date-strip--highlight-bg .hbis-date-strip__date--selected {\n  /* 背景色和文字颜色通过内联样式控制 */\n}\n\n/* 选中样式 - 数字背景色高亮 */\n.hbis-date-strip--highlight-dot .hbis-date-strip__date--selected .hbis-date-strip__date-number {\n  /* 背景色和文字颜色通过内联样式控制 */\n  border-radius: 2px;\n}\n\n/* 选中样式 - 数字背景色圆角高亮 */\n.hbis-date-strip--highlight-round .hbis-date-strip__date--selected .hbis-date-strip__date-number {\n  /* 背景色和文字颜色通过内联样式控制 */\n  border-radius: 50%;\n  padding: 4px 8px;\n  min-width: 20px;\n  text-align: center;\n}\n\n/* 今天样式 */\n.hbis-date-strip__date--today .hbis-date-strip__date-number {\n  font-weight: 600;\n  /* 今天颜色保持默认，不受自定义颜色影响 */\n  color: #1890ff !important;\n}\n\n/* 禁用日期样式 */\n.hbis-date-strip__date--disabled {\n  color: #cccccc !important;\n  background-color: transparent !important;\n}\n\n/* 自定义slot样式 */\n.hbis-date-strip__custom {\n  margin-top: 8px;\n  padding-top: 8px;\n  border-top: 1px solid #f0f0f0;\n}\n</style>"],"names":["_createElementBlock","_normalizeClass","__props","_renderSlot","_ctx","emit","__emit","handleClick","event","_openBlock","_hoisted_1","_createElementVNode","_hoisted_2","_toDisplayString","_hoisted_3","props","shouldScroll","computed","start","end","diffTime","diffDays","totalDays","error","weekdays","orderedWeekdays","firstDate","filteredDisplayDates","firstDateWeekday","result","i","weekdayIndex","ref","baseDate","day","diff","startDate","onMounted","watch","newValue","displayDates","dates","date","formatDate","isSelected","dateStr","selectedDate","isToday","todayStr","isInRange","dateObj","getWeekdayLabel","weekday","_a","w","handleDateClick","_hoisted_6","_hoisted_7","_hoisted_8","_Fragment","_renderList","_hoisted_9","_normalizeStyle","$event","_hoisted_11","_hoisted_5","$slots","_hoisted_12"],"mappings":"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"}

package/dist/style.css

@@ -1 +1 @@
-.c1-container[data-v-e2028f64]{padding:16px;border:1px solid #e0e0e0;border-radius:4px;background-color:#fff}.c1-primary[data-v-e2028f64]{background-color:#1890ff;color:#fff;border-color:#1890ff}.c2-container[data-v-b1d573ae]{padding:20px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fafafa;margin:16px 0}.c2-title[data-v-b1d573ae]{margin:0 0 12px;font-size:18px;font-weight:600;color:#333}.c2-content[data-v-b1d573ae]{margin-bottom:16px;color:#666}.c2-button[data-v-b1d573ae]{padding:8px 16px;background-color:#52c41a;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.c2-button[data-v-b1d573ae]:hover{background-color:#73d13d}
+.c1-container[data-v-e2028f64]{padding:16px;border:1px solid #e0e0e0;border-radius:4px;background-color:#fff}.c1-primary[data-v-e2028f64]{background-color:#1890ff;color:#fff;border-color:#1890ff}.c2-container[data-v-b1d573ae]{padding:20px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fafafa;margin:16px 0}.c2-title[data-v-b1d573ae]{margin:0 0 12px;font-size:18px;font-weight:600;color:#333}.c2-content[data-v-b1d573ae]{margin-bottom:16px;color:#666}.c2-button[data-v-b1d573ae]{padding:8px 16px;background-color:#52c41a;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.c2-button[data-v-b1d573ae]:hover{background-color:#73d13d}.hbis-date-strip[data-v-7591067b]{display:flex;flex-direction:column;width:100%;padding:8px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box}.hbis-date-strip--scrollable[data-v-7591067b]{overflow:hidden}.hbis-date-strip__scroll-wrapper[data-v-7591067b]{overflow:hidden;width:100%}.hbis-date-strip__scroll-container[data-v-7591067b]{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.hbis-date-strip__scroll-container[data-v-7591067b]::-webkit-scrollbar{display:none}.hbis-date-strip__weekdays[data-v-7591067b]{display:flex;margin-bottom:8px;box-sizing:border-box;flex-wrap:nowrap}.hbis-date-strip__weekday[data-v-7591067b]{text-align:center;font-size:12px;font-weight:500;color:#666;padding:4px 0;flex:0 0 calc(100% / 7);width:calc(100% / 7);min-width:calc(100% / 7);box-sizing:border-box}.hbis-date-strip__weekday--weekend[data-v-7591067b]{color:#ff4d4f}.hbis-date-strip__dates[data-v-7591067b]{display:flex;justify-content:flex-start;width:100%;box-sizing:border-box}.hbis-date-strip--scrollable .hbis-date-strip__weekdays[data-v-7591067b]{width:auto}.hbis-date-strip--scrollable .hbis-date-strip__dates[data-v-7591067b]{width:auto;flex-wrap:nowrap}.hbis-date-strip:not(.hbis-date-strip--scrollable) .hbis-date-strip__dates[data-v-7591067b]{justify-content:space-around;width:100%}.hbis-date-strip__date[data-v-7591067b]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0;border-radius:4px;transition:all .2s ease;position:relative;-webkit-user-select:none;user-select:none;cursor:pointer;flex:0 0 calc(100% / 7);width:calc(100% / 7);min-width:calc(100% / 7);max-width:calc(100% / 7);box-sizing:border-box;white-space:normal}.hbis-date-strip__date--disabled[data-v-7591067b]{cursor:not-allowed;opacity:.6}.hbis-date-strip__date-number[data-v-7591067b]{font-size:14px;font-weight:500;padding:4px;transition:all .2s ease;width:100%;text-align:center;box-sizing:border-box}.hbis-date-strip--highlight-dot .hbis-date-strip__date--selected .hbis-date-strip__date-number[data-v-7591067b]{border-radius:2px}.hbis-date-strip--highlight-round .hbis-date-strip__date--selected .hbis-date-strip__date-number[data-v-7591067b]{border-radius:50%;padding:4px 8px;min-width:20px;text-align:center}.hbis-date-strip__date--today .hbis-date-strip__date-number[data-v-7591067b]{font-weight:600;color:#1890ff!important}.hbis-date-strip__date--disabled[data-v-7591067b]{color:#ccc!important;background-color:transparent!important}.hbis-date-strip__custom[data-v-7591067b]{margin-top:8px;padding-top:8px;border-top:1px solid #f0f0f0}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hbis-uni/components",
-  "version": "1.0.1",
+  "version": "1.0.9",
   "description": "HBIS UNI components library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
@@ -20,6 +20,15 @@
       "import": "dist/index.es.js",
       "require": "dist/index.cjs.js",
       "types": "dist/types/index.d.ts"
+    },
+    "./hbis-dateStrip": {
+      "import": "dist/index.es.js",
+      "require": "dist/index.cjs.js",
+      "types": "dist/types/index.d.ts"
+    },
+    "./dist/style.css": {
+      "import": "dist/style.css",
+      "require": "dist/style.css"
     }
   },
   "peerDependencies": {