@cldemo/ui-kit 1.0.17 → 1.1.0

package/buildLibs/utils/Mobile/ClPickerArea.css

@@ -0,0 +1 @@
+.panel-picker-area-overlay{position:fixed;inset:0;background:var(--cl-overlay, rgba(0, 0, 0, .7));transition:opacity var(--pickerarea-duration, .3s) ease}.panel-picker-area{position:fixed;left:0;right:0;bottom:0;background:var(--cl-bg, #ffffff);border-radius:16px 16px 0 0;overflow:hidden}.pickerarea-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--cl-border, #cfcfcf)}.pickerarea-header-title{font-size:16px;font-weight:500;color:var(--cl-text-primary, #323233)}.pickerarea-header-btn{font-size:14px;color:var(--cl-text-secondary, #666666);cursor:pointer}.pickerarea-header-btn--confirm{color:var(--cl-primary, #1088f0)}.pickerarea-columns{position:relative;display:flex;overflow:hidden;height:264px}.pickerarea-columns:before,.pickerarea-columns:after{content:"";position:absolute;left:0;right:0;height:22%;z-index:3;pointer-events:none}.pickerarea-columns:before{top:0;background:linear-gradient(to bottom,var(--cl-bg, #ffffff),var(--cl-white-alpha-60, rgba(255, 255, 255, .6)))}.pickerarea-columns:after{bottom:0;background:linear-gradient(to top,var(--cl-bg, #ffffff),var(--cl-white-alpha-60, rgba(255, 255, 255, .6)))}.pickerarea-column .picker-column-item--active{color:var(--cl-primary, #1088f0)}.pickerarea-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.pickerarea-loading-text{font-size:13px;color:var(--cl-text-secondary, #666666)}.pickerarea-fade-enter-active,.pickerarea-fade-leave-active{transition:opacity var(--pickerarea-duration, .3s) ease}.pickerarea-fade-enter-from,.pickerarea-fade-leave-to{opacity:0}.pickerarea-slide-enter-active,.pickerarea-slide-leave-active{transition:transform var(--pickerarea-duration, .3s) cubic-bezier(.32,.72,0,1)}.pickerarea-slide-enter-from,.pickerarea-slide-leave-to{transform:translateY(100%)}

package/buildLibs/utils/Mobile/ClPickerArea.d.ts

@@ -0,0 +1 @@
+export type { default } from '../../types/Mobile/PickerArea/Index.vue.d.ts';

package/buildLibs/utils/Mobile/ClPickerArea.js

@@ -0,0 +1,257 @@
+import '../../styles/Common/Token.css';
+import '../../styles/Mobile/ClPickerArea.css';
+import { defineComponent as ye, ref as p, watch as $, computed as a, resolveComponent as fe, openBlock as u, createBlock as M, Teleport as he, createVNode as f, Transition as j, withCtx as J, createElementBlock as h, normalizeStyle as w, createCommentVNode as G, normalizeClass as ge, unref as ke, createElementVNode as m, toDisplayString as A, Fragment as U } from "vue";
+import { c as Ce } from "../Shared/log-BbLqiWNM.js";
+import { C as o } from "../Shared/base-fr2I80sU.js";
+import { C as _e } from "../Shared/index-B477PjJ3.js";
+import { _ as T } from "../Shared/Column.vue_vue_type_script_setup_true_lang-dm0Ii8XP.js";
+const Ne = ["id"], xe = { class: "pickerarea-header" }, Ie = { class: "pickerarea-header-title" }, Le = { class: "pickerarea-columns" }, Se = {
+  key: 0,
+  class: "pickerarea-loading"
+}, be = 44, Oe = 6, Pe = /* @__PURE__ */ ye({
+  name: "ClPickerArea",
+  __name: "Index",
+  props: {
+    id: String,
+    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
+    className: String,
+    // desc: 自定义CSS类名
+    value: {
+      type: [Array, String],
+      default: () => []
+      // desc: 选中值（省市区名数组），支持 v-model
+    },
+    show: Boolean,
+    // desc: 是否显示选择器，支持 v-model:show
+    title: String,
+    // desc: 顶部标题
+    submitLabel: String,
+    // desc: 确认按钮文字
+    closeLabel: String,
+    // desc: 取消按钮文字
+    areaList: {
+      type: Array,
+      default: () => []
+      // desc: 省市区数据（{ name, children }[]）。为空时自动按需加载内置全国数据（2024 最新、含港澳台），加载期间列区显示 loading
+    },
+    columnsNum: {
+      type: Number,
+      default: 3
+      // desc: 显示列数 | enum: 2, 3
+    },
+    isOverlay: {
+      type: Boolean,
+      default: !0
+      // desc: 是否显示遮罩层
+    },
+    isCloseOnClickOverlay: {
+      type: Boolean,
+      default: !0
+      // desc: 点击遮罩层后是否关闭
+    },
+    duration: {
+      type: Number,
+      default: 300
+      // desc: 动画时长(ms)
+    },
+    zIndex: {
+      type: Number,
+      default: 2e3
+      // desc: 面板层级
+    },
+    teleportTarget: {
+      type: String,
+      default: ""
+      // desc: 挂载目标 | enum: body（默认）、#id（指定容器 id）
+    }
+  },
+  emits: ["update:show", "update:value", "update:modelValue", "onConfirm", "onCancel", "onChange"],
+  setup(E, { emit: W }) {
+    const t = E, l = W, Z = t.id, d = p(0), i = p(0), r = p(0), x = p(null), I = p(!1), g = p(!1), q = async () => {
+      if (!(I.value || g.value)) {
+        I.value = !0;
+        try {
+          const e = await import("../Shared/area-data-BeJ-VWXo.js");
+          x.value = e.areaData, V();
+        } catch (e) {
+          Ce.error("ClPickerArea", "PickerArea 内置省市区数据加载失败:", e);
+        } finally {
+          I.value = !1, g.value = !0;
+        }
+      }
+    };
+    $(
+      () => t.areaList,
+      async (e) => {
+        (!Array.isArray(e) || e.length === 0) && !g.value && await q();
+      },
+      { immediate: !0 }
+    );
+    const B = a(() => t.show), K = a(
+      () => o.isNonEmptyString(t.title) ? t.title : "地区选择"
+    ), Q = a(
+      () => o.isNonEmptyString(t.submitLabel) ? t.submitLabel : "确认"
+    ), R = a(
+      () => o.isNonEmptyString(t.closeLabel) ? t.closeLabel : "取消"
+    ), P = a(() => t.columnsNum >= 3), X = a(() => {
+      const e = Array.isArray(t.areaList) ? t.areaList.filter((n) => n && o.isObject(n) && o.isNonEmptyString(n.name)) : [];
+      return e.length > 0 ? e : x.value || [];
+    }), Y = a(
+      () => (t.areaList === void 0 || t.areaList === null || Array.isArray(t.areaList) && t.areaList.length === 0) && !x.value && !g.value
+    ), k = a(() => X.value), D = (e) => Array.isArray(e) ? e.filter((n) => !!n && o.isObject(n) && o.isNonEmptyString(n.name)) : [], C = a(() => {
+      const e = k.value[d.value];
+      return D(e ? e.children : []);
+    }), L = a(() => {
+      const e = C.value[i.value];
+      return D(e ? e.children : []);
+    }), S = (e) => e.map((n) => ({ text: n.name, value: n.name })), ee = a(() => S(k.value)), te = a(() => S(C.value)), ae = a(() => S(L.value)), _ = a(() => be), b = a(() => Oe), ne = a(() => ({
+      height: `${_.value}px`
+    })), oe = a(
+      () => o.isNonEmptyString(t.teleportTarget) ? t.teleportTarget : "body"
+    ), le = a(() => t.teleportTarget === "self"), N = a(() => {
+      const e = Number(t.duration);
+      return o.isFinite(e) && e > 0 ? e : 300;
+    }), H = a(() => {
+      const e = Number(t.zIndex);
+      return o.isFinite(e) ? e : 2e3;
+    }), se = a(() => {
+      const e = {
+        "panel-picker-area": !0
+      };
+      return o.getJsonMerge(e, _e.getClassNameJson(t.className));
+    }), ie = a(() => ({
+      zIndex: H.value,
+      "--pickerarea-duration": `${N.value}ms`
+    })), re = a(() => ({
+      zIndex: H.value + 1,
+      "--pickerarea-duration": `${N.value}ms`
+    })), z = () => {
+      const e = [], n = k.value[d.value];
+      n && e.push(n.name);
+      const c = C.value[i.value];
+      c && e.push(c.name);
+      const v = L.value[r.value];
+      return P.value && v && e.push(v.name), e;
+    }, O = () => {
+      const e = z();
+      l("update:value", e), l("update:modelValue", e), l("onChange", e);
+    }, V = () => {
+      const e = t.value;
+      if (!Array.isArray(e) || e.length === 0) return;
+      const [n, c, v] = e, F = k.value.findIndex((s) => s && s.name === n);
+      if (F > -1 && (d.value = F, i.value = 0, r.value = 0), c) {
+        const s = C.value.findIndex((y) => y && y.name === c);
+        s > -1 && (i.value = s);
+      }
+      if (v) {
+        const s = L.value.findIndex((y) => y && y.name === v);
+        s > -1 && (r.value = s);
+      }
+    };
+    $([() => t.value, () => t.areaList], V, { immediate: !0 });
+    const ce = (e) => {
+      d.value = e, i.value = 0, r.value = 0, O();
+    }, ue = (e) => {
+      i.value = e, r.value = 0, O();
+    }, me = (e) => {
+      r.value = e, O();
+    }, pe = () => {
+      l("onConfirm", z()), l("update:show", !1);
+    }, de = () => {
+      l("onCancel"), l("update:show", !1);
+    }, ve = () => {
+      t.isCloseOnClickOverlay && l("update:show", !1);
+    };
+    return (e, n) => {
+      const c = fe("cl-load");
+      return u(), M(he, {
+        to: oe.value,
+        disabled: le.value
+      }, [
+        f(j, {
+          name: "pickerarea-fade",
+          duration: N.value
+        }, {
+          default: J(() => [
+            B.value && E.isOverlay ? (u(), h("div", {
+              key: 0,
+              class: "panel-picker-area-overlay",
+              style: w(ie.value),
+              onClick: ve
+            }, null, 4)) : G("", !0)
+          ]),
+          _: 1
+        }, 8, ["duration"]),
+        f(j, {
+          name: "pickerarea-slide",
+          duration: N.value
+        }, {
+          default: J(() => [
+            B.value ? (u(), h("div", {
+              key: 0,
+              id: ke(Z),
+              class: ge(se.value),
+              style: w(re.value)
+            }, [
+              m("div", xe, [
+                m("span", {
+                  class: "pickerarea-header-btn",
+                  onClick: de
+                }, A(R.value), 1),
+                m("span", Ie, A(K.value), 1),
+                m("span", {
+                  class: "pickerarea-header-btn pickerarea-header-btn--confirm",
+                  onClick: pe
+                }, A(Q.value), 1)
+              ]),
+              m("div", Le, [
+                Y.value ? (u(), h("div", Se, [
+                  f(c, {
+                    theme: "rotaryLine",
+                    size: "large",
+                    color: "var(--cl-primary, #1088f0)"
+                  }),
+                  n[0] || (n[0] = m("span", { class: "pickerarea-loading-text" }, "数据加载中…", -1))
+                ])) : (u(), h(U, { key: 1 }, [
+                  m("div", {
+                    class: "picker-frame",
+                    style: w(ne.value)
+                  }, null, 4),
+                  f(T, {
+                    className: "pickerarea-column",
+                    optionsList: ee.value,
+                    valueIndex: d.value,
+                    itemHeight: _.value,
+                    showNum: b.value,
+                    onOnSelect: ce
+                  }, null, 8, ["optionsList", "valueIndex", "itemHeight", "showNum"]),
+                  f(T, {
+                    className: "pickerarea-column",
+                    optionsList: te.value,
+                    valueIndex: i.value,
+                    itemHeight: _.value,
+                    showNum: b.value,
+                    onOnSelect: ue
+                  }, null, 8, ["optionsList", "valueIndex", "itemHeight", "showNum"]),
+                  P.value ? (u(), M(T, {
+                    key: 0,
+                    className: "pickerarea-column",
+                    optionsList: ae.value,
+                    valueIndex: r.value,
+                    itemHeight: _.value,
+                    showNum: b.value,
+                    onOnSelect: me
+                  }, null, 8, ["optionsList", "valueIndex", "itemHeight", "showNum"])) : (u(), h(U, { key: 1 }, [], 64))
+                ], 64))
+              ])
+            ], 14, Ne)) : G("", !0)
+          ]),
+          _: 1
+        }, 8, ["duration"])
+      ], 8, ["to", "disabled"]);
+    };
+  }
+});
+export {
+  Pe as default
+};

package/buildLibs/utils/Mobile/ClPickerCascader.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),s=require("../Shared/base-DmcbRUB5.js"),z=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CyRAlV4P.js"),j=require("../Shared/index-CXRfOfiT.js"),L=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DXQ2H_E6.js"),D=["id"],J={key:0,class:"panel-pickercascader__header"},R={class:"panel-pickercascader__title"},H={class:"panel-pickercascader__tabs"},M=["onClick"],U={key:2,class:"panel-pickercascader__options"},W=["onClick"],G={class:"panel-pickercascader__option-text"},K={key:0,class:"panel-pickercascader__option-arrow"},Q={key:3,class:"panel-pickercascader__empty"},X={class:"panel-pickercascader__empty-text"},q=e.defineComponent({name:"ClPickerCascaderPanel",__name:"Panel",props:{id:String,className:String,title:String,isCloseable:Boolean,tabsArr:{type:Array,default:()=>[]},activeTab:Number,optionsList:{type:Array,default:()=>[]},selectedIndex:{type:Number,default:-1},activeColor:String,placeholder:String,fieldNames:{type:Object,default:null}},emits:["onClickTab","onClickClose","onClickOption"],setup(g,{emit:T}){const t=g,d=T,y=t.id,m=`pc-${s.CommonBase.getRandom(5)}`,r=e.computed(()=>s.CommonBase.isNonEmptyString(t.className)?t.className:""),i=e.computed(()=>s.CommonBase.isNonEmptyString(t.title)||!!t.isCloseable),v=e.computed(()=>t.title||""),P=e.computed(()=>!!t.isCloseable),_=e.computed(()=>t.tabsArr||[]),C=e.computed(()=>{const o=t.activeTab;return o===void 0||!s.CommonBase.isFinite(o)||o<0?0:o}),k=e.computed(()=>t.optionsList||[]),h=e.computed(()=>s.CommonBase.isNonEmptyString(t.activeColor)?t.activeColor:"var(--cl-primary, #1088f0)"),N=e.computed(()=>s.CommonBase.isNonEmptyString(t.placeholder)?t.placeholder:"请选择"),b=()=>t.fieldNames&&typeof t.fieldNames=="object"?{text:s.CommonBase.isNonEmptyString(t.fieldNames.text)?t.fieldNames.text:"text",value:s.CommonBase.isNonEmptyString(t.fieldNames.value)?t.fieldNames.value:"value",children:s.CommonBase.isNonEmptyString(t.fieldNames.children)?t.fieldNames.children:"children"}:{text:"text",value:"value",children:"children"},w=o=>{const p=b();return o[p.text]!=null?String(o[p.text]):""},A=o=>{const p=b(),a=o[p.children];return Array.isArray(a)?a:[]},V=o=>A(o).length>0,B=(o,p)=>{const a={"panel-pickercascader__option":!0,"panel-pickercascader__option--disabled":!!o.disabled,"panel-pickercascader__option--active":p===t.selectedIndex},c=s.CommonBase.getJsonMerge(a,j.CommonElement.getClassNameJson(o.className));return s.CommonBase.getStringByJson(c," ")},F=(o,p)=>{const a={};return p===t.selectedIndex?(a.color=h.value,a.fontWeight="500"):s.CommonBase.isNonEmptyString(o.color)&&(a.color=o.color),a},S=o=>{d("onClickTab",o)},x=()=>{d("onClickClose")},I=o=>{d("onClickOption",o)};return(o,p)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(y),class:e.normalizeClass(["panel-picker-cascader",r.value])},[i.value?(e.openBlock(),e.createElementBlock("div",J,[e.createElementVNode("div",R,e.toDisplayString(v.value),1),P.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"panel-pickercascader__close",onClick:x},[e.createVNode(L._sfc_main,{name:"close"})])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),e.createElementVNode("div",H,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.value,(a,c)=>(e.openBlock(),e.createElementBlock("div",{key:`${m}-tab-${c}`,class:e.normalizeClass(["panel-pickercascader__tab",[c===C.value?"panel-pickercascader__tab--active":"",c>C.value?"panel-pickercascader__tab--pending":""]]),style:e.normalizeStyle(c===C.value?{color:h.value}:void 0),onClick:E=>S(c)},e.toDisplayString(a),15,M))),128))]),k.value.length>0?(e.openBlock(),e.createElementBlock("div",U,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.value,(a,c)=>(e.openBlock(),e.createElementBlock("div",{key:`${m}-opt-${c}`,class:e.normalizeClass(B(a,c)),style:e.normalizeStyle(F(a,c)),onClick:E=>I(a)},[e.createElementVNode("div",G,e.toDisplayString(w(a)),1),V(a)?(e.openBlock(),e.createElementBlock("div",K,[e.createVNode(L._sfc_main,{name:"angle-right"})])):e.createCommentVNode("",!0)],14,W))),128))])):(e.openBlock(),e.createElementBlock("div",Q,[e.createElementVNode("div",X,e.toDisplayString(N.value),1)]))],10,D))}}),Y=e.defineComponent({name:"ClPickerCascader",__name:"Index",props:{id:String,className:String,show:Boolean,isPoppable:{type:Boolean,default:!0},optionsList:{type:Array,default:()=>[]},fieldNames:{type:Object,default:null},value:{type:[String,Number],default:null},title:{type:String,default:""},placeholder:{type:String,default:"请选择"},activeColor:{type:String,default:"var(--cl-primary, #1088f0)"},isCloseable:{type:Boolean,default:!0},teleportTarget:{type:String,default:""}},emits:["update:value","update:modelValue","update:show","onChange","onFinish","onClose","onClickTab"],setup(g,{emit:T}){const t=g,d=T,y=t.id,m=e.ref(t.show),r=e.ref([]),i=e.ref(0),v=()=>t.fieldNames&&typeof t.fieldNames=="object"?{text:s.CommonBase.isNonEmptyString(t.fieldNames.text)?t.fieldNames.text:"text",value:s.CommonBase.isNonEmptyString(t.fieldNames.value)?t.fieldNames.value:"value",children:s.CommonBase.isNonEmptyString(t.fieldNames.children)?t.fieldNames.children:"children"}:{text:"text",value:"value",children:"children"},P=n=>{const l=v();return n[l.text]!=null?String(n[l.text]):""},_=n=>{const l=v();return n[l.value]!=null?n[l.value]:""},C=n=>{const l=v(),u=n[l.children];return Array.isArray(u)?u:[]},k=(n,l,u)=>{for(const f of n){if(String(_(f)??"")===String(l))return u.push(f),!0;const O=C(f);if(O.length>0){if(u.push(f),k(O,l,u))return!0;u.pop()}}return!1},h=()=>{const n=t.value;if(n==null||n===""){r.value=[],i.value=0;return}const l=[];k(t.optionsList,n,l)?(r.value=l,i.value=l.length-1):(r.value=[],i.value=0)},N=()=>{m.value=!1},b=e.computed(()=>t.isPoppable),w=e.computed(()=>t.title),A=e.computed(()=>t.isCloseable),V=e.computed(()=>t.activeColor),B=e.computed(()=>t.placeholder),F=e.computed(()=>v()),S=e.computed(()=>{const n=r.value.map(l=>P(l));return n.push(B.value),n}),x=e.computed(()=>{if(i.value<=0)return t.optionsList||[];const n=r.value[i.value-1];return n?C(n):[]}),I=e.computed(()=>{const n=r.value[i.value];return n?x.value.findIndex(u=>String(_(u)??"")===String(_(n)??"")):-1}),o=e.computed(()=>({title:w.value,isCloseable:A.value,tabsArr:S.value,activeTab:i.value,optionsList:x.value,selectedIndex:I.value,activeColor:V.value,placeholder:B.value,fieldNames:t.fieldNames})),p=e.computed(()=>s.CommonBase.isNonEmptyString(t.className)?t.className:""),a=e.computed(()=>s.CommonBase.isNonEmptyString(t.className)?t.className:"");e.watch(()=>t.show,n=>{n?(h(),m.value=!0):m.value=!1},{immediate:!0}),e.watch(m,n=>{d("update:show",n)}),e.watch(()=>t.value,()=>{h()},{immediate:!0});const c=n=>{i.value=n;const l=S.value[n]||"";d("onClickTab",n,l)},E=()=>{d("onClose"),N()},$=n=>{if(n.disabled)return;r.value=r.value.slice(0,i.value),r.value.push(n);const l=_(n),u=i.value;d("onChange",{value:l,selectedOptions:[...r.value],tabIndex:u});const f=F.value,O=n[f.children];Array.isArray(O)?i.value+=1:(d("onFinish",{value:l,selectedOptions:[...r.value]}),d("update:value",l),d("update:modelValue",l),N())};return(n,l)=>b.value?(e.openBlock(),e.createBlock(z._sfc_main,{key:0,show:m.value,"onUpdate:show":l[0]||(l[0]=u=>m.value=u),position:"bottom",isRound:!0,isCloseOnClickOverlay:!1,className:p.value,"teleport-target":g.teleportTarget},{default:e.withCtx(()=>[e.createVNode(q,e.mergeProps({id:e.unref(y),class:a.value},o.value,{onOnClickTab:c,onOnClickClose:E,onOnClickOption:$}),null,16,["id","class"])]),_:1},8,["show","className","teleport-target"])):(e.openBlock(),e.createBlock(q,e.mergeProps({key:1,id:e.unref(y),class:a.value},o.value,{onOnClickTab:c,onOnClickClose:E,onOnClickOption:$}),null,16,["id","class"]))}});module.exports=Y;
+"use strict";const e=require("vue"),s=require("../Shared/base-DbuX_Y3x.js"),z=require("../Shared/Index.vue_vue_type_script_setup_true_lang-Cb49VSDS.js"),j=require("../Shared/index-rFJmbgyH.js"),L=require("../Shared/Index.vue_vue_type_script_setup_true_lang-B4dpfPSy.js"),D=["id"],J={key:0,class:"panel-pickercascader__header"},R={class:"panel-pickercascader__title"},H={class:"panel-pickercascader__tabs"},M=["onClick"],U={key:2,class:"panel-pickercascader__options"},W=["onClick"],G={class:"panel-pickercascader__option-text"},K={key:0,class:"panel-pickercascader__option-arrow"},Q={key:3,class:"panel-pickercascader__empty"},X={class:"panel-pickercascader__empty-text"},q=e.defineComponent({name:"ClPickerCascaderPanel",__name:"Panel",props:{id:String,className:String,title:String,isCloseable:Boolean,tabsArr:{type:Array,default:()=>[]},activeTab:Number,optionsList:{type:Array,default:()=>[]},selectedIndex:{type:Number,default:-1},activeColor:String,placeholder:String,fieldNames:{type:Object,default:null}},emits:["onClickTab","onClickClose","onClickOption"],setup(g,{emit:T}){const t=g,d=T,y=t.id,m=`pc-${s.CommonBase.getRandom(5)}`,r=e.computed(()=>s.CommonBase.isNonEmptyString(t.className)?t.className:""),i=e.computed(()=>s.CommonBase.isNonEmptyString(t.title)||!!t.isCloseable),v=e.computed(()=>t.title||""),P=e.computed(()=>!!t.isCloseable),_=e.computed(()=>t.tabsArr||[]),C=e.computed(()=>{const o=t.activeTab;return o===void 0||!s.CommonBase.isFinite(o)||o<0?0:o}),k=e.computed(()=>t.optionsList||[]),h=e.computed(()=>s.CommonBase.isNonEmptyString(t.activeColor)?t.activeColor:"var(--cl-primary, #1088f0)"),N=e.computed(()=>s.CommonBase.isNonEmptyString(t.placeholder)?t.placeholder:"请选择"),b=()=>t.fieldNames&&typeof t.fieldNames=="object"?{text:s.CommonBase.isNonEmptyString(t.fieldNames.text)?t.fieldNames.text:"text",value:s.CommonBase.isNonEmptyString(t.fieldNames.value)?t.fieldNames.value:"value",children:s.CommonBase.isNonEmptyString(t.fieldNames.children)?t.fieldNames.children:"children"}:{text:"text",value:"value",children:"children"},w=o=>{const p=b();return o[p.text]!=null?String(o[p.text]):""},A=o=>{const p=b(),a=o[p.children];return Array.isArray(a)?a:[]},V=o=>A(o).length>0,B=(o,p)=>{const a={"panel-pickercascader__option":!0,"panel-pickercascader__option--disabled":!!o.disabled,"panel-pickercascader__option--active":p===t.selectedIndex},c=s.CommonBase.getJsonMerge(a,j.CommonElement.getClassNameJson(o.className));return s.CommonBase.getStringByJson(c," ")},F=(o,p)=>{const a={};return p===t.selectedIndex?(a.color=h.value,a.fontWeight="500"):s.CommonBase.isNonEmptyString(o.color)&&(a.color=o.color),a},S=o=>{d("onClickTab",o)},x=()=>{d("onClickClose")},I=o=>{d("onClickOption",o)};return(o,p)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(y),class:e.normalizeClass(["panel-picker-cascader",r.value])},[i.value?(e.openBlock(),e.createElementBlock("div",J,[e.createElementVNode("div",R,e.toDisplayString(v.value),1),P.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"panel-pickercascader__close",onClick:x},[e.createVNode(L._sfc_main,{name:"close"})])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),e.createElementVNode("div",H,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.value,(a,c)=>(e.openBlock(),e.createElementBlock("div",{key:`${m}-tab-${c}`,class:e.normalizeClass(["panel-pickercascader__tab",[c===C.value?"panel-pickercascader__tab--active":"",c>C.value?"panel-pickercascader__tab--pending":""]]),style:e.normalizeStyle(c===C.value?{color:h.value}:void 0),onClick:E=>S(c)},e.toDisplayString(a),15,M))),128))]),k.value.length>0?(e.openBlock(),e.createElementBlock("div",U,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.value,(a,c)=>(e.openBlock(),e.createElementBlock("div",{key:`${m}-opt-${c}`,class:e.normalizeClass(B(a,c)),style:e.normalizeStyle(F(a,c)),onClick:E=>I(a)},[e.createElementVNode("div",G,e.toDisplayString(w(a)),1),V(a)?(e.openBlock(),e.createElementBlock("div",K,[e.createVNode(L._sfc_main,{name:"angle-right"})])):e.createCommentVNode("",!0)],14,W))),128))])):(e.openBlock(),e.createElementBlock("div",Q,[e.createElementVNode("div",X,e.toDisplayString(N.value),1)]))],10,D))}}),Y=e.defineComponent({name:"ClPickerCascader",__name:"Index",props:{id:String,className:String,show:Boolean,isPoppable:{type:Boolean,default:!0},optionsList:{type:Array,default:()=>[]},fieldNames:{type:Object,default:null},value:{type:[String,Number],default:null},title:{type:String,default:""},placeholder:{type:String,default:"请选择"},activeColor:{type:String,default:"var(--cl-primary, #1088f0)"},isCloseable:{type:Boolean,default:!0},teleportTarget:{type:String,default:""}},emits:["update:value","update:modelValue","update:show","onChange","onFinish","onClose","onClickTab"],setup(g,{emit:T}){const t=g,d=T,y=t.id,m=e.ref(t.show),r=e.ref([]),i=e.ref(0),v=()=>t.fieldNames&&typeof t.fieldNames=="object"?{text:s.CommonBase.isNonEmptyString(t.fieldNames.text)?t.fieldNames.text:"text",value:s.CommonBase.isNonEmptyString(t.fieldNames.value)?t.fieldNames.value:"value",children:s.CommonBase.isNonEmptyString(t.fieldNames.children)?t.fieldNames.children:"children"}:{text:"text",value:"value",children:"children"},P=n=>{const l=v();return n[l.text]!=null?String(n[l.text]):""},_=n=>{const l=v();return n[l.value]!=null?n[l.value]:""},C=n=>{const l=v(),u=n[l.children];return Array.isArray(u)?u:[]},k=(n,l,u)=>{for(const f of n){if(String(_(f)??"")===String(l))return u.push(f),!0;const O=C(f);if(O.length>0){if(u.push(f),k(O,l,u))return!0;u.pop()}}return!1},h=()=>{const n=t.value;if(n==null||n===""){r.value=[],i.value=0;return}const l=[];k(t.optionsList,n,l)?(r.value=l,i.value=l.length-1):(r.value=[],i.value=0)},N=()=>{m.value=!1},b=e.computed(()=>t.isPoppable),w=e.computed(()=>t.title),A=e.computed(()=>t.isCloseable),V=e.computed(()=>t.activeColor),B=e.computed(()=>t.placeholder),F=e.computed(()=>v()),S=e.computed(()=>{const n=r.value.map(l=>P(l));return n.push(B.value),n}),x=e.computed(()=>{if(i.value<=0)return t.optionsList||[];const n=r.value[i.value-1];return n?C(n):[]}),I=e.computed(()=>{const n=r.value[i.value];return n?x.value.findIndex(u=>String(_(u)??"")===String(_(n)??"")):-1}),o=e.computed(()=>({title:w.value,isCloseable:A.value,tabsArr:S.value,activeTab:i.value,optionsList:x.value,selectedIndex:I.value,activeColor:V.value,placeholder:B.value,fieldNames:t.fieldNames})),p=e.computed(()=>s.CommonBase.isNonEmptyString(t.className)?t.className:""),a=e.computed(()=>s.CommonBase.isNonEmptyString(t.className)?t.className:"");e.watch(()=>t.show,n=>{n?(h(),m.value=!0):m.value=!1},{immediate:!0}),e.watch(m,n=>{d("update:show",n)}),e.watch(()=>t.value,()=>{h()},{immediate:!0});const c=n=>{i.value=n;const l=S.value[n]||"";d("onClickTab",n,l)},E=()=>{d("onClose"),N()},$=n=>{if(n.disabled)return;r.value=r.value.slice(0,i.value),r.value.push(n);const l=_(n),u=i.value;d("onChange",{value:l,selectedOptions:[...r.value],tabIndex:u});const f=F.value,O=n[f.children];Array.isArray(O)?i.value+=1:(d("onFinish",{value:l,selectedOptions:[...r.value]}),d("update:value",l),d("update:modelValue",l),N())};return(n,l)=>b.value?(e.openBlock(),e.createBlock(z._sfc_main,{key:0,show:m.value,"onUpdate:show":l[0]||(l[0]=u=>m.value=u),position:"bottom",isRound:!0,isCloseOnClickOverlay:!1,className:p.value,"teleport-target":g.teleportTarget},{default:e.withCtx(()=>[e.createVNode(q,e.mergeProps({id:e.unref(y),class:a.value},o.value,{onOnClickTab:c,onOnClickClose:E,onOnClickOption:$}),null,16,["id","class"])]),_:1},8,["show","className","teleport-target"])):(e.openBlock(),e.createBlock(q,e.mergeProps({key:1,id:e.unref(y),class:a.value},o.value,{onOnClickTab:c,onOnClickClose:E,onOnClickOption:$}),null,16,["id","class"]))}});module.exports=Y;

package/buildLibs/utils/Mobile/ClPickerCascader.css

@@ -1 +1 @@
-.panel-picker-cascader{width:100%;box-sizing:border-box;background:var(--cl-bg, #ffffff);border-radius:16px;max-height:80vh;overflow-y:auto}.panel-pickercascader__header{height:44px;position:relative;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--cl-bg-muted, #f5f5f5)}.panel-pickercascader__title{font-size:16px;font-weight:600;color:var(--cl-text-primary, #323233);max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-pickercascader__close{position:absolute;right:8px;top:0;width:32px;height:44px;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--cl-text-secondary, #666666);cursor:pointer;user-select:none}.panel-pickercascader__close:active{opacity:.6}.panel-pickercascader__tabs{height:44px;display:flex;align-items:center;padding:0 8px;overflow-x:auto;border-bottom:1px solid var(--cl-bg-muted, #f5f5f5)}.panel-pickercascader__tab{flex-shrink:0;max-width:120px;padding:8px 10px;font-size:14px;color:var(--cl-text-secondary, #666666);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:none}.panel-pickercascader__tab:active{opacity:.6}.panel-pickercascader__tab--pending{color:var(--cl-text-disabled, #c8c9cc)}.panel-pickercascader__options{padding:4px 0}.panel-pickercascader__option{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:14px;color:var(--cl-text-primary, #323233);cursor:pointer;user-select:none}.panel-pickercascader__option:active{opacity:.7}.panel-pickercascader__option--disabled{color:var(--cl-text-disabled, #c8c9cc);cursor:not-allowed}.panel-pickercascader__option--disabled:active{opacity:1}.panel-pickercascader__option-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-pickercascader__option-arrow{flex-shrink:0;margin-left:8px;font-size:16px;color:var(--cl-text-disabled, #c8c9cc)}.panel-pickercascader__empty{height:120px;display:flex;align-items:center;justify-content:center}.panel-pickercascader__empty-text{font-size:14px;color:var(--cl-text-secondary, #666666)}
+.panel-picker-cascader{width:100%;box-sizing:border-box;background:var(--cl-bg, #ffffff);border-radius:16px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.panel-pickercascader__header{height:44px;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--cl-bg-muted, #f5f5f5)}.panel-pickercascader__title{font-size:16px;font-weight:600;color:var(--cl-text-primary, #323233);max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-pickercascader__close{position:absolute;right:8px;top:0;width:32px;height:44px;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--cl-text-secondary, #666666);cursor:pointer;user-select:none}.panel-pickercascader__close:active{opacity:.6}.panel-pickercascader__tabs{height:44px;flex-shrink:0;display:flex;align-items:center;padding:0 8px;overflow-x:auto;border-bottom:1px solid var(--cl-bg-muted, #f5f5f5)}.panel-pickercascader__tab{flex-shrink:0;max-width:120px;padding:8px 10px;font-size:14px;color:var(--cl-text-secondary, #666666);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:none}.panel-pickercascader__tab:active{opacity:.6}.panel-pickercascader__tab--pending{color:var(--cl-text-disabled, #c8c9cc)}.panel-pickercascader__options{padding:4px 0;height:var(--cl-pickercascader-options-height, 248px);box-sizing:border-box;flex:0 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.panel-pickercascader__option{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:14px;color:var(--cl-text-primary, #323233);cursor:pointer;user-select:none}.panel-pickercascader__option:active{opacity:.7}.panel-pickercascader__option--disabled{color:var(--cl-text-disabled, #c8c9cc);cursor:not-allowed}.panel-pickercascader__option--disabled:active{opacity:1}.panel-pickercascader__option-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-pickercascader__option-arrow{flex-shrink:0;margin-left:8px;font-size:16px;color:var(--cl-text-disabled, #c8c9cc)}.panel-pickercascader__empty{height:var(--cl-pickercascader-options-height, 248px);box-sizing:border-box;flex:0 1 auto;display:flex;align-items:center;justify-content:center}.panel-pickercascader__empty-text{font-size:14px;color:var(--cl-text-secondary, #666666)}

package/buildLibs/utils/Mobile/ClPickerCascader.js

@@ -2,10 +2,10 @@ import '../../styles/Common/Token.css';
 import '../../styles/Common/IconFont-base.css';
 import '../../styles/Mobile/ClPickerCascader.css';
 import { defineComponent as ee, computed as a, openBlock as d, createElementBlock as m, normalizeClass as z, unref as M, createElementVNode as w, toDisplayString as F, createVNode as U, createCommentVNode as q, Fragment as R, renderList as G, normalizeStyle as K, ref as D, watch as H, createBlock as Q, withCtx as te, mergeProps as X } from "vue";
-import { C as o } from "../Shared/base-C5l51ld_.js";
-import { _ as le } from "../Shared/Index.vue_vue_type_script_setup_true_lang-CUGhrsCV.js";
-import { C as ne } from "../Shared/index-wdK75uN2.js";
-import { _ as Y } from "../Shared/Index.vue_vue_type_script_setup_true_lang-CVBKgYfQ.js";
+import { C as o } from "../Shared/base-fr2I80sU.js";
+import { _ as le } from "../Shared/Index.vue_vue_type_script_setup_true_lang-D3h6Q_pB.js";
+import { C as ne } from "../Shared/index-B477PjJ3.js";
+import { _ as Y } from "../Shared/Index.vue_vue_type_script_setup_true_lang-afRTRRcb.js";
 const ae = ["id"], se = {
   key: 0,
   class: "panel-pickercascader__header"

package/buildLibs/utils/Mobile/ClPickerDate.cjs

@@ -1 +1 @@
-"use strict";const n=require("vue"),c=require("../Shared/base-DmcbRUB5.js"),d=require("../Shared/day-C3XuCUKG.js"),Q=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CyRAlV4P.js"),F=require("../Shared/Index.vue_vue_type_script_setup_true_lang-Db4Zb3Yy.js"),W=n.defineComponent({name:"ClPickerDate",__name:"Index",props:{id:String,value:{type:Array,default:()=>[]},className:String,show:Boolean,isPoppable:{type:Boolean,default:!0},columnsTypeArr:{type:Array,default:()=>["year","month","day"],validator:p=>p.length>0&&p.every(_=>["year","month","day"].indexOf(_)!==-1)&&new Set(p).size===p.length},minDate:{type:Date,default:()=>d.CommDay.objDay().subtract(10,"year").startOf("day").toDate()},maxDate:{type:Date,default:()=>d.CommDay.objDay().add(10,"year").startOf("day").toDate()},title:String,confirmButtonText:{type:String,default:"确认"},cancelButtonText:{type:String,default:"取消"},isShowToolbar:{type:Boolean,default:!0},isLoading:Boolean,isReadonly:Boolean,isAllowHtml:Boolean,optionHeight:{type:Number,default:44},visibleOptionNum:{type:Number,default:6},swipeDuration:{type:Number,default:1e3},teleportTarget:{type:String,default:""}},emits:["update:value","update:modelValue","update:show","onConfirm","onCancel","onChange"],setup(p,{expose:_,emit:L}){const t=p,h=L,V=t.id,i=n.ref([]),f=n.ref(t.show),m=n.useTemplateRef("refElPicker"),D=(()=>{if(!Array.isArray(t.columnsTypeArr)||t.columnsTypeArr.length===0)return["year","month","day"];const e=t.columnsTypeArr.filter(a=>a==="year"||a==="month"||a==="day");return e.length>0?[...new Set(e)]:["year","month","day"]})(),z=n.computed(()=>t.isPoppable),U=n.computed(()=>J()),M=n.computed(()=>({value:i.value,columnsList:U.value,title:t.title,confirmButtonText:t.confirmButtonText,cancelButtonText:t.cancelButtonText,isShowToolbar:t.isShowToolbar,isLoading:t.isLoading,isReadonly:t.isReadonly,isAllowHtml:t.isAllowHtml,optionHeight:t.optionHeight,visibleOptionNum:t.visibleOptionNum,swipeDuration:t.swipeDuration})),$=n.computed(()=>c.CommonBase.isNonEmptyString(t.className)?t.className:""),O=n.computed(()=>c.CommonBase.isNonEmptyString(t.className)?t.className:""),b=e=>Array.isArray(e)&&e.length===D.length&&e.every(a=>c.CommonBase.isString(a)||c.CommonBase.isNumber(a)&&c.CommonBase.isFinite(a)),C=e=>String(e).padStart(2,"0"),G=(e,a)=>d.CommDay.objDay({year:e,month:a-1,day:1}).daysInMonth(),S=()=>t.minDate instanceof Date&&!c.CommonBase.isNaN(t.minDate.getTime())?t.minDate:d.CommDay.objDay().subtract(10,"year").startOf("day").toDate(),A=()=>t.maxDate instanceof Date&&!c.CommonBase.isNaN(t.maxDate.getTime())?t.maxDate:d.CommDay.objDay().add(10,"year").startOf("day").toDate(),k=()=>{let e=S(),a=A();if(e.getTime()>a.getTime()){const s=e;e=a,a=s}const u=d.CommDay.objDay().valueOf(),y=Math.max(e.getTime(),Math.min(u,a.getTime())),g=d.CommDay.objDay(y),v={year:String(g.year()),month:C(g.month()+1),day:C(g.date())};return D.map(s=>v[s])},P=()=>{const e=t.value;b(e)?i.value=[...e]:i.value=k()},J=()=>{let e=S(),a=A();if(e.getTime()>a.getTime()){const l=e;e=a,a=l}const u=e.getFullYear(),y=a.getFullYear(),g=l=>{const r=D.indexOf(l);if(r===-1){const N=d.CommDay.objDay();return l==="year"?N.year():l==="month"?N.month()+1:N.date()}const o=Number(i.value[r]);return c.CommonBase.isFinite(o)?o:Number(k()[r])},v=(l,r,o)=>Math.max(r,Math.min(l,o)),s=v(g("year"),u,y),T=s===u?e.getMonth()+1:1,H=s===y?a.getMonth()+1:12,q=v(g("month"),T,H),w=D.indexOf("month")!==-1?q:s===y?a.getMonth()+1:e.getMonth()+1,R=G(s,w),B=s===u&&w===e.getMonth()+1?e.getDate():1,Y=s===y&&w===a.getMonth()+1?Math.min(a.getDate(),R):R,K=v(g("day"),B,Y),x=[];return D.forEach(l=>{if(l==="year"){const r=[];for(let o=u;o<=y;o++)r.push(String(o));x.push({values:r,defaultIndex:s-u})}else if(l==="month"){const r=[];for(let o=T;o<=H;o++)r.push(C(o));x.push({values:r,defaultIndex:q-T})}else if(l==="day"){const r=[];for(let o=B;o<=Y;o++)r.push(C(o));x.push({values:r,defaultIndex:K-B})}}),x};P(),n.watch(()=>t.show,e=>{if(e){const a=t.value;b(a)&&P(),f.value=!0}else f.value=!1},{immediate:!0}),n.watch(f,e=>{h("update:show",e)}),n.watch(()=>t.value,e=>{b(e)&&(i.value=[...e])},{deep:!0});const I=e=>{i.value=[...e.selectedValues],h("onChange",e)},j=e=>{h("update:value",[...e.selectedValues]),h("update:modelValue",[...e.selectedValues]),h("onConfirm",e),t.isPoppable&&(f.value=!1)},E=e=>{Array.isArray(t.value)&&(i.value=[...t.value]),h("onCancel",e),t.isPoppable&&(f.value=!1)};return _({getValue:()=>m.value?[...m.value.getValue()]:[...i.value],setValue:e=>{Array.isArray(e)&&(i.value=[...e],m.value?.setValue?.(e))},getValueData:()=>m.value?m.value.getValueData():[],confirm:()=>{m.value?.confirm()}}),(e,a)=>z.value?(n.openBlock(),n.createBlock(Q._sfc_main,{key:0,show:f.value,"onUpdate:show":a[0]||(a[0]=u=>f.value=u),position:"bottom",isRound:!0,isCloseOnClickOverlay:!1,className:$.value,"teleport-target":p.teleportTarget},{default:n.withCtx(()=>[n.createVNode(F._sfc_main,n.mergeProps({id:n.unref(V),ref_key:"refElPicker",ref:m,class:O.value},M.value,{onOnChange:I,onOnConfirm:j,onOnCancel:E}),null,16,["id","class"])]),_:1},8,["show","className","teleport-target"])):(n.openBlock(),n.createBlock(F._sfc_main,n.mergeProps({key:1,id:n.unref(V),ref_key:"refElPicker",ref:m,class:O.value},M.value,{onOnChange:I,onOnConfirm:j,onOnCancel:E}),null,16,["id","class"]))}});module.exports=W;
+"use strict";const n=require("vue"),c=require("../Shared/base-DbuX_Y3x.js"),d=require("../Shared/day-C_LrDb1h.js"),Q=require("../Shared/Index.vue_vue_type_script_setup_true_lang-Cb49VSDS.js"),Y=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DlaLkFjd.js"),W=n.defineComponent({name:"ClPickerDate",__name:"Index",props:{id:String,value:{type:Array,default:()=>[]},className:String,show:Boolean,isPoppable:{type:Boolean,default:!0},columnsTypeArr:{type:Array,default:()=>["year","month","day"],validator:y=>y.length>0&&y.every(_=>["year","month","day"].indexOf(_)!==-1)&&new Set(y).size===y.length},minDate:{type:Date,default:()=>d.CommDay.objDay().subtract(10,"year").startOf("day").toDate()},maxDate:{type:Date,default:()=>d.CommDay.objDay().add(10,"year").startOf("day").toDate()},title:String,submitLabel:{type:String,default:"确认"},closeLabel:{type:String,default:"取消"},isShowToolbar:{type:Boolean,default:!0},isLoading:Boolean,isReadonly:Boolean,isAllowHtml:Boolean,itemHeight:{type:Number,default:44},showNum:{type:Number,default:6},inertiaDuration:{type:Number,default:1e3},teleportTarget:{type:String,default:""}},emits:["update:value","update:modelValue","update:show","onConfirm","onCancel","onChange"],setup(y,{expose:_,emit:F}){const t=y,g=F,T=t.id,u=n.ref([]),f=n.ref(t.show),m=n.useTemplateRef("refElPicker"),D=(()=>{if(!Array.isArray(t.columnsTypeArr)||t.columnsTypeArr.length===0)return["year","month","day"];const e=t.columnsTypeArr.filter(a=>a==="year"||a==="month"||a==="day");return e.length>0?[...new Set(e)]:["year","month","day"]})(),z=n.computed(()=>t.isPoppable),U=n.computed(()=>J()),S=n.computed(()=>({value:u.value,columnsList:U.value,title:t.title,submitLabel:t.submitLabel,closeLabel:t.closeLabel,isShowToolbar:t.isShowToolbar,isLoading:t.isLoading,isReadonly:t.isReadonly,isAllowHtml:t.isAllowHtml,itemHeight:t.itemHeight,showNum:t.showNum,inertiaDuration:t.inertiaDuration})),$=n.computed(()=>c.CommonBase.isNonEmptyString(t.className)?t.className:""),A=n.computed(()=>c.CommonBase.isNonEmptyString(t.className)?t.className:""),x=e=>Array.isArray(e)&&e.length===D.length&&e.every(a=>c.CommonBase.isString(a)||c.CommonBase.isNumber(a)&&c.CommonBase.isFinite(a)),C=e=>String(e).padStart(2,"0"),G=(e,a)=>d.CommDay.objDay({year:e,month:a-1,day:1}).daysInMonth(),B=()=>t.minDate instanceof Date&&!c.CommonBase.isNaN(t.minDate.getTime())?t.minDate:d.CommDay.objDay().subtract(10,"year").startOf("day").toDate(),k=()=>t.maxDate instanceof Date&&!c.CommonBase.isNaN(t.maxDate.getTime())?t.maxDate:d.CommDay.objDay().add(10,"year").startOf("day").toDate(),O=()=>{let e=B(),a=k();if(e.getTime()>a.getTime()){const r=e;e=a,a=r}const i=d.CommDay.objDay().valueOf(),p=Math.max(e.getTime(),Math.min(i,a.getTime())),h=d.CommDay.objDay(p),v={year:String(h.year()),month:C(h.month()+1),day:C(h.date())};return D.map(r=>v[r])},P=()=>{const e=t.value;x(e)?u.value=[...e]:u.value=O()},J=()=>{let e=B(),a=k();if(e.getTime()>a.getTime()){const l=e;e=a,a=l}const i=e.getFullYear(),p=a.getFullYear(),h=l=>{const s=D.indexOf(l);if(s===-1){const M=d.CommDay.objDay();return l==="year"?M.year():l==="month"?M.month()+1:M.date()}const o=Number(u.value[s]);return c.CommonBase.isFinite(o)?o:Number(O()[s])},v=(l,s,o)=>Math.max(s,Math.min(l,o)),r=v(h("year"),i,p),w=r===i?e.getMonth()+1:1,E=r===p?a.getMonth()+1:12,H=v(h("month"),w,E),N=D.indexOf("month")!==-1?H:r===p?a.getMonth()+1:e.getMonth()+1,q=G(r,N),V=r===i&&N===e.getMonth()+1?e.getDate():1,R=r===p&&N===a.getMonth()+1?Math.min(a.getDate(),q):q,K=v(h("day"),V,R),b=[];return D.forEach(l=>{if(l==="year"){const s=[];for(let o=i;o<=p;o++)s.push(String(o));b.push({values:s,defaultIndex:r-i})}else if(l==="month"){const s=[];for(let o=w;o<=E;o++)s.push(C(o));b.push({values:s,defaultIndex:H-w})}else if(l==="day"){const s=[];for(let o=V;o<=R;o++)s.push(C(o));b.push({values:s,defaultIndex:K-V})}}),b};P(),n.watch(()=>t.show,e=>{if(e){const a=t.value;x(a)&&P(),f.value=!0}else f.value=!1},{immediate:!0}),n.watch(f,e=>{g("update:show",e)}),n.watch(()=>t.value,e=>{x(e)&&(u.value=[...e])},{deep:!0});const I=e=>{u.value=[...e.selectedValues],g("onChange",e)},L=e=>{g("update:value",[...e.selectedValues]),g("update:modelValue",[...e.selectedValues]),g("onConfirm",e),t.isPoppable&&(f.value=!1)},j=e=>{Array.isArray(t.value)&&(u.value=[...t.value]),g("onCancel",e),t.isPoppable&&(f.value=!1)};return _({getValue:()=>m.value?[...m.value.getValue()]:[...u.value],setValue:e=>{Array.isArray(e)&&(u.value=[...e],m.value?.setValue?.(e))},getValueData:()=>m.value?m.value.getValueData():[],confirm:()=>{m.value?.confirm()}}),(e,a)=>z.value?(n.openBlock(),n.createBlock(Q._sfc_main,{key:0,show:f.value,"onUpdate:show":a[0]||(a[0]=i=>f.value=i),position:"bottom",isRound:!0,isCloseOnClickOverlay:!1,className:$.value,"teleport-target":y.teleportTarget},{default:n.withCtx(()=>[n.createVNode(Y._sfc_main,n.mergeProps({id:n.unref(T),ref_key:"refElPicker",ref:m,class:A.value},S.value,{onOnChange:I,onOnConfirm:L,onOnCancel:j}),null,16,["id","class"])]),_:1},8,["show","className","teleport-target"])):(n.openBlock(),n.createBlock(Y._sfc_main,n.mergeProps({key:1,id:n.unref(T),ref_key:"refElPicker",ref:m,class:A.value},S.value,{onOnChange:I,onOnConfirm:L,onOnCancel:j}),null,16,["id","class"]))}});module.exports=W;

package/buildLibs/utils/Mobile/ClPickerDate.js

@@ -1,12 +1,12 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Common/Load-base.css';
 import '../../styles/Mobile/ClPickerDate.css';
-import { defineComponent as ae, ref as $, useTemplateRef as ne, computed as D, watch as O, openBlock as z, createBlock as U, withCtx as oe, createVNode as re, mergeProps as q, unref as G } from "vue";
-import { C as c } from "../Shared/base-C5l51ld_.js";
-import { C as m } from "../Shared/day-Bfolruvp.js";
-import { _ as le } from "../Shared/Index.vue_vue_type_script_setup_true_lang-CUGhrsCV.js";
-import { _ as J } from "../Shared/Index.vue_vue_type_script_setup_true_lang-DaQXxBad.js";
-const ge = /* @__PURE__ */ ae({
+import { defineComponent as ae, ref as $, useTemplateRef as ne, computed as v, watch as S, openBlock as z, createBlock as U, withCtx as oe, createVNode as re, mergeProps as q, unref as G } from "vue";
+import { C as m } from "../Shared/base-fr2I80sU.js";
+import { C as c } from "../Shared/day-B3hhmAm_.js";
+import { _ as le } from "../Shared/Index.vue_vue_type_script_setup_true_lang-D3h6Q_pB.js";
+import { _ as J } from "../Shared/Index.vue_vue_type_script_setup_true_lang-b4R4PHf0.js";
+const he = /* @__PURE__ */ ae({
   name: "ClPickerDate",
   __name: "Index",
   props: {
@@ -30,26 +30,26 @@ const ge = /* @__PURE__ */ ae({
       type: Array,
       default: () => ["year", "month", "day"],
       // desc: 列类型组合，支持任意顺序 | enum: year, month, day
-      validator: (f) => f.length > 0 && f.every((C) => ["year", "month", "day"].indexOf(C) !== -1) && new Set(f).size === f.length
+      validator: (f) => f.length > 0 && f.every((x) => ["year", "month", "day"].indexOf(x) !== -1) && new Set(f).size === f.length
     },
     minDate: {
       type: Date,
-      default: () => m.objDay().subtract(10, "year").startOf("day").toDate()
+      default: () => c.objDay().subtract(10, "year").startOf("day").toDate()
       // desc: 可选的最小日期（精确到日），默认十年前
     },
     maxDate: {
       type: Date,
-      default: () => m.objDay().add(10, "year").startOf("day").toDate()
+      default: () => c.objDay().add(10, "year").startOf("day").toDate()
       // desc: 可选的最大日期（精确到日），默认十年后
     },
     title: String,
     // desc: 顶部栏标题
-    confirmButtonText: {
+    submitLabel: {
       type: String,
       default: "确认"
       // desc: 确认按钮文字
     },
-    cancelButtonText: {
+    closeLabel: {
       type: String,
       default: "取消"
       // desc: 取消按钮文字
@@ -65,17 +65,17 @@ const ge = /* @__PURE__ */ ae({
     // desc: 是否只读（禁止滑动切换选项）
     isAllowHtml: Boolean,
     // desc: 是否允许选项内容渲染 HTML（默认关闭，防注入）
-    optionHeight: {
+    itemHeight: {
       type: Number,
       default: 44
       // desc: 选项高度(px)
     },
-    visibleOptionNum: {
+    showNum: {
       type: Number,
       default: 6
       // desc: 可见选项个数（建议奇数，居中效果更好）
     },
-    swipeDuration: {
+    inertiaDuration: {
       type: Number,
       default: 1e3
       // desc: 快速滑动时惯性滚动的动画时长(ms)
@@ -87,98 +87,98 @@ const ge = /* @__PURE__ */ ae({
     }
   },
   emits: ["update:value", "update:modelValue", "update:show", "onConfirm", "onCancel", "onChange"],
-  setup(f, { expose: C, emit: K }) {
-    const t = f, g = K, S = t.id, s = $([]), d = $(t.show), u = ne("refElPicker"), h = (() => {
+  setup(f, { expose: x, emit: K }) {
+    const t = f, h = K, _ = t.id, s = $([]), d = $(t.show), u = ne("refElPicker"), g = (() => {
       if (!Array.isArray(t.columnsTypeArr) || t.columnsTypeArr.length === 0)
         return ["year", "month", "day"];
       const e = t.columnsTypeArr.filter((a) => a === "year" || a === "month" || a === "day");
       return e.length > 0 ? [...new Set(e)] : ["year", "month", "day"];
-    })(), Q = D(() => t.isPoppable), W = D(() => ee()), _ = D(() => ({
+    })(), Q = v(() => t.isPoppable), W = v(() => ee()), A = v(() => ({
       value: s.value,
       columnsList: W.value,
       title: t.title,
-      confirmButtonText: t.confirmButtonText,
-      cancelButtonText: t.cancelButtonText,
+      submitLabel: t.submitLabel,
+      closeLabel: t.closeLabel,
       isShowToolbar: t.isShowToolbar,
       isLoading: t.isLoading,
       isReadonly: t.isReadonly,
       isAllowHtml: t.isAllowHtml,
-      optionHeight: t.optionHeight,
-      visibleOptionNum: t.visibleOptionNum,
-      swipeDuration: t.swipeDuration
-    })), X = D(() => c.isNonEmptyString(t.className) ? t.className : ""), A = D(() => c.isNonEmptyString(t.className) ? t.className : ""), T = (e) => Array.isArray(e) && e.length === h.length && e.every((a) => c.isString(a) || c.isNumber(a) && c.isFinite(a)), x = (e) => String(e).padStart(2, "0"), Z = (e, a) => m.objDay({ year: e, month: a - 1, day: 1 }).daysInMonth(), B = () => t.minDate instanceof Date && !c.isNaN(t.minDate.getTime()) ? t.minDate : m.objDay().subtract(10, "year").startOf("day").toDate(), P = () => t.maxDate instanceof Date && !c.isNaN(t.maxDate.getTime()) ? t.maxDate : m.objDay().add(10, "year").startOf("day").toDate(), k = () => {
-      let e = B(), a = P();
+      itemHeight: t.itemHeight,
+      showNum: t.showNum,
+      inertiaDuration: t.inertiaDuration
+    })), X = v(() => m.isNonEmptyString(t.className) ? t.className : ""), O = v(() => m.isNonEmptyString(t.className) ? t.className : ""), w = (e) => Array.isArray(e) && e.length === g.length && e.every((a) => m.isString(a) || m.isNumber(a) && m.isFinite(a)), b = (e) => String(e).padStart(2, "0"), Z = (e, a) => c.objDay({ year: e, month: a - 1, day: 1 }).daysInMonth(), P = () => t.minDate instanceof Date && !m.isNaN(t.minDate.getTime()) ? t.minDate : c.objDay().subtract(10, "year").startOf("day").toDate(), k = () => t.maxDate instanceof Date && !m.isNaN(t.maxDate.getTime()) ? t.maxDate : c.objDay().add(10, "year").startOf("day").toDate(), I = () => {
+      let e = P(), a = k();
       if (e.getTime() > a.getTime()) {
         const r = e;
         e = a, a = r;
       }
-      const i = m.objDay().valueOf(), p = Math.max(e.getTime(), Math.min(i, a.getTime())), y = m.objDay(p), v = {
-        year: String(y.year()),
-        month: x(y.month() + 1),
-        day: x(y.date())
+      const i = c.objDay().valueOf(), y = Math.max(e.getTime(), Math.min(i, a.getTime())), p = c.objDay(y), D = {
+        year: String(p.year()),
+        month: b(p.month() + 1),
+        day: b(p.date())
       };
-      return h.map((r) => v[r]);
-    }, I = () => {
+      return g.map((r) => D[r]);
+    }, L = () => {
       const e = t.value;
-      T(e) ? s.value = [...e] : s.value = k();
+      w(e) ? s.value = [...e] : s.value = I();
     }, ee = () => {
-      let e = B(), a = P();
+      let e = P(), a = k();
       if (e.getTime() > a.getTime()) {
         const l = e;
         e = a, a = l;
       }
-      const i = e.getFullYear(), p = a.getFullYear(), y = (l) => {
-        const o = h.indexOf(l);
+      const i = e.getFullYear(), y = a.getFullYear(), p = (l) => {
+        const o = g.indexOf(l);
         if (o === -1) {
-          const M = m.objDay();
-          return l === "year" ? M.year() : l === "month" ? M.month() + 1 : M.date();
+          const T = c.objDay();
+          return l === "year" ? T.year() : l === "month" ? T.month() + 1 : T.date();
         }
         const n = Number(s.value[o]);
-        return c.isFinite(n) ? n : Number(k()[o]);
-      }, v = (l, o, n) => Math.max(o, Math.min(l, n)), r = v(y("year"), i, p), w = r === i ? e.getMonth() + 1 : 1, R = r === p ? a.getMonth() + 1 : 12, Y = v(y("month"), w, R), N = h.indexOf("month") !== -1 ? Y : r === p ? a.getMonth() + 1 : e.getMonth() + 1, F = Z(r, N), V = r === i && N === e.getMonth() + 1 ? e.getDate() : 1, L = r === p && N === a.getMonth() + 1 ? Math.min(a.getDate(), F) : F, te = v(y("day"), V, L), b = [];
-      return h.forEach((l) => {
+        return m.isFinite(n) ? n : Number(I()[o]);
+      }, D = (l, o, n) => Math.max(o, Math.min(l, n)), r = D(p("year"), i, y), N = r === i ? e.getMonth() + 1 : 1, H = r === y ? a.getMonth() + 1 : 12, R = D(p("month"), N, H), V = g.indexOf("month") !== -1 ? R : r === y ? a.getMonth() + 1 : e.getMonth() + 1, Y = Z(r, V), M = r === i && V === e.getMonth() + 1 ? e.getDate() : 1, F = r === y && V === a.getMonth() + 1 ? Math.min(a.getDate(), Y) : Y, te = D(p("day"), M, F), C = [];
+      return g.forEach((l) => {
         if (l === "year") {
           const o = [];
-          for (let n = i; n <= p; n++) o.push(String(n));
-          b.push({ values: o, defaultIndex: r - i });
+          for (let n = i; n <= y; n++) o.push(String(n));
+          C.push({ values: o, defaultIndex: r - i });
         } else if (l === "month") {
           const o = [];
-          for (let n = w; n <= R; n++) o.push(x(n));
-          b.push({ values: o, defaultIndex: Y - w });
+          for (let n = N; n <= H; n++) o.push(b(n));
+          C.push({ values: o, defaultIndex: R - N });
         } else if (l === "day") {
           const o = [];
-          for (let n = V; n <= L; n++) o.push(x(n));
-          b.push({ values: o, defaultIndex: te - V });
+          for (let n = M; n <= F; n++) o.push(b(n));
+          C.push({ values: o, defaultIndex: te - M });
         }
-      }), b;
+      }), C;
     };
-    I(), O(
+    L(), S(
       () => t.show,
       (e) => {
         if (e) {
           const a = t.value;
-          T(a) && I(), d.value = !0;
+          w(a) && L(), d.value = !0;
         } else
           d.value = !1;
       },
       { immediate: !0 }
-    ), O(d, (e) => {
-      g("update:show", e);
-    }), O(
+    ), S(d, (e) => {
+      h("update:show", e);
+    }), S(
       () => t.value,
       (e) => {
-        T(e) && (s.value = [...e]);
+        w(e) && (s.value = [...e]);
       },
       { deep: !0 }
     );
-    const j = (e) => {
-      s.value = [...e.selectedValues], g("onChange", e);
+    const B = (e) => {
+      s.value = [...e.selectedValues], h("onChange", e);
+    }, j = (e) => {
+      h("update:value", [...e.selectedValues]), h("update:modelValue", [...e.selectedValues]), h("onConfirm", e), t.isPoppable && (d.value = !1);
     }, E = (e) => {
-      g("update:value", [...e.selectedValues]), g("update:modelValue", [...e.selectedValues]), g("onConfirm", e), t.isPoppable && (d.value = !1);
-    }, H = (e) => {
-      Array.isArray(t.value) && (s.value = [...t.value]), g("onCancel", e), t.isPoppable && (d.value = !1);
+      Array.isArray(t.value) && (s.value = [...t.value]), h("onCancel", e), t.isPoppable && (d.value = !1);
     };
-    return C({ getValue: () => u.value ? [...u.value.getValue()] : [...s.value], setValue: (e) => {
+    return x({ getValue: () => u.value ? [...u.value.getValue()] : [...s.value], setValue: (e) => {
       Array.isArray(e) && (s.value = [...e], u.value?.setValue?.(e));
     }, getValueData: () => u.value ? u.value.getValueData() : [], confirm: () => {
       u.value?.confirm();
@@ -194,30 +194,30 @@ const ge = /* @__PURE__ */ ae({
     }, {
       default: oe(() => [
         re(J, q({
-          id: G(S),
+          id: G(_),
           ref_key: "refElPicker",
           ref: u,
-          class: A.value
-        }, _.value, {
-          onOnChange: j,
-          onOnConfirm: E,
-          onOnCancel: H
+          class: O.value
+        }, A.value, {
+          onOnChange: B,
+          onOnConfirm: j,
+          onOnCancel: E
         }), null, 16, ["id", "class"])
       ]),
       _: 1
     }, 8, ["show", "className", "teleport-target"])) : (z(), U(J, q({
       key: 1,
-      id: G(S),
+      id: G(_),
       ref_key: "refElPicker",
       ref: u,
-      class: A.value
-    }, _.value, {
-      onOnChange: j,
-      onOnConfirm: E,
-      onOnCancel: H
+      class: O.value
+    }, A.value, {
+      onOnChange: B,
+      onOnConfirm: j,
+      onOnCancel: E
     }), null, 16, ["id", "class"]));
   }
 });
 export {
-  ge as default
+  he as default
 };