fast-element-plus 1.0.1 → 1.0.2

package/es/components/layoutGrid/src/layoutGrid.mjs

@@ -1,178 +1,2 @@
-import { defineComponent, ref, provide, computed, onMounted, nextTick, watch, onActivated, onUnmounted, onDeactivated, createVNode } from "vue";
-import { useRender, useExpose, makeSlots, definePropType } from "@fast-china/utils";
-import { isArray, isObject, isNumber } from "lodash-unified";
-const LayoutGrid = /* @__PURE__ */ defineComponent({
-  name: "FaLayoutGrid",
-  props: {
-    /** @description Grid布局列配置 */
-    cols: {
-      type: definePropType([String, Number, Object]),
-      default: () => ({
-        xs: 1,
-        sm: 2,
-        md: 3,
-        lg: 4,
-        xl: 5
-      })
-    },
-    /** @description 折叠 */
-    collapsed: Boolean,
-    /** @description 折叠行数 */
-    collapsedRows: {
-      type: [String, Number],
-      default: 1
-    },
-    /** @description 间距，偏移 */
-    gap: {
-      type: definePropType([Number, Array]),
-      default: 0
-    }
-  },
-  emits: {
-    /** @description 断点变化事件 */
-    breakPointChange: ({
-      breakPoint
-    }) => true
-  },
-  slots: makeSlots(),
-  setup(props, {
-    slots,
-    emit,
-    expose
-  }) {
-    const divElRef = ref();
-    provide("gap", isArray(props.gap) ? props.gap[0] : props.gap);
-    const breakPoint = ref("xl");
-    provide("breakPoint", breakPoint);
-    const hiddenIndex = ref(-1);
-    provide("shouldHiddenIndex", hiddenIndex);
-    const cols = computed(() => {
-      if (isObject(props.cols)) return props.cols[breakPoint.value] ?? props.cols;
-      return props.cols;
-    });
-    provide("cols", cols);
-    const collapsedRows = isNumber(props.collapsedRows) ? props.collapsedRows : Number(props.collapsedRows);
-    const breakpoints = {
-      // 小于480屏幕（如手机）
-      xs: {
-        min: 0,
-        max: 479
-      },
-      // 平板竖屏
-      sm: {
-        min: 480,
-        max: 768
-      },
-      // 平板横屏
-      md: {
-        min: 768,
-        max: 1024
-      },
-      // 小型桌面
-      lg: {
-        min: 1024,
-        max: 1440
-      },
-      // 大型桌面
-      xl: {
-        min: 1440,
-        max: Infinity
-      }
-    };
-    const resize = (e) => {
-      if (e.length !== 1) throw new Error("未知的多个El");
-      const curEl = e[0];
-      const width = curEl.target.scrollWidth;
-      for (const [key, {
-        min,
-        max
-      }] of Object.entries(breakpoints)) {
-        if (width >= min && width <= max) {
-          breakPoint.value = key;
-          break;
-        }
-      }
-    };
-    let resizeObserver = null;
-    onMounted(() => {
-      nextTick(() => {
-        resizeObserver = new ResizeObserver(resize);
-        resizeObserver.observe(divElRef.value);
-      });
-      watch(() => breakPoint.value, (newValue) => {
-        emit("breakPointChange", {
-          breakPoint: newValue
-        });
-      }, {
-        immediate: true
-      });
-    });
-    onActivated(() => {
-      nextTick(() => {
-        resizeObserver = new ResizeObserver(resize);
-        resizeObserver.observe(divElRef.value);
-      });
-    });
-    onUnmounted(() => {
-      resizeObserver?.disconnect();
-    });
-    onDeactivated(() => {
-      resizeObserver?.disconnect();
-    });
-    const gap = computed(() => {
-      if (isNumber(props.gap)) return `${props.gap}px`;
-      if (isArray(props.gap)) return `${props.gap[1]}px ${props.gap[0]}px`;
-      return "unset";
-    });
-    const style = computed(() => {
-      return {
-        display: "grid",
-        gridGap: gap.value,
-        gridTemplateColumns: `repeat(${cols.value}, minmax(0, 1fr))`
-      };
-    });
-    useRender(() => {
-      const defaultSlot = slots?.default() ?? [];
-      if (props.collapsed) {
-        const fields = [];
-        let suffix = null;
-        defaultSlot.forEach((slot) => {
-          if (typeof slot.type === "object" && slot.type.name === "FaLayoutGridItem" && slot.props?.suffix !== void 0) suffix = slot;
-          if (typeof slot.type === "symbol" && Array.isArray(slot?.children)) fields.push(...slot.children);
-        });
-        let suffixCols = 0;
-        if (suffix) {
-          suffixCols = (suffix.props[breakPoint.value]?.span ?? suffix.props?.span ?? 1) + (suffix.props[breakPoint.value]?.offset ?? suffix.props?.offset ?? 0);
-        }
-        try {
-          let find = false;
-          fields.reduce((prev = 0, current, index) => {
-            prev += (current.props[breakPoint.value]?.span ?? current.props?.span ?? 1) + (current.props[breakPoint.value]?.offset ?? current.props?.offset ?? 0);
-            if (Number(prev) > collapsedRows * Number(cols.value) - suffixCols) {
-              hiddenIndex.value = index;
-              find = true;
-              throw "find it";
-            }
-            return prev;
-          }, 0);
-          if (!find) hiddenIndex.value = -1;
-        } catch {
-        }
-      } else {
-        hiddenIndex.value = -1;
-      }
-      return createVNode("div", {
-        "ref": divElRef,
-        "style": style.value
-      }, [defaultSlot]);
-    });
-    return useExpose(expose, {
-      /** @description 响应式断点 */
-      breakPoint
-    });
-  }
-});
-export {
-  LayoutGrid as default
-};
+import{defineComponent as e,ref as o,provide as s,computed as a,onMounted as t,nextTick as r,watch as l,onActivated as p,onUnmounted as n,onDeactivated as i,createVNode as u}from"vue";import{useRender as m,useExpose as c,makeSlots as d,definePropType as f}from"@fast-china/utils";import{isArray as v,isObject as b,isNumber as g}from"lodash-unified";const x=/* @__PURE__ */e({name:"FaLayoutGrid",props:{cols:{type:f([String,Number,Object]),default:()=>({xs:1,sm:2,md:3,lg:4,xl:5})},collapsed:Boolean,collapsedRows:{type:[String,Number],default:1},gap:{type:f([Number,Array]),default:0}},emits:{breakPointChange:({breakPoint:e})=>!0},slots:d(),setup(e,{slots:d,emit:f,expose:x}){const y=o();s("gap",v(e.gap)?e.gap[0]:e.gap);const h=o("xl");s("breakPoint",h);const w=o(-1);s("shouldHiddenIndex",w);const k=a(()=>b(e.cols)?e.cols[h.value]??e.cols:e.cols);s("cols",k);const N=g(e.collapsedRows)?e.collapsedRows:Number(e.collapsedRows),P={xs:{min:0,max:479},sm:{min:480,max:768},md:{min:768,max:1024},lg:{min:1024,max:1440},xl:{min:1440,max:1/0}},R=e=>{if(1!==e.length)throw new Error("未知的多个El");const o=e[0].target.scrollWidth;for(const[s,{min:a,max:t}]of Object.entries(P))if(o>=a&&o<=t){h.value=s;break}};let O=null;t(()=>{r(()=>{O=new ResizeObserver(R),O.observe(y.value)}),l(()=>h.value,e=>{f("breakPointChange",{breakPoint:e})},{immediate:!0})}),p(()=>{r(()=>{O=new ResizeObserver(R),O.observe(y.value)})}),n(()=>{O?.disconnect()}),i(()=>{O?.disconnect()});const $=a(()=>g(e.gap)?`${e.gap}px`:v(e.gap)?`${e.gap[1]}px ${e.gap[0]}px`:"unset"),j=a(()=>({display:"grid",gridGap:$.value,gridTemplateColumns:`repeat(${k.value}, minmax(0, 1fr))`}));return m(()=>{const o=d?.default()??[];if(e.collapsed){const e=[];let s=null;o.forEach(o=>{"object"==typeof o.type&&"FaLayoutGridItem"===o.type.name&&void 0!==o.props?.suffix&&(s=o),"symbol"==typeof o.type&&Array.isArray(o?.children)&&e.push(...o.children)});let a=0;s&&(a=(s.props[h.value]?.span??s.props?.span??1)+(s.props[h.value]?.offset??s.props?.offset??0));try{let o=!1;e.reduce((e=0,s,t)=>{if(e+=(s.props[h.value]?.span??s.props?.span??1)+(s.props[h.value]?.offset??s.props?.offset??0),Number(e)>N*Number(k.value)-a)throw w.value=t,o=!0,"find it";return e},0),o||(w.value=-1)}catch{}}else w.value=-1;return u("div",{ref:y,style:j.value},[o])}),c(x,{breakPoint:h})}});export{x as default};
 //# sourceMappingURL=layoutGrid.mjs.map

package/es/components/layoutGrid/src/layoutGrid.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"layoutGrid.mjs","sources":["../../../../../packages/components/layoutGrid/src/layoutGrid.tsx"],"sourcesContent":["import { computed, defineComponent, nextTick, onActivated, onDeactivated, onMounted, onUnmounted, provide, ref, watch } from \"vue\";\nimport { definePropType, makeSlots, useExpose, useRender } from \"@fast-china/utils\";\nimport { isArray, isNumber, isObject } from \"lodash-unified\";\nimport type { FaLayoutGridBreakPoint } from \"./layoutGrid.type\";\nimport type { VNode, VNodeArrayChildren } from \"vue\";\n\ntype FaLayoutGridSlots = {\n\t/** @description 默认内容插槽 */\n\tdefault: never;\n};\n\nexport default defineComponent({\n\tname: \"FaLayoutGrid\",\n\tprops: {\n\t\t/** @description Grid布局列配置 */\n\t\tcols: {\n\t\t\ttype: definePropType<string | number | Record<FaLayoutGridBreakPoint, number>>([String, Number, Object]),\n\t\t\tdefault: (): Record<FaLayoutGridBreakPoint, number> => ({ xs: 1, sm: 2, md: 3, lg: 4, xl: 5 }),\n\t\t},\n\t\t/** @description 折叠 */\n\t\tcollapsed: Boolean,\n\t\t/** @description 折叠行数 */\n\t\tcollapsedRows: {\n\t\t\ttype: [String, Number],\n\t\t\tdefault: 1,\n\t\t},\n\t\t/** @description 间距，偏移 */\n\t\tgap: {\n\t\t\ttype: definePropType<number | [number, number]>([Number, Array]),\n\t\t\tdefault: 0,\n\t\t},\n\t},\n\temits: {\n\t\t/** @description 断点变化事件 */\n\t\tbreakPointChange: ({ breakPoint }: { breakPoint: FaLayoutGridBreakPoint }) => true,\n\t},\n\tslots: makeSlots<FaLayoutGridSlots>(),\n\tsetup(props, { slots, emit, expose }) {\n\t\tconst divElRef = ref<HTMLElement>();\n\n\t\t// 注入 gap 间距\n\t\tprovide(\"gap\", isArray(props.gap) ? props.gap[0] : props.gap);\n\n\t\t// 注入响应式断点\n\t\tconst breakPoint = ref<FaLayoutGridBreakPoint>(\"xl\");\n\t\tprovide(\"breakPoint\", breakPoint);\n\n\t\t// 注入要开始折叠的 index\n\t\tconst hiddenIndex = ref(-1);\n\t\tprovide(\"shouldHiddenIndex\", hiddenIndex);\n\n\t\t// 注入 cols\n\t\tconst cols = computed(() => {\n\t\t\tif (isObject(props.cols)) return props.cols[breakPoint.value] ?? props.cols;\n\t\t\treturn props.cols;\n\t\t});\n\t\tprovide(\"cols\", cols);\n\n\t\tconst collapsedRows = isNumber(props.collapsedRows) ? props.collapsedRows : Number(props.collapsedRows);\n\n\t\t// 断点映射\n\t\tconst breakpoints = {\n\t\t\t// 小于480屏幕（如手机）\n\t\t\txs: { min: 0, max: 479 },\n\t\t\t// 平板竖屏\n\t\t\tsm: { min: 480, max: 768 },\n\t\t\t// 平板横屏\n\t\t\tmd: { min: 768, max: 1024 },\n\t\t\t// 小型桌面\n\t\t\tlg: { min: 1024, max: 1440 },\n\t\t\t// 大型桌面\n\t\t\txl: { min: 1440, max: Infinity },\n\t\t};\n\n\t\t// 监听屏幕变化\n\t\tconst resize = (e: ResizeObserverEntry[]): void => {\n\t\t\t// 这里肯定只有一个\n\t\t\tif (e.length !== 1) throw new Error(\"未知的多个El\");\n\t\t\tconst curEl = e[0];\n\t\t\tconst width = curEl.target.scrollWidth;\n\n\t\t\tfor (const [key, { min, max }] of Object.entries(breakpoints)) {\n\t\t\t\tif (width >= min && width <= max) {\n\t\t\t\t\tbreakPoint.value = key as FaLayoutGridBreakPoint;\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tlet resizeObserver: ResizeObserver = null;\n\n\t\tonMounted(() => {\n\t\t\tnextTick(() => {\n\t\t\t\tresizeObserver = new ResizeObserver(resize);\n\t\t\t\tresizeObserver.observe(divElRef.value);\n\t\t\t});\n\n\t\t\t// 断点变化时 执行 findIndex\n\t\t\twatch(\n\t\t\t\t() => breakPoint.value,\n\t\t\t\t(newValue) => {\n\t\t\t\t\temit(\"breakPointChange\", { breakPoint: newValue });\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\timmediate: true,\n\t\t\t\t}\n\t\t\t);\n\t\t});\n\n\t\tonActivated(() => {\n\t\t\tnextTick(() => {\n\t\t\t\tresizeObserver = new ResizeObserver(resize);\n\t\t\t\tresizeObserver.observe(divElRef.value);\n\t\t\t});\n\t\t});\n\n\t\tonUnmounted(() => {\n\t\t\tresizeObserver?.disconnect();\n\t\t});\n\n\t\tonDeactivated(() => {\n\t\t\tresizeObserver?.disconnect();\n\t\t});\n\n\t\t// 设置间距\n\t\tconst gap = computed(() => {\n\t\t\tif (isNumber(props.gap)) return `${props.gap}px`;\n\t\t\tif (isArray(props.gap)) return `${props.gap[1]}px ${props.gap[0]}px`;\n\t\t\treturn \"unset\";\n\t\t});\n\n\t\t// 设置 style\n\t\tconst style = computed(() => {\n\t\t\treturn {\n\t\t\t\tdisplay: \"grid\",\n\t\t\t\tgridGap: gap.value,\n\t\t\t\tgridTemplateColumns: `repeat(${cols.value}, minmax(0, 1fr))`,\n\t\t\t};\n\t\t});\n\n\t\tuseRender(() => {\n\t\t\tconst defaultSlot = slots?.default() ?? [];\n\n\t\t\tif (props.collapsed) {\n\t\t\t\tconst fields: VNodeArrayChildren = [];\n\t\t\t\tlet suffix: VNode = null;\n\n\t\t\t\tdefaultSlot.forEach((slot: any) => {\n\t\t\t\t\t// suffix\n\t\t\t\t\tif (typeof slot.type === \"object\" && slot.type.name === \"FaLayoutGridItem\" && slot.props?.suffix !== undefined) suffix = slot;\n\t\t\t\t\t// slot children\n\t\t\t\t\tif (typeof slot.type === \"symbol\" && Array.isArray(slot?.children)) fields.push(...slot.children);\n\t\t\t\t});\n\n\t\t\t\t// 计算 suffix 所占用的列\n\t\t\t\tlet suffixCols = 0;\n\t\t\t\tif (suffix) {\n\t\t\t\t\tsuffixCols =\n\t\t\t\t\t\t(suffix.props[breakPoint.value]?.span ?? suffix.props?.span ?? 1) +\n\t\t\t\t\t\t(suffix.props[breakPoint.value]?.offset ?? suffix.props?.offset ?? 0);\n\t\t\t\t}\n\n\t\t\t\ttry {\n\t\t\t\t\tlet find = false;\n\t\t\t\t\tfields.reduce((prev = 0, current, index) => {\n\t\t\t\t\t\tprev +=\n\t\t\t\t\t\t\t((current as VNode).props[breakPoint.value]?.span ?? (current as VNode).props?.span ?? 1) +\n\t\t\t\t\t\t\t((current as VNode).props[breakPoint.value]?.offset ?? (current as VNode).props?.offset ?? 0);\n\t\t\t\t\t\tif (Number(prev) > collapsedRows * Number(cols.value) - suffixCols) {\n\t\t\t\t\t\t\thiddenIndex.value = index;\n\t\t\t\t\t\t\tfind = true;\n\t\t\t\t\t\t\tthrow \"find it\";\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn prev;\n\t\t\t\t\t}, 0);\n\t\t\t\t\tif (!find) hiddenIndex.value = -1;\n\t\t\t\t} catch {}\n\t\t\t} else {\n\t\t\t\thiddenIndex.value = -1;\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t<div ref={divElRef} style={style.value}>\n\t\t\t\t\t{defaultSlot}\n\t\t\t\t</div>\n\t\t\t);\n\t\t});\n\n\t\treturn useExpose(expose, {\n\t\t\t/** @description 响应式断点 */\n\t\t\tbreakPoint,\n\t\t});\n\t},\n});\n"],"names":["name","props","cols","type","definePropType","String","Number","Object","default","xs","sm","md","lg","xl","collapsed","Boolean","collapsedRows","gap","Array","emits","breakPointChange","breakPoint","slots","makeSlots","setup","emit","expose","divElRef","ref","provide","isArray","hiddenIndex","computed","isObject","value","isNumber","breakpoints","min","max","Infinity","resize","e","length","Error","curEl","width","target","scrollWidth","key","entries","resizeObserver","onMounted","nextTick","ResizeObserver","observe","watch","newValue","immediate","onActivated","onUnmounted","disconnect","onDeactivated","style","display","gridGap","gridTemplateColumns","useRender","defaultSlot","fields","suffix","forEach","slot","undefined","children","push","suffixCols","span","offset","find","reduce","prev","current","index","_createVNode","useExpose"],"mappings":";;;AAWA,MAAA,6CAA+B;AAAA,EAC9BA,MAAM;AAAA,EACNC,OAAO;AAAA;AAAA,IAENC,MAAM;AAAA,MACLC,MAAMC,eAAyE,CAACC,QAAQC,QAAQC,MAAM,CAAC;AAAA,MACvGC,SAASA,OAA+C;AAAA,QAAEC,IAAI;AAAA,QAAGC,IAAI;AAAA,QAAGC,IAAI;AAAA,QAAGC,IAAI;AAAA,QAAGC,IAAI;AAAA;;;IAG3FC,WAAWC;AAAAA;AAAAA,IAEXC,eAAe;AAAA,MACdb,MAAM,CAACE,QAAQC,MAAM;AAAA,MACrBE,SAAS;AAAA;;IAGVS,KAAK;AAAA,MACJd,MAAMC,eAA0C,CAACE,QAAQY,KAAK,CAAC;AAAA,MAC/DV,SAAS;AAAA,IACV;AAAA;EAEDW,OAAO;AAAA;AAAA,IAENC,kBAAkBA,CAAC;AAAA,MAAEC;AAAAA,IAAmD,MAAM;AAAA;EAE/EC,OAAOC,UAAS;AAAA,EAChBC,MAAMvB,OAAO;AAAA,IAAEqB;AAAAA,IAAOG;AAAAA,IAAMC;AAAAA,EAAO,GAAG;AACrC,UAAMC,WAAWC,IAAG;AAGpBC,YAAQ,OAAOC,QAAQ7B,MAAMgB,GAAG,IAAIhB,MAAMgB,IAAI,CAAC,IAAIhB,MAAMgB,GAAG;AAG5D,UAAMI,aAAaO,IAA4B,IAAI;AACnDC,YAAQ,cAAcR,UAAU;AAGhC,UAAMU,cAAcH,IAAI,EAAE;AAC1BC,YAAQ,qBAAqBE,WAAW;AAGxC,UAAM7B,OAAO8B,SAAS,MAAM;AAC3B,UAAIC,SAAShC,MAAMC,IAAI,EAAG,QAAOD,MAAMC,KAAKmB,WAAWa,KAAK,KAAKjC,MAAMC;AACvE,aAAOD,MAAMC;AAAAA,IACd,CAAC;AACD2B,YAAQ,QAAQ3B,IAAI;AAEpB,UAAMc,gBAAgBmB,SAASlC,MAAMe,aAAa,IAAIf,MAAMe,gBAAgBV,OAAOL,MAAMe,aAAa;AAGtG,UAAMoB,cAAc;AAAA;AAAA,MAEnB3B,IAAI;AAAA,QAAE4B,KAAK;AAAA,QAAGC,KAAK;AAAA;;MAEnB5B,IAAI;AAAA,QAAE2B,KAAK;AAAA,QAAKC,KAAK;AAAA;;MAErB3B,IAAI;AAAA,QAAE0B,KAAK;AAAA,QAAKC,KAAK;AAAA;;MAErB1B,IAAI;AAAA,QAAEyB,KAAK;AAAA,QAAMC,KAAK;AAAA;;MAEtBzB,IAAI;AAAA,QAAEwB,KAAK;AAAA,QAAMC,KAAKC;AAAAA,MAAS;AAAA;AAIhC,UAAMC,SAAUC,OAAmC;AAElD,UAAIA,EAAEC,WAAW,EAAG,OAAM,IAAIC,MAAM,SAAS;AAC7C,YAAMC,QAAQH,EAAE,CAAC;AACjB,YAAMI,QAAQD,MAAME,OAAOC;AAE3B,iBAAW,CAACC,KAAK;AAAA,QAAEX;AAAAA,QAAKC;AAAAA,OAAK,KAAK/B,OAAO0C,QAAQb,WAAW,GAAG;AAC9D,YAAIS,SAASR,OAAOQ,SAASP,KAAK;AACjCjB,qBAAWa,QAAQc;AACnB;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAEA,QAAIE,iBAAiC;AAErCC,cAAU,MAAM;AACfC,eAAS,MAAM;AACdF,yBAAiB,IAAIG,eAAeb,MAAM;AAC1CU,uBAAeI,QAAQ3B,SAASO,KAAK;AAAA,MACtC,CAAC;AAGDqB,YACC,MAAMlC,WAAWa,OAChBsB,cAAa;AACb/B,aAAK,oBAAoB;AAAA,UAAEJ,YAAYmC;AAAAA,QAAS,CAAC;AAAA,MAClD,GACA;AAAA,QACCC,WAAW;AAAA,MACZ,CACD;AAAA,IACD,CAAC;AAEDC,gBAAY,MAAM;AACjBN,eAAS,MAAM;AACdF,yBAAiB,IAAIG,eAAeb,MAAM;AAC1CU,uBAAeI,QAAQ3B,SAASO,KAAK;AAAA,MACtC,CAAC;AAAA,IACF,CAAC;AAEDyB,gBAAY,MAAM;AACjBT,sBAAgBU,WAAU;AAAA,IAC3B,CAAC;AAEDC,kBAAc,MAAM;AACnBX,sBAAgBU,WAAU;AAAA,IAC3B,CAAC;AAGD,UAAM3C,MAAMe,SAAS,MAAM;AAC1B,UAAIG,SAASlC,MAAMgB,GAAG,EAAG,QAAO,GAAGhB,MAAMgB,GAAG;AAC5C,UAAIa,QAAQ7B,MAAMgB,GAAG,EAAG,QAAO,GAAGhB,MAAMgB,IAAI,CAAC,CAAC,MAAMhB,MAAMgB,IAAI,CAAC,CAAC;AAChE,aAAO;AAAA,IACR,CAAC;AAGD,UAAM6C,QAAQ9B,SAAS,MAAM;AAC5B,aAAO;AAAA,QACN+B,SAAS;AAAA,QACTC,SAAS/C,IAAIiB;AAAAA,QACb+B,qBAAqB,UAAU/D,KAAKgC,KAAK;AAAA;IAE3C,CAAC;AAEDgC,cAAU,MAAM;AACf,YAAMC,cAAc7C,OAAOd,QAAO,KAAM,CAAA;AAExC,UAAIP,MAAMa,WAAW;AACpB,cAAMsD,SAA6B,CAAA;AACnC,YAAIC,SAAgB;AAEpBF,oBAAYG,QAASC,UAAc;AAElC,cAAI,OAAOA,KAAKpE,SAAS,YAAYoE,KAAKpE,KAAKH,SAAS,sBAAsBuE,KAAKtE,OAAOoE,WAAWG,OAAWH,UAASE;AAEzH,cAAI,OAAOA,KAAKpE,SAAS,YAAYe,MAAMY,QAAQyC,MAAME,QAAQ,EAAGL,QAAOM,KAAK,GAAGH,KAAKE,QAAQ;AAAA,QACjG,CAAC;AAGD,YAAIE,aAAa;AACjB,YAAIN,QAAQ;AACXM,wBACEN,OAAOpE,MAAMoB,WAAWa,KAAK,GAAG0C,QAAQP,OAAOpE,OAAO2E,QAAQ,MAC9DP,OAAOpE,MAAMoB,WAAWa,KAAK,GAAG2C,UAAUR,OAAOpE,OAAO4E,UAAU;AAAA,QACrE;AAEA,YAAI;AACH,cAAIC,OAAO;AACXV,iBAAOW,OAAO,CAACC,OAAO,GAAGC,SAASC,UAAU;AAC3CF,qBACGC,QAAkBhF,MAAMoB,WAAWa,KAAK,GAAG0C,QAASK,QAAkBhF,OAAO2E,QAAQ,MACrFK,QAAkBhF,MAAMoB,WAAWa,KAAK,GAAG2C,UAAWI,QAAkBhF,OAAO4E,UAAU;AAC5F,gBAAIvE,OAAO0E,IAAI,IAAIhE,gBAAgBV,OAAOJ,KAAKgC,KAAK,IAAIyC,YAAY;AACnE5C,0BAAYG,QAAQgD;AACpBJ,qBAAO;AACP,oBAAM;AAAA,YACP;AACA,mBAAOE;AAAAA,UACR,GAAG,CAAC;AACJ,cAAI,CAACF,KAAM/C,aAAYG,QAAQ;AAAA,QAChC,QAAQ;AAAA,QAAC;AAAA,MACV,OAAO;AACNH,oBAAYG,QAAQ;AAAA,MACrB;AAEA,aAAAiD,YAAA,OAAA;AAAA,QAAA,OACWxD;AAAAA,QAAQ,SAASmC,MAAM5B;AAAAA,MAAK,GAAA,CACpCiC,WAAW,CAAA;AAAA,IAGf,CAAC;AAED,WAAOiB,UAAU1D,QAAQ;AAAA;AAAA,MAExBL;AAAAA,IACD,CAAC;AAAA,EACF;AACD,CAAC;"}
+{"version":3,"file":"layoutGrid.mjs","sources":["../../../../../packages/components/layoutGrid/src/layoutGrid.tsx"],"sourcesContent":["import { computed, defineComponent, nextTick, onActivated, onDeactivated, onMounted, onUnmounted, provide, ref, watch } from \"vue\";\nimport { definePropType, makeSlots, useExpose, useRender } from \"@fast-china/utils\";\nimport { isArray, isNumber, isObject } from \"lodash-unified\";\nimport type { FaLayoutGridBreakPoint } from \"./layoutGrid.type\";\nimport type { VNode, VNodeArrayChildren } from \"vue\";\n\ntype FaLayoutGridSlots = {\n\t/** @description 默认内容插槽 */\n\tdefault: never;\n};\n\nexport default defineComponent({\n\tname: \"FaLayoutGrid\",\n\tprops: {\n\t\t/** @description Grid布局列配置 */\n\t\tcols: {\n\t\t\ttype: definePropType<string | number | Record<FaLayoutGridBreakPoint, number>>([String, Number, Object]),\n\t\t\tdefault: (): Record<FaLayoutGridBreakPoint, number> => ({ xs: 1, sm: 2, md: 3, lg: 4, xl: 5 }),\n\t\t},\n\t\t/** @description 折叠 */\n\t\tcollapsed: Boolean,\n\t\t/** @description 折叠行数 */\n\t\tcollapsedRows: {\n\t\t\ttype: [String, Number],\n\t\t\tdefault: 1,\n\t\t},\n\t\t/** @description 间距，偏移 */\n\t\tgap: {\n\t\t\ttype: definePropType<number | [number, number]>([Number, Array]),\n\t\t\tdefault: 0,\n\t\t},\n\t},\n\temits: {\n\t\t/** @description 断点变化事件 */\n\t\tbreakPointChange: ({ breakPoint }: { breakPoint: FaLayoutGridBreakPoint }) => true,\n\t},\n\tslots: makeSlots<FaLayoutGridSlots>(),\n\tsetup(props, { slots, emit, expose }) {\n\t\tconst divElRef = ref<HTMLElement>();\n\n\t\t// 注入 gap 间距\n\t\tprovide(\"gap\", isArray(props.gap) ? props.gap[0] : props.gap);\n\n\t\t// 注入响应式断点\n\t\tconst breakPoint = ref<FaLayoutGridBreakPoint>(\"xl\");\n\t\tprovide(\"breakPoint\", breakPoint);\n\n\t\t// 注入要开始折叠的 index\n\t\tconst hiddenIndex = ref(-1);\n\t\tprovide(\"shouldHiddenIndex\", hiddenIndex);\n\n\t\t// 注入 cols\n\t\tconst cols = computed(() => {\n\t\t\tif (isObject(props.cols)) return props.cols[breakPoint.value] ?? props.cols;\n\t\t\treturn props.cols;\n\t\t});\n\t\tprovide(\"cols\", cols);\n\n\t\tconst collapsedRows = isNumber(props.collapsedRows) ? props.collapsedRows : Number(props.collapsedRows);\n\n\t\t// 断点映射\n\t\tconst breakpoints = {\n\t\t\t// 小于480屏幕（如手机）\n\t\t\txs: { min: 0, max: 479 },\n\t\t\t// 平板竖屏\n\t\t\tsm: { min: 480, max: 768 },\n\t\t\t// 平板横屏\n\t\t\tmd: { min: 768, max: 1024 },\n\t\t\t// 小型桌面\n\t\t\tlg: { min: 1024, max: 1440 },\n\t\t\t// 大型桌面\n\t\t\txl: { min: 1440, max: Infinity },\n\t\t};\n\n\t\t// 监听屏幕变化\n\t\tconst resize = (e: ResizeObserverEntry[]): void => {\n\t\t\t// 这里肯定只有一个\n\t\t\tif (e.length !== 1) throw new Error(\"未知的多个El\");\n\t\t\tconst curEl = e[0];\n\t\t\tconst width = curEl.target.scrollWidth;\n\n\t\t\tfor (const [key, { min, max }] of Object.entries(breakpoints)) {\n\t\t\t\tif (width >= min && width <= max) {\n\t\t\t\t\tbreakPoint.value = key as FaLayoutGridBreakPoint;\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tlet resizeObserver: ResizeObserver = null;\n\n\t\tonMounted(() => {\n\t\t\tnextTick(() => {\n\t\t\t\tresizeObserver = new ResizeObserver(resize);\n\t\t\t\tresizeObserver.observe(divElRef.value);\n\t\t\t});\n\n\t\t\t// 断点变化时 执行 findIndex\n\t\t\twatch(\n\t\t\t\t() => breakPoint.value,\n\t\t\t\t(newValue) => {\n\t\t\t\t\temit(\"breakPointChange\", { breakPoint: newValue });\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\timmediate: true,\n\t\t\t\t}\n\t\t\t);\n\t\t});\n\n\t\tonActivated(() => {\n\t\t\tnextTick(() => {\n\t\t\t\tresizeObserver = new ResizeObserver(resize);\n\t\t\t\tresizeObserver.observe(divElRef.value);\n\t\t\t});\n\t\t});\n\n\t\tonUnmounted(() => {\n\t\t\tresizeObserver?.disconnect();\n\t\t});\n\n\t\tonDeactivated(() => {\n\t\t\tresizeObserver?.disconnect();\n\t\t});\n\n\t\t// 设置间距\n\t\tconst gap = computed(() => {\n\t\t\tif (isNumber(props.gap)) return `${props.gap}px`;\n\t\t\tif (isArray(props.gap)) return `${props.gap[1]}px ${props.gap[0]}px`;\n\t\t\treturn \"unset\";\n\t\t});\n\n\t\t// 设置 style\n\t\tconst style = computed(() => {\n\t\t\treturn {\n\t\t\t\tdisplay: \"grid\",\n\t\t\t\tgridGap: gap.value,\n\t\t\t\tgridTemplateColumns: `repeat(${cols.value}, minmax(0, 1fr))`,\n\t\t\t};\n\t\t});\n\n\t\tuseRender(() => {\n\t\t\tconst defaultSlot = slots?.default() ?? [];\n\n\t\t\tif (props.collapsed) {\n\t\t\t\tconst fields: VNodeArrayChildren = [];\n\t\t\t\tlet suffix: VNode = null;\n\n\t\t\t\tdefaultSlot.forEach((slot: any) => {\n\t\t\t\t\t// suffix\n\t\t\t\t\tif (typeof slot.type === \"object\" && slot.type.name === \"FaLayoutGridItem\" && slot.props?.suffix !== undefined) suffix = slot;\n\t\t\t\t\t// slot children\n\t\t\t\t\tif (typeof slot.type === \"symbol\" && Array.isArray(slot?.children)) fields.push(...slot.children);\n\t\t\t\t});\n\n\t\t\t\t// 计算 suffix 所占用的列\n\t\t\t\tlet suffixCols = 0;\n\t\t\t\tif (suffix) {\n\t\t\t\t\tsuffixCols =\n\t\t\t\t\t\t(suffix.props[breakPoint.value]?.span ?? suffix.props?.span ?? 1) +\n\t\t\t\t\t\t(suffix.props[breakPoint.value]?.offset ?? suffix.props?.offset ?? 0);\n\t\t\t\t}\n\n\t\t\t\ttry {\n\t\t\t\t\tlet find = false;\n\t\t\t\t\tfields.reduce((prev = 0, current, index) => {\n\t\t\t\t\t\tprev +=\n\t\t\t\t\t\t\t((current as VNode).props[breakPoint.value]?.span ?? (current as VNode).props?.span ?? 1) +\n\t\t\t\t\t\t\t((current as VNode).props[breakPoint.value]?.offset ?? (current as VNode).props?.offset ?? 0);\n\t\t\t\t\t\tif (Number(prev) > collapsedRows * Number(cols.value) - suffixCols) {\n\t\t\t\t\t\t\thiddenIndex.value = index;\n\t\t\t\t\t\t\tfind = true;\n\t\t\t\t\t\t\tthrow \"find it\";\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn prev;\n\t\t\t\t\t}, 0);\n\t\t\t\t\tif (!find) hiddenIndex.value = -1;\n\t\t\t\t} catch {}\n\t\t\t} else {\n\t\t\t\thiddenIndex.value = -1;\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t<div ref={divElRef} style={style.value}>\n\t\t\t\t\t{defaultSlot}\n\t\t\t\t</div>\n\t\t\t);\n\t\t});\n\n\t\treturn useExpose(expose, {\n\t\t\t/** @description 响应式断点 */\n\t\t\tbreakPoint,\n\t\t});\n\t},\n});\n"],"names":["LayoutGrid","name","props","cols","type","definePropType","String","Number","Object","default","xs","sm","md","lg","xl","collapsed","Boolean","collapsedRows","gap","Array","emits","breakPointChange","breakPoint","slots","makeSlots","setup","emit","expose","divElRef","ref","provide","isArray","hiddenIndex","computed","isObject","value","isNumber","breakpoints","min","max","Infinity","resize","e","length","Error","width","target","scrollWidth","key","entries","resizeObserver","onMounted","nextTick","ResizeObserver","observe","watch","newValue","immediate","onActivated","onUnmounted","disconnect","onDeactivated","style","display","gridGap","gridTemplateColumns","useRender","defaultSlot","fields","suffix","forEach","slot","undefined","children","push","suffixCols","span","offset","find","reduce","prev","current","index","_createVNode","useExpose"],"mappings":"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"}

package/es/components/layoutGrid/src/layoutGridItem.mjs

@@ -1,97 +1,2 @@
-import { defineComponent, reactive, inject, ref, watch, computed, withDirectives, createVNode, vShow } from "vue";
-import { useRender, useExpose, makeSlots, definePropType } from "@fast-china/utils";
-const LayoutGridItem = /* @__PURE__ */ defineComponent({
-  name: "FaLayoutGridItem",
-  props: {
-    /** @description 偏移 */
-    offset: {
-      type: Number,
-      default: 0
-    },
-    /** @description 占位 */
-    span: {
-      type: Number,
-      default: 1
-    },
-    /** @description 后缀 */
-    suffix: {
-      type: Boolean,
-      default: false
-    },
-    /** @description 响应式，小于480px屏幕配置 */
-    xs: {
-      type: definePropType(Object),
-      default: void 0
-    },
-    /** @description 响应式，平板竖屏配置 */
-    sm: {
-      type: definePropType(Object),
-      default: void 0
-    },
-    /** @description 响应式，平板横屏配置 */
-    md: {
-      type: definePropType(Object),
-      default: void 0
-    },
-    /** @description 响应式，小型桌面配置 */
-    lg: {
-      type: definePropType(Object),
-      default: void 0
-    },
-    /** @description 响应式，大型桌面配置 */
-    xl: {
-      type: definePropType(Object),
-      default: void 0
-    }
-  },
-  slots: makeSlots(),
-  setup(props, {
-    attrs,
-    slots,
-    emit,
-    expose
-  }) {
-    const state = reactive({
-      show: true
-    });
-    const attrsObj = attrs;
-    const breakPoint = inject("breakPoint", ref("xl"));
-    const shouldHiddenIndex = inject("shouldHiddenIndex", ref(-1));
-    watch(() => [shouldHiddenIndex.value, breakPoint.value], (n) => {
-      if (~~attrsObj.index) {
-        state.show = !(n[0] !== -1 && parseInt(attrsObj.index) >= Number(n[0]));
-      }
-    }, {
-      immediate: true
-    });
-    const gap = inject("gap", 0);
-    const cols = inject("cols", ref(5));
-    const style = computed(() => {
-      const breakPointObk = props[breakPoint.value];
-      const span = breakPointObk?.span ?? props.span;
-      const offset = breakPointObk?.offset ?? props.offset;
-      if (props.suffix) {
-        return {
-          gridColumnStart: cols.value - span - offset + 1,
-          gridColumnEnd: `span ${span + offset}`,
-          marginLeft: offset !== 0 ? `calc(((100% + ${gap}px) / ${span + offset}) * ${offset})` : "unset"
-        };
-      } else {
-        return {
-          gridColumn: `span ${span + offset > cols.value ? cols.value : span + offset}/span ${span + offset > cols.value ? cols.value : span + offset}`,
-          marginLeft: offset !== 0 ? `calc(((100% + ${gap}px) / ${span + offset}) * ${offset})` : "unset"
-        };
-      }
-    });
-    useRender(() => withDirectives(createVNode("div", {
-      "style": style.value
-    }, [slots.default && slots.default()]), [[vShow, state.show]]));
-    return useExpose(expose, {
-      show: state.show
-    });
-  }
-});
-export {
-  LayoutGridItem as default
-};
+import{defineComponent as e,reactive as t,inject as a,ref as s,watch as u,computed as l,withDirectives as o,createVNode as d,vShow as n}from"vue";import{useRender as f,useExpose as i,makeSlots as p,definePropType as r}from"@fast-china/utils";const m=/* @__PURE__ */e({name:"FaLayoutGridItem",props:{offset:{type:Number,default:0},span:{type:Number,default:1},suffix:{type:Boolean,default:!1},xs:{type:r(Object),default:void 0},sm:{type:r(Object),default:void 0},md:{type:r(Object),default:void 0},lg:{type:r(Object),default:void 0},xl:{type:r(Object),default:void 0}},slots:p(),setup(e,{attrs:p,slots:r,emit:m,expose:v}){const c=t({show:!0}),x=p,y=a("breakPoint",s("xl")),b=a("shouldHiddenIndex",s(-1));u(()=>[b.value,y.value],e=>{~~x.index&&(c.show=!(-1!==e[0]&&parseInt(x.index)>=Number(e[0])))},{immediate:!0});const $=a("gap",0),g=a("cols",s(5)),h=l(()=>{const t=e[y.value],a=t?.span??e.span,s=t?.offset??e.offset;return e.suffix?{gridColumnStart:g.value-a-s+1,gridColumnEnd:`span ${a+s}`,marginLeft:0!==s?`calc(((100% + ${$}px) / ${a+s}) * ${s})`:"unset"}:{gridColumn:`span ${a+s>g.value?g.value:a+s}/span ${a+s>g.value?g.value:a+s}`,marginLeft:0!==s?`calc(((100% + ${$}px) / ${a+s}) * ${s})`:"unset"}});return f(()=>o(d("div",{style:h.value},[r.default&&r.default()]),[[n,c.show]])),i(v,{show:c.show})}});export{m as default};
 //# sourceMappingURL=layoutGridItem.mjs.map

package/es/components/layoutGrid/src/layoutGridItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"layoutGridItem.mjs","sources":["../../../../../packages/components/layoutGrid/src/layoutGridItem.tsx"],"sourcesContent":["import { computed, defineComponent, inject, reactive, ref, watch } from \"vue\";\nimport { definePropType, makeSlots, useExpose, useRender } from \"@fast-china/utils\";\nimport type { FaLayoutGridItemResponsive } from \"./layoutGrid.type\";\nimport type { FaLayoutGridBreakPoint } from \"@fast-element-plus/components/layoutGrid\";\nimport type { Ref } from \"vue\";\n\ntype FaLayoutGridItemSlots = {\n\t/** @description 默认内容插槽 */\n\tdefault: never;\n};\n\nexport default defineComponent({\n\tname: \"FaLayoutGridItem\",\n\tprops: {\n\t\t/** @description 偏移 */\n\t\toffset: { type: Number, default: 0 },\n\t\t/** @description 占位 */\n\t\tspan: { type: Number, default: 1 },\n\t\t/** @description 后缀 */\n\t\tsuffix: { type: Boolean, default: false },\n\t\t/** @description 响应式，小于480px屏幕配置 */\n\t\txs: {\n\t\t\ttype: definePropType<FaLayoutGridItemResponsive>(Object),\n\t\t\tdefault: undefined as FaLayoutGridItemResponsive,\n\t\t},\n\t\t/** @description 响应式，平板竖屏配置 */\n\t\tsm: {\n\t\t\ttype: definePropType<FaLayoutGridItemResponsive>(Object),\n\t\t\tdefault: undefined as FaLayoutGridItemResponsive,\n\t\t},\n\t\t/** @description 响应式，平板横屏配置 */\n\t\tmd: {\n\t\t\ttype: definePropType<FaLayoutGridItemResponsive>(Object),\n\t\t\tdefault: undefined as FaLayoutGridItemResponsive,\n\t\t},\n\t\t/** @description 响应式，小型桌面配置 */\n\t\tlg: {\n\t\t\ttype: definePropType<FaLayoutGridItemResponsive>(Object),\n\t\t\tdefault: undefined as FaLayoutGridItemResponsive,\n\t\t},\n\t\t/** @description 响应式，大型桌面配置 */\n\t\txl: {\n\t\t\ttype: definePropType<FaLayoutGridItemResponsive>(Object),\n\t\t\tdefault: undefined as FaLayoutGridItemResponsive,\n\t\t},\n\t},\n\tslots: makeSlots<FaLayoutGridItemSlots>(),\n\tsetup(props, { attrs, slots, emit, expose }) {\n\t\tconst state = reactive({\n\t\t\tshow: true,\n\t\t});\n\n\t\tconst attrsObj = attrs as any;\n\n\t\t// 注入断点\n\t\tconst breakPoint = inject<Ref<FaLayoutGridBreakPoint>>(\"breakPoint\", ref(\"xl\"));\n\t\tconst shouldHiddenIndex = inject<Ref<number>>(\"shouldHiddenIndex\", ref(-1));\n\n\t\twatch(\n\t\t\t() => [shouldHiddenIndex.value, breakPoint.value],\n\t\t\t(n) => {\n\t\t\t\tif (~~attrsObj.index) {\n\t\t\t\t\tstate.show = !(n[0] !== -1 && parseInt(attrsObj.index) >= Number(n[0]));\n\t\t\t\t}\n\t\t\t},\n\t\t\t{ immediate: true }\n\t\t);\n\n\t\tconst gap = inject(\"gap\", 0);\n\t\tconst cols = inject<Ref<number>>(\"cols\", ref(5));\n\n\t\tconst style = computed(() => {\n\t\t\tconst breakPointObk = props[breakPoint.value] as FaLayoutGridItemResponsive;\n\t\t\tconst span = breakPointObk?.span ?? props.span;\n\t\t\tconst offset = breakPointObk?.offset ?? props.offset;\n\t\t\tif (props.suffix) {\n\t\t\t\treturn {\n\t\t\t\t\tgridColumnStart: cols.value - span - offset + 1,\n\t\t\t\t\tgridColumnEnd: `span ${span + offset}`,\n\t\t\t\t\tmarginLeft: offset !== 0 ? `calc(((100% + ${gap}px) / ${span + offset}) * ${offset})` : \"unset\",\n\t\t\t\t};\n\t\t\t} else {\n\t\t\t\treturn {\n\t\t\t\t\tgridColumn: `span ${span + offset > cols.value ? cols.value : span + offset}/span ${\n\t\t\t\t\t\tspan + offset > cols.value ? cols.value : span + offset\n\t\t\t\t\t}`,\n\t\t\t\t\tmarginLeft: offset !== 0 ? `calc(((100% + ${gap}px) / ${span + offset}) * ${offset})` : \"unset\",\n\t\t\t\t};\n\t\t\t}\n\t\t});\n\n\t\tuseRender(() => (\n\t\t\t<div style={style.value} vShow={state.show}>\n\t\t\t\t{slots.default && slots.default()}\n\t\t\t</div>\n\t\t));\n\n\t\treturn useExpose(expose, {\n\t\t\tshow: state.show,\n\t\t});\n\t},\n});\n"],"names":["name","props","offset","type","Number","default","span","suffix","Boolean","xs","definePropType","Object","undefined","sm","md","lg","xl","slots","makeSlots","setup","attrs","emit","expose","state","reactive","show","attrsObj","breakPoint","inject","ref","shouldHiddenIndex","watch","value","n","index","parseInt","immediate","gap","cols","style","computed","breakPointObk","gridColumnStart","gridColumnEnd","marginLeft","gridColumn","useRender","_withDirectives","_createVNode","_vShow","useExpose"],"mappings":";;AAWA,MAAA,iDAA+B;AAAA,EAC9BA,MAAM;AAAA,EACNC,OAAO;AAAA;AAAA,IAENC,QAAQ;AAAA,MAAEC,MAAMC;AAAAA,MAAQC,SAAS;AAAA;;IAEjCC,MAAM;AAAA,MAAEH,MAAMC;AAAAA,MAAQC,SAAS;AAAA;;IAE/BE,QAAQ;AAAA,MAAEJ,MAAMK;AAAAA,MAASH,SAAS;AAAA;;IAElCI,IAAI;AAAA,MACHN,MAAMO,eAA2CC,MAAM;AAAA,MACvDN,SAASO;AAAAA;;IAGVC,IAAI;AAAA,MACHV,MAAMO,eAA2CC,MAAM;AAAA,MACvDN,SAASO;AAAAA;;IAGVE,IAAI;AAAA,MACHX,MAAMO,eAA2CC,MAAM;AAAA,MACvDN,SAASO;AAAAA;;IAGVG,IAAI;AAAA,MACHZ,MAAMO,eAA2CC,MAAM;AAAA,MACvDN,SAASO;AAAAA;;IAGVI,IAAI;AAAA,MACHb,MAAMO,eAA2CC,MAAM;AAAA,MACvDN,SAASO;AAAAA,IACV;AAAA;EAEDK,OAAOC,UAAS;AAAA,EAChBC,MAAMlB,OAAO;AAAA,IAAEmB;AAAAA,IAAOH;AAAAA,IAAOI;AAAAA,IAAMC;AAAAA,EAAO,GAAG;AAC5C,UAAMC,QAAQC,SAAS;AAAA,MACtBC,MAAM;AAAA,IACP,CAAC;AAED,UAAMC,WAAWN;AAGjB,UAAMO,aAAaC,OAAoC,cAAcC,IAAI,IAAI,CAAC;AAC9E,UAAMC,oBAAoBF,OAAoB,qBAAqBC,IAAI,EAAE,CAAC;AAE1EE,UACC,MAAM,CAACD,kBAAkBE,OAAOL,WAAWK,KAAK,GAC/CC,OAAM;AACN,UAAI,CAAC,CAACP,SAASQ,OAAO;AACrBX,cAAME,OAAO,EAAEQ,EAAE,CAAC,MAAM,MAAME,SAAST,SAASQ,KAAK,KAAK9B,OAAO6B,EAAE,CAAC,CAAC;AAAA,MACtE;AAAA,IACD,GACA;AAAA,MAAEG,WAAW;AAAA,IAAK,CACnB;AAEA,UAAMC,MAAMT,OAAO,OAAO,CAAC;AAC3B,UAAMU,OAAOV,OAAoB,QAAQC,IAAI,CAAC,CAAC;AAE/C,UAAMU,QAAQC,SAAS,MAAM;AAC5B,YAAMC,gBAAgBxC,MAAM0B,WAAWK,KAAK;AAC5C,YAAM1B,OAAOmC,eAAenC,QAAQL,MAAMK;AAC1C,YAAMJ,SAASuC,eAAevC,UAAUD,MAAMC;AAC9C,UAAID,MAAMM,QAAQ;AACjB,eAAO;AAAA,UACNmC,iBAAiBJ,KAAKN,QAAQ1B,OAAOJ,SAAS;AAAA,UAC9CyC,eAAe,QAAQrC,OAAOJ,MAAM;AAAA,UACpC0C,YAAY1C,WAAW,IAAI,iBAAiBmC,GAAG,SAAS/B,OAAOJ,MAAM,OAAOA,MAAM,MAAM;AAAA;MAE1F,OAAO;AACN,eAAO;AAAA,UACN2C,YAAY,QAAQvC,OAAOJ,SAASoC,KAAKN,QAAQM,KAAKN,QAAQ1B,OAAOJ,MAAM,SAC1EI,OAAOJ,SAASoC,KAAKN,QAAQM,KAAKN,QAAQ1B,OAAOJ,MAAM;AAAA,UAExD0C,YAAY1C,WAAW,IAAI,iBAAiBmC,GAAG,SAAS/B,OAAOJ,MAAM,OAAOA,MAAM,MAAM;AAAA;MAE1F;AAAA,IACD,CAAC;AAED4C,cAAU,MAAAC,eAAAC,YAAA,OAAA;AAAA,MAAA,SACGT,MAAMP;AAAAA,IAAK,GAAA,CACrBf,MAAMZ,WAAWY,MAAMZ,QAAO,CAAE,CAAA,GAAA,CAAA,CAAA4C,OADF1B,MAAME,IAAI,GAG1C;AAED,WAAOyB,UAAU5B,QAAQ;AAAA,MACxBG,MAAMF,MAAME;AAAAA,IACb,CAAC;AAAA,EACF;AACD,CAAC;"}
+{"version":3,"file":"layoutGridItem.mjs","sources":["../../../../../packages/components/layoutGrid/src/layoutGridItem.tsx"],"sourcesContent":["import { computed, defineComponent, inject, reactive, ref, watch } from \"vue\";\nimport { definePropType, makeSlots, useExpose, useRender } from \"@fast-china/utils\";\nimport type { FaLayoutGridItemResponsive } from \"./layoutGrid.type\";\nimport type { FaLayoutGridBreakPoint } from \"@fast-element-plus/components/layoutGrid\";\nimport type { Ref } from \"vue\";\n\ntype FaLayoutGridItemSlots = {\n\t/** @description 默认内容插槽 */\n\tdefault: never;\n};\n\nexport default defineComponent({\n\tname: \"FaLayoutGridItem\",\n\tprops: {\n\t\t/** @description 偏移 */\n\t\toffset: { type: Number, default: 0 },\n\t\t/** @description 占位 */\n\t\tspan: { type: Number, default: 1 },\n\t\t/** @description 后缀 */\n\t\tsuffix: { type: Boolean, default: false },\n\t\t/** @description 响应式，小于480px屏幕配置 */\n\t\txs: {\n\t\t\ttype: definePropType<FaLayoutGridItemResponsive>(Object),\n\t\t\tdefault: undefined as FaLayoutGridItemResponsive,\n\t\t},\n\t\t/** @description 响应式，平板竖屏配置 */\n\t\tsm: {\n\t\t\ttype: definePropType<FaLayoutGridItemResponsive>(Object),\n\t\t\tdefault: undefined as FaLayoutGridItemResponsive,\n\t\t},\n\t\t/** @description 响应式，平板横屏配置 */\n\t\tmd: {\n\t\t\ttype: definePropType<FaLayoutGridItemResponsive>(Object),\n\t\t\tdefault: undefined as FaLayoutGridItemResponsive,\n\t\t},\n\t\t/** @description 响应式，小型桌面配置 */\n\t\tlg: {\n\t\t\ttype: definePropType<FaLayoutGridItemResponsive>(Object),\n\t\t\tdefault: undefined as FaLayoutGridItemResponsive,\n\t\t},\n\t\t/** @description 响应式，大型桌面配置 */\n\t\txl: {\n\t\t\ttype: definePropType<FaLayoutGridItemResponsive>(Object),\n\t\t\tdefault: undefined as FaLayoutGridItemResponsive,\n\t\t},\n\t},\n\tslots: makeSlots<FaLayoutGridItemSlots>(),\n\tsetup(props, { attrs, slots, emit, expose }) {\n\t\tconst state = reactive({\n\t\t\tshow: true,\n\t\t});\n\n\t\tconst attrsObj = attrs as any;\n\n\t\t// 注入断点\n\t\tconst breakPoint = inject<Ref<FaLayoutGridBreakPoint>>(\"breakPoint\", ref(\"xl\"));\n\t\tconst shouldHiddenIndex = inject<Ref<number>>(\"shouldHiddenIndex\", ref(-1));\n\n\t\twatch(\n\t\t\t() => [shouldHiddenIndex.value, breakPoint.value],\n\t\t\t(n) => {\n\t\t\t\tif (~~attrsObj.index) {\n\t\t\t\t\tstate.show = !(n[0] !== -1 && parseInt(attrsObj.index) >= Number(n[0]));\n\t\t\t\t}\n\t\t\t},\n\t\t\t{ immediate: true }\n\t\t);\n\n\t\tconst gap = inject(\"gap\", 0);\n\t\tconst cols = inject<Ref<number>>(\"cols\", ref(5));\n\n\t\tconst style = computed(() => {\n\t\t\tconst breakPointObk = props[breakPoint.value] as FaLayoutGridItemResponsive;\n\t\t\tconst span = breakPointObk?.span ?? props.span;\n\t\t\tconst offset = breakPointObk?.offset ?? props.offset;\n\t\t\tif (props.suffix) {\n\t\t\t\treturn {\n\t\t\t\t\tgridColumnStart: cols.value - span - offset + 1,\n\t\t\t\t\tgridColumnEnd: `span ${span + offset}`,\n\t\t\t\t\tmarginLeft: offset !== 0 ? `calc(((100% + ${gap}px) / ${span + offset}) * ${offset})` : \"unset\",\n\t\t\t\t};\n\t\t\t} else {\n\t\t\t\treturn {\n\t\t\t\t\tgridColumn: `span ${span + offset > cols.value ? cols.value : span + offset}/span ${\n\t\t\t\t\t\tspan + offset > cols.value ? cols.value : span + offset\n\t\t\t\t\t}`,\n\t\t\t\t\tmarginLeft: offset !== 0 ? `calc(((100% + ${gap}px) / ${span + offset}) * ${offset})` : \"unset\",\n\t\t\t\t};\n\t\t\t}\n\t\t});\n\n\t\tuseRender(() => (\n\t\t\t<div style={style.value} vShow={state.show}>\n\t\t\t\t{slots.default && slots.default()}\n\t\t\t</div>\n\t\t));\n\n\t\treturn useExpose(expose, {\n\t\t\tshow: state.show,\n\t\t});\n\t},\n});\n"],"names":["LayoutGridItem","name","props","offset","type","Number","default","span","suffix","Boolean","xs","definePropType","Object","undefined","sm","md","lg","xl","slots","makeSlots","setup","attrs","emit","expose","state","reactive","show","attrsObj","breakPoint","inject","ref","shouldHiddenIndex","watch","value","n","index","parseInt","immediate","gap","cols","style","computed","breakPointObk","gridColumnStart","gridColumnEnd","marginLeft","gridColumn","useRender","_withDirectives","_createVNode","_vShow","useExpose"],"mappings":"kPAWA,MAAAA,mBAA+B,CAC9BC,KAAM,mBACNC,MAAO,CAENC,OAAQ,CAAEC,KAAMC,OAAQC,QAAS,GAEjCC,KAAM,CAAEH,KAAMC,OAAQC,QAAS,GAE/BE,OAAQ,CAAEJ,KAAMK,QAASH,SAAS,GAElCI,GAAI,CACHN,KAAMO,EAA2CC,QACjDN,aAASO,GAGVC,GAAI,CACHV,KAAMO,EAA2CC,QACjDN,aAASO,GAGVE,GAAI,CACHX,KAAMO,EAA2CC,QACjDN,aAASO,GAGVG,GAAI,CACHZ,KAAMO,EAA2CC,QACjDN,aAASO,GAGVI,GAAI,CACHb,KAAMO,EAA2CC,QACjDN,aAASO,IAGXK,MAAOC,IACPC,KAAAA,CAAMlB,GAAOmB,MAAEA,EAAAA,MAAOH,EAAAA,KAAOI,EAAAA,OAAMC,IAClC,MAAMC,EAAQC,EAAS,CACtBC,MAAM,IAGDC,EAAWN,EAGXO,EAAaC,EAAoC,aAAcC,EAAI,OACnEC,EAAoBF,EAAoB,oBAAqBC,OAEnEE,EACC,IAAM,CAACD,EAAkBE,MAAOL,EAAWK,OAC1CC,MACMP,EAASQ,QACdX,EAAME,QAAkB,IAATQ,EAAE,IAAaE,SAAST,EAASQ,QAAU9B,OAAO6B,EAAE,OAGrE,CAAEG,WAAW,IAGd,MAAMC,EAAMT,EAAO,MAAO,GACpBU,EAAOV,EAAoB,OAAQC,EAAI,IAEvCU,EAAQC,EAAS,KACtB,MAAMC,EAAgBxC,EAAM0B,EAAWK,OACjC1B,EAAOmC,GAAenC,MAAQL,EAAMK,KACpCJ,EAASuC,GAAevC,QAAUD,EAAMC,OAC9C,OAAID,EAAMM,OACF,CACNmC,gBAAiBJ,EAAKN,MAAQ1B,EAAOJ,EAAS,EAC9CyC,cAAe,QAAQrC,EAAOJ,IAC9B0C,WAAuB,IAAX1C,EAAe,iBAAiBmC,UAAY/B,EAAOJ,QAAaA,KAAY,SAGlF,CACN2C,WAAY,QAAQvC,EAAOJ,EAASoC,EAAKN,MAAQM,EAAKN,MAAQ1B,EAAOJ,UACpEI,EAAOJ,EAASoC,EAAKN,MAAQM,EAAKN,MAAQ1B,EAAOJ,IAElD0C,WAAuB,IAAX1C,EAAe,iBAAiBmC,UAAY/B,EAAOJ,QAAaA,KAAY,WAW3F,OANA4C,EAAU,IAAAC,EAAAC,EAAA,MAAA,CAAAT,MACGA,EAAMP,OAAK,CACrBf,EAAMZ,SAAWY,EAAMZ,YAAS,CAAA,CAAA4C,EADF1B,EAAME,SAKhCyB,EAAU5B,EAAQ,CACxBG,KAAMF,EAAME,MAEd"}

package/es/components/select/index.mjs

@@ -1,17 +1,2 @@
-import { withInstall, withNoopInstall } from "@fast-china/utils";
-import Select from "./src/select.mjs";
-import { SelectProps, faSelectProps } from "./src/select.mjs";
-import SelectOption from "./src/selectOption.mjs";
-import "./src/select.type.mjs";
-const FaSelect = withInstall(Select, {
-  SelectOption
-});
-const FaSelectOption = withNoopInstall(SelectOption);
-export {
-  FaSelect,
-  FaSelectOption,
-  SelectProps,
-  FaSelect as default,
-  faSelectProps
-};
+import{withInstall as t,withNoopInstall as s}from"@fast-china/utils";import r from"./src/select.mjs";import{SelectProps as e,faSelectProps as m}from"./src/select.mjs";import o from"./src/selectOption.mjs";import"./src/select.type.mjs";const c=t(r,{SelectOption:o}),i=s(o);export{c as FaSelect,i as FaSelectOption,e as SelectProps,c as default,m as faSelectProps};
 //# sourceMappingURL=index.mjs.map

package/es/components/select/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../packages/components/select/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from \"@fast-china/utils\";\nimport Select, { SelectProps, faSelectProps } from \"./src/select\";\nimport SelectOption from \"./src/selectOption\";\nimport type { faSelectEmits } from \"./src/select\";\nimport type { ExtractPropTypes } from \"vue\";\n\nexport const FaSelect = withInstall(Select, {\n\tSelectOption,\n});\nexport default FaSelect;\n\nexport const FaSelectOption = withNoopInstall(SelectOption);\n\nexport { SelectProps, faSelectProps };\nexport * from \"./src/select.type\";\n\nexport type FaSelectInstance = InstanceType<typeof Select>;\n\nexport type FaSelectProps = ExtractPropTypes<typeof faSelectProps>;\n\nexport type FaSelectEmits = typeof faSelectEmits;\n\nexport type FaSelectOptionInstance = InstanceType<typeof SelectOption>;\n"],"names":[],"mappings":";;;;;AAMO,MAAM,WAAW,YAAY,QAAQ;AAAA,EAC3C;AACD,CAAC;AAGM,MAAM,iBAAiB,gBAAgB,YAAY;"}
+{"version":3,"file":"index.mjs","sources":["../../../../packages/components/select/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from \"@fast-china/utils\";\nimport Select, { SelectProps, faSelectProps } from \"./src/select\";\nimport SelectOption from \"./src/selectOption\";\nimport type { faSelectEmits } from \"./src/select\";\nimport type { ExtractPropTypes } from \"vue\";\n\nexport const FaSelect = withInstall(Select, {\n\tSelectOption,\n});\nexport default FaSelect;\n\nexport const FaSelectOption = withNoopInstall(SelectOption);\n\nexport { SelectProps, faSelectProps };\nexport * from \"./src/select.type\";\n\nexport type FaSelectInstance = InstanceType<typeof Select>;\n\nexport type FaSelectProps = ExtractPropTypes<typeof faSelectProps>;\n\nexport type FaSelectEmits = typeof faSelectEmits;\n\nexport type FaSelectOptionInstance = InstanceType<typeof SelectOption>;\n"],"names":["FaSelect","withInstall","Select","SelectOption","FaSelectOption","withNoopInstall"],"mappings":"2OAMO,MAAMA,EAAWC,EAAYC,EAAQ,CAC3CC,iBAIYC,EAAiBC,EAAgBF"}