fast-element-plus 1.0.0 → 1.0.1

package/lib/components/icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/components/icon/index.ts"],"sourcesContent":["import { withInstall } from \"@fast-china/utils\";\nimport Icon from \"./src/icon\";\nimport type { faIconProps } from \"./src/icon\";\nimport type { ExtractPropTypes } from \"vue\";\n\nexport const FaIcon = withInstall(Icon);\nexport default FaIcon;\n\nexport { faIconProps };\n\nexport type FaIconInstance = InstanceType<typeof Icon>;\n\nexport type FaIconProps = ExtractPropTypes<typeof faIconProps>;\n"],"names":["FaIcon","withInstall","Icon"],"mappings":"4KAKaA,EAASC,EAAAA,YAAYC,EAAAA"}

package/lib/components/icon/src/icon.d.ts

@@ -0,0 +1,39 @@
+export declare const faIconProps: {
+    /** @description el-icon- 使用 El-icon 的图标；fa-icon 使用 Fast 图标组件库； */
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    /** @description 大小 */
+    size: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    /** @description 颜色*/
+    color: StringConstructor;
+};
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** @description el-icon- 使用 El-icon 的图标；fa-icon 使用 Fast 图标组件库； */
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    /** @description 大小 */
+    size: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    /** @description 颜色*/
+    color: StringConstructor;
+}>, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** @description el-icon- 使用 El-icon 的图标；fa-icon 使用 Fast 图标组件库； */
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    /** @description 大小 */
+    size: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    /** @description 颜色*/
+    color: StringConstructor;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/components/icon/src/icon.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("element-plus");require("../../../constants/index.js");const n=require("@fast-china/utils"),o=require("../../../constants/regex.js");function r(t){return"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!e.isVNode(t)}const s={name:{type:String,required:!0},size:{type:[String,Number]},color:String},a=e.defineComponent({name:"FaIcon",props:s,setup(s,{attrs:a}){const l=e.reactive({isUrl:e.computed(()=>o.RegExps.External.test(s.name)),style:e.computed(()=>{const e={};return s.size&&(e.size=n.addUnit(s.size)),s.color&&(e.color=s.color),l.isUrl&&(e.mask=`url(${s.name}) no-repeat 50% 50%`,e["-webkit-mask"]=`url(${s.name}) no-repeat 50% 50%`),e})});n.useRender(()=>{let n,o;return 0===s.name.indexOf("el-icon-")?e.createVNode(t.ElIcon,e.mergeProps(a,s,{class:["fa-icon",s.name]}),r(n=e.h(e.resolveComponent(s.name)))?n:{default:()=>[n]}):0===s.name.indexOf("fa-icon")?e.createVNode(t.ElIcon,e.mergeProps(a,s,{class:["fa-icon",s.name]}),r(o=e.h(e.resolveComponent(s.name)))?o:{default:()=>[o]}):l.isUrl?e.createVNode("div",e.mergeProps(a,{class:"el-icon fa-icon url-icon",style:l.style}),null):e.createVNode("i",e.mergeProps(a,{class:["el-icon fa-icon",s.name],style:l.style}),null)})}});exports.default=a,exports.faIconProps=s;
+//# sourceMappingURL=icon.js.map

package/lib/components/icon/src/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sources":["../../../../../packages/components/icon/src/icon.tsx"],"sourcesContent":["import { computed, defineComponent, h, reactive, resolveComponent } from \"vue\";\nimport { ElIcon } from \"element-plus\";\nimport { RegExps } from \"@fast-element-plus/constants\";\nimport { addUnit, useRender } from \"@fast-china/utils\";\nimport type { CSSProperties } from \"vue\";\n\nexport const faIconProps = {\n\t/** @description el-icon- 使用 El-icon 的图标；fa-icon 使用 Fast 图标组件库； */\n\tname: {\n\t\ttype: String,\n\t\trequired: true,\n\t},\n\t/** @description 大小 */\n\tsize: {\n\t\ttype: [String, Number],\n\t},\n\t/** @description 颜色*/\n\tcolor: String,\n};\n\nexport default defineComponent({\n\tname: \"FaIcon\",\n\tprops: faIconProps,\n\tsetup(props, { attrs }) {\n\t\tconst state = reactive({\n\t\t\tisUrl: computed(() => RegExps.External.test(props.name)),\n\t\t\tstyle: computed((): CSSProperties => {\n\t\t\t\tconst result: any = {};\n\t\t\t\tif (props.size) {\n\t\t\t\t\tresult.size = addUnit(props.size);\n\t\t\t\t}\n\t\t\t\tif (props.color) {\n\t\t\t\t\tresult.color = props.color;\n\t\t\t\t}\n\t\t\t\tif (state.isUrl) {\n\t\t\t\t\tresult.mask = `url(${props.name}) no-repeat 50% 50%`;\n\t\t\t\t\tresult[\"-webkit-mask\"] = `url(${props.name}) no-repeat 50% 50%`;\n\t\t\t\t}\n\t\t\t\treturn result;\n\t\t\t}),\n\t\t});\n\n\t\tuseRender(() =>\n\t\t\tprops.name.indexOf(\"el-icon-\") === 0 ? (\n\t\t\t\t<ElIcon {...attrs} {...props} class={[\"fa-icon\", props.name]}>\n\t\t\t\t\t{h(resolveComponent(props.name))}\n\t\t\t\t</ElIcon>\n\t\t\t) : props.name.indexOf(\"fa-icon\") === 0 ? (\n\t\t\t\t<ElIcon {...attrs} {...props} class={[\"fa-icon\", props.name]}>\n\t\t\t\t\t{h(resolveComponent(props.name))}\n\t\t\t\t</ElIcon>\n\t\t\t) : state.isUrl ? (\n\t\t\t\t<div {...attrs} class=\"el-icon fa-icon url-icon\" style={state.style} />\n\t\t\t) : (\n\t\t\t\t<i {...attrs} class={[\"el-icon fa-icon\", props.name]} style={state.style} />\n\t\t\t)\n\t\t);\n\t},\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","faIconProps","name","type","String","required","size","Number","color","Icon","props","setup","attrs","state","reactive","isUrl","computed","RegExps","External","test","style","result","addUnit","mask","useRender","_slot","_slot2","indexOf","_createVNode","ElIcon","_mergeProps","class","h","resolveComponent","default"],"mappings":"kRAGuD,SAAAA,EAAAC,GAAA,MAAA,mBAAAA,GAAA,oBAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,KAAAK,EAAAA,QAAAL,EAAA,CAGhD,MAAMM,EAAc,CAE1BC,KAAM,CACLC,KAAMC,OACNC,UAAU,GAGXC,KAAM,CACLH,KAAM,CAACC,OAAQG,SAGhBC,MAAOJ,QAGRK,oBAA+B,CAC9BP,KAAM,SACNQ,MAAOT,EACPU,KAAAA,CAAMD,GAAOE,MAAEA,IACd,MAAMC,EAAQC,EAAAA,SAAS,CACtBC,MAAOC,EAAAA,SAAS,IAAMC,EAAAA,QAAQC,SAASC,KAAKT,EAAMR,OAClDkB,MAAOJ,EAAAA,SAAS,KACf,MAAMK,EAAc,CAAA,EAWpB,OAVIX,EAAMJ,OACTe,EAAOf,KAAOgB,UAAQZ,EAAMJ,OAEzBI,EAAMF,QACTa,EAAOb,MAAQE,EAAMF,OAElBK,EAAME,QACTM,EAAOE,KAAO,OAAOb,EAAMR,0BAC3BmB,EAAO,gBAAkB,OAAOX,EAAMR,2BAEhCmB,MAITG,EAAAA,UAAU,KAAA,IAAAC,EAAAC,EAAA,OAC0B,IAAnChB,EAAMR,KAAKyB,QAAQ,YAAiBC,EAAAA,YAAAC,EAAAA,OAAAC,aACvBlB,EAAWF,EAAK,CAAAqB,MAAS,CAAC,UAAWrB,EAAMR,QAAKR,EAAA+B,EAC1DO,IAAEC,EAAAA,iBAAiBvB,EAAMR,QAAMuB,EAAA,CAAAS,QAAAA,IAAA,CAAAT,KAEI,IAAlCf,EAAMR,KAAKyB,QAAQ,WAAgBC,EAAAA,YAAAC,EAAAA,OAAAC,aAC1BlB,EAAWF,EAAK,CAAAqB,MAAS,CAAC,UAAWrB,EAAMR,QAAKR,EAAAgC,EAC1DM,IAAEC,EAAAA,iBAAiBvB,EAAMR,QAAMwB,EAAA,CAAAQ,QAAAA,IAAA,CAAAR,KAE9Bb,EAAME,MAAKa,EAAAA,YAAA,MAAAE,EAAAA,WACLlB,EAAK,CAAAmB,MAAA,2BAAAX,MAA0CP,EAAMO,QAAK,MAAAQ,EAAAA,YAAA,IAAAE,EAAAA,WAE5DlB,EAAK,CAAAmB,MAAS,CAAC,kBAAmBrB,EAAMR,MAAKkB,MAASP,EAAMO,QAAK,OAG3E"}

package/lib/components/iconSelector/index.d.ts

@@ -0,0 +1,7 @@
+import { TSXWithInstall } from "@fast-china/utils";
+import type { default as IconSelector } from "./src/iconSelector";
+
+export declare const FaIconSelector: TSXWithInstall<typeof IconSelector>;
+export default FaIconSelector;
+
+export type FaIconSelectorInstance = InstanceType<typeof IconSelector>;

package/lib/components/iconSelector/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@fast-china/utils"),t=require("./src/iconSelector.js"),r=e.withInstall(t.default);exports.FaIconSelector=r,exports.default=r;
+//# sourceMappingURL=index.js.map

package/lib/components/iconSelector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/components/iconSelector/index.ts"],"sourcesContent":["import { withInstall } from \"@fast-china/utils\";\nimport IconSelector from \"./src/iconSelector\";\n\nexport const FaIconSelector = withInstall(IconSelector);\nexport default FaIconSelector;\n\nexport type FaIconSelectorInstance = InstanceType<typeof IconSelector>;\n"],"names":["FaIconSelector","withInstall","IconSelector"],"mappings":"oLAGaA,EAAiBC,EAAAA,YAAYC,EAAAA"}

package/lib/components/iconSelector/src/iconSelector.d.ts

@@ -0,0 +1,23 @@
+type IconType = "ele" | "fastEle" | "local";
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** @description v-model绑定值 */
+    modelValue: StringConstructor;
+    /** @description 自定义图标 */
+    customIcons: import('vue').PropType<string[]>;
+}>, {
+    iconType: IconType;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    /** @description v-model 回调 */
+    "update:modelValue": (value: string) => boolean;
+    /** @description 改变 */
+    change: (value: string) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** @description v-model绑定值 */
+    modelValue: StringConstructor;
+    /** @description 自定义图标 */
+    customIcons: import('vue').PropType<string[]>;
+}>> & Readonly<{
+    "onUpdate:modelValue"?: (value: string) => any;
+    onChange?: (value: string) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/components/iconSelector/src/iconSelector.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("element-plus"),t=require("@element-plus/icons-vue"),l=require("../../icon/index.js"),a=require("@fast-element-plus/icons-vue"),c=require("@fast-china/utils"),r=require("lodash-unified");function s(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const t in e)if("default"!==t){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,l.get?l:{enumerable:!0,get:()=>e[t]})}return o.default=e,Object.freeze(o)}const i=s(t);const n=e.defineComponent({name:"FaIconSelector",props:{modelValue:String,customIcons:c.definePropType(Array)},emits:{"update:modelValue":e=>r.isString(e)||r.isNull(e),change:e=>r.isString(e)||r.isNull(e)},setup(r,{attrs:s,slots:n,emit:u,expose:d}){const p=e.reactive({value:c.withDefineType(),searchValue:c.withDefineType(),iconType:c.withDefineType("ele"),popoverVisible:!1,iconNames:c.withDefineType(Object.keys(i)),renderIconNames:e.computed(()=>p.searchValue?p.iconNames.filter(e=>-1!==e.toLowerCase().indexOf(p.searchValue.toLowerCase())):p.iconNames)}),f=e=>{switch(p.iconType=e,p.iconNames=[],e){case"ele":p.iconNames=Object.keys(i).map(e=>`el-icon-${e}`);break;case"fastEle":p.iconNames=Object.keys(a).map(e=>`fa-icon-${e}`);break;case"local":p.iconNames=r.customIcons}},V=()=>{p.value=null,p.searchValue=null,u("update:modelValue",null),u("change",null)};return c.useRender(()=>e.createVNode(o.ElPopover,{popperClass:"fa-icon-selector-popover",visible:p.popoverVisible,width:"auto",trigger:"click",showArrow:!1,showAfter:0,hideAfter:0},{reference:()=>e.createVNode(o.ElInput,{modelValue:p.searchValue,"onUpdate:modelValue":e=>p.searchValue=e,placeholder:"搜索图标"},{prepend:()=>e.createVNode(o.ElIcon,null,{default:()=>[e.createVNode(t.ChromeFilled,null,null)]}),append:()=>e.createVNode(o.ElIcon,{onClick:V},{default:()=>[e.createVNode(t.RefreshRight,null,null)]})}),default:()=>{let t;return e.createVNode("div",{class:"fa-icon-selector-popover__box"},[e.createVNode("div",{class:"fa-icon-selector-popover__box-header"},[e.createVNode("div",{class:"fa-icon-selector-popover__box-header__title"},[e.createTextVNode("请选择图标")]),e.createVNode("div",{class:"fa-icon-selector-popover__box-header__tab"},[e.createVNode("span",{class:{"is-active":"ele"===p.iconType},title:"Element Plus 图标",onClick:()=>f("ele")},[e.createTextVNode("ele")]),e.createVNode("span",{class:{"is-active":"fastEle"===p.iconType},title:"Fast Element Plus 图标",onClick:()=>f("fastEle")},[e.createTextVNode("fastEle")]),e.createVNode("span",{class:{"is-active":"local"===p.iconType},title:"本地图标",onClick:()=>f("local")},[e.createTextVNode("local")])])]),e.createVNode("div",{class:"fa-icon-selector-popover__box-body"},[e.createVNode(o.ElScrollbar,null,(a=t=p.renderIconNames.map(o=>e.createVNode("div",{class:"fa-icon-selector-popover__box-body__item",title:o,onClick:()=>{return e=o,p.popoverVisible=!1,p.value=e,p.searchValue="",u("update:modelValue",e),void u("change",e);var e}},[e.createVNode(l.FaIcon,{name:o},null)])),"function"==typeof a||"[object Object]"===Object.prototype.toString.call(a)&&!e.isVNode(a)?t:{default:()=>[t]}))])]);var a}})),c.useExpose(d,{iconType:p.iconType})}});exports.default=n;
+//# sourceMappingURL=iconSelector.js.map

package/lib/components/iconSelector/src/iconSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconSelector.js","sources":["../../../../../packages/components/iconSelector/src/iconSelector.tsx"],"sourcesContent":["import { computed, defineComponent, reactive } from \"vue\";\nimport { ElIcon, ElInput, ElPopover, ElScrollbar } from \"element-plus\";\nimport * as ElementPlusIconsVue from \"@element-plus/icons-vue\";\nimport { ChromeFilled, RefreshRight } from \"@element-plus/icons-vue\";\nimport { FaIcon } from \"@fast-element-plus/components/icon\";\nimport FastElementPlusIconsVue from \"@fast-element-plus/icons-vue\";\nimport { definePropType, useExpose, useRender, withDefineType } from \"@fast-china/utils\";\nimport { isNull, isString } from \"lodash-unified\";\n\ntype IconType = \"ele\" | \"fastEle\" | \"local\";\n\nexport default defineComponent({\n\tname: \"FaIconSelector\",\n\tprops: {\n\t\t/** @description v-model绑定值 */\n\t\tmodelValue: String,\n\t\t/** @description 自定义图标 */\n\t\tcustomIcons: definePropType<string[]>(Array),\n\t},\n\temits: {\n\t\t/** @description v-model 回调 */\n\t\t\"update:modelValue\": (value: string) => isString(value) || isNull(value),\n\t\t/** @description 改变 */\n\t\tchange: (value: string) => isString(value) || isNull(value),\n\t},\n\tsetup(props, { attrs, slots, emit, expose }) {\n\t\tconst state = reactive({\n\t\t\tvalue: withDefineType<string>(),\n\t\t\tsearchValue: withDefineType<string>(),\n\t\t\ticonType: withDefineType<IconType>(\"ele\"),\n\t\t\tpopoverVisible: false,\n\t\t\ticonNames: withDefineType<string[]>(Object.keys(ElementPlusIconsVue)),\n\t\t\trenderIconNames: computed((): string[] => {\n\t\t\t\tif (!state.searchValue) return state.iconNames;\n\t\t\t\treturn state.iconNames.filter((f) => f.toLowerCase().indexOf(state.searchValue.toLowerCase()) !== -1);\n\t\t\t}),\n\t\t});\n\n\t\tconst handleTabClick = (iconType: IconType): void => {\n\t\t\tstate.iconType = iconType;\n\t\t\tstate.iconNames = [];\n\t\t\tswitch (iconType) {\n\t\t\t\tcase \"ele\":\n\t\t\t\t\tstate.iconNames = Object.keys(ElementPlusIconsVue).map((m) => `el-icon-${m}`);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"fastEle\":\n\t\t\t\t\tstate.iconNames = Object.keys(FastElementPlusIconsVue).map((m) => `fa-icon-${m}`);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"local\":\n\t\t\t\t\tstate.iconNames = props.customIcons;\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t};\n\n\t\tconst handleIconClick = (value: string): void => {\n\t\t\tstate.popoverVisible = false;\n\t\t\tstate.value = value;\n\t\t\tstate.searchValue = \"\";\n\t\t\temit(\"update:modelValue\", value);\n\t\t\temit(\"change\", value);\n\t\t};\n\n\t\tconst handleRefresh = (): void => {\n\t\t\tstate.value = null;\n\t\t\tstate.searchValue = null;\n\t\t\temit(\"update:modelValue\", null);\n\t\t\temit(\"change\", null);\n\t\t};\n\n\t\tuseRender(() => (\n\t\t\t<ElPopover\n\t\t\t\tpopperClass=\"fa-icon-selector-popover\"\n\t\t\t\tvisible={state.popoverVisible}\n\t\t\t\twidth=\"auto\"\n\t\t\t\ttrigger=\"click\"\n\t\t\t\tshowArrow={false}\n\t\t\t\tshowAfter={0}\n\t\t\t\thideAfter={0}\n\t\t\t>\n\t\t\t\t{{\n\t\t\t\t\treference: () => (\n\t\t\t\t\t\t<ElInput vModel={state.searchValue} placeholder=\"搜索图标\">\n\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\tprepend: () => (\n\t\t\t\t\t\t\t\t\t<ElIcon>\n\t\t\t\t\t\t\t\t\t\t<ChromeFilled />\n\t\t\t\t\t\t\t\t\t</ElIcon>\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\tappend: () => (\n\t\t\t\t\t\t\t\t\t<ElIcon onClick={handleRefresh}>\n\t\t\t\t\t\t\t\t\t\t<RefreshRight />\n\t\t\t\t\t\t\t\t\t</ElIcon>\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t</ElInput>\n\t\t\t\t\t),\n\t\t\t\t\tdefault: () => (\n\t\t\t\t\t\t<div class=\"fa-icon-selector-popover__box\">\n\t\t\t\t\t\t\t<div class=\"fa-icon-selector-popover__box-header\">\n\t\t\t\t\t\t\t\t<div class=\"fa-icon-selector-popover__box-header__title\">请选择图标</div>\n\t\t\t\t\t\t\t\t<div class=\"fa-icon-selector-popover__box-header__tab\">\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\tclass={{ \"is-active\": state.iconType === \"ele\" }}\n\t\t\t\t\t\t\t\t\t\ttitle=\"Element Plus 图标\"\n\t\t\t\t\t\t\t\t\t\tonClick={() => handleTabClick(\"ele\")}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\tele\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\tclass={{ \"is-active\": state.iconType === \"fastEle\" }}\n\t\t\t\t\t\t\t\t\t\ttitle=\"Fast Element Plus 图标\"\n\t\t\t\t\t\t\t\t\t\tonClick={() => handleTabClick(\"fastEle\")}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\tfastEle\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\tclass={{ \"is-active\": state.iconType === \"local\" }}\n\t\t\t\t\t\t\t\t\t\ttitle=\"本地图标\"\n\t\t\t\t\t\t\t\t\t\tonClick={() => handleTabClick(\"local\")}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\tlocal\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"fa-icon-selector-popover__box-body\">\n\t\t\t\t\t\t\t\t<ElScrollbar>\n\t\t\t\t\t\t\t\t\t{state.renderIconNames.map((m) => (\n\t\t\t\t\t\t\t\t\t\t<div class=\"fa-icon-selector-popover__box-body__item\" title={m} onClick={() => handleIconClick(m)}>\n\t\t\t\t\t\t\t\t\t\t\t<FaIcon name={m} />\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</ElScrollbar>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t),\n\t\t\t\t}}\n\t\t\t</ElPopover>\n\t\t));\n\n\t\treturn useExpose(expose, {\n\t\t\ticonType: state.iconType,\n\t\t});\n\t},\n});\n"],"names":["IconSelector","name","props","modelValue","String","customIcons","definePropType","Array","emits","isString","value","isNull","change","setup","attrs","slots","emit","expose","state","reactive","withDefineType","searchValue","iconType","popoverVisible","iconNames","Object","keys","ElementPlusIconsVue","renderIconNames","computed","filter","f","toLowerCase","indexOf","handleTabClick","map","m","FastElementPlusIconsVue","handleRefresh","useRender","_createVNode","ElPopover","popperClass","visible","width","trigger","showArrow","showAfter","hideAfter","reference","ElInput","$event","placeholder","prepend","ElIcon","default","ChromeFilled","append","onClick","RefreshRight","_slot","class","_createTextVNode","title","ElScrollbar","s","handleIconClick","FaIcon","prototype","toString","call","_isVNode","useExpose"],"mappings":"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"}

package/lib/components/image/index.d.ts

@@ -0,0 +1,12 @@
+import { TSXWithInstall } from "@fast-china/utils";
+import type { default as Image, faImageProps } from "./src/image";
+import type { ExtractPropTypes } from "vue";
+
+export declare const FaImage: TSXWithInstall<typeof Image>;
+export default FaImage;
+
+export { faImageProps };
+
+export type FaImageInstance = InstanceType<typeof Image>;
+
+export type FaImageProps = ExtractPropTypes<typeof faImageProps>;

package/lib/components/image/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@fast-china/utils"),t=require("./src/image.js"),s=e.withInstall(t.default);exports.faImageProps=t.faImageProps,exports.FaImage=s,exports.default=s;
+//# sourceMappingURL=index.js.map

package/lib/components/image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/components/image/index.ts"],"sourcesContent":["import { withInstall } from \"@fast-china/utils\";\nimport Image, { faImageProps } from \"./src/image\";\nimport type { ExtractPropTypes } from \"vue\";\n\nexport const FaImage = withInstall(Image);\nexport default FaImage;\n\nexport { faImageProps };\n\nexport type FaImageInstance = InstanceType<typeof Image>;\n\nexport type FaImageProps = ExtractPropTypes<typeof faImageProps>;\n"],"names":["FaImage","withInstall","Image"],"mappings":"6KAIaA,EAAUC,EAAAA,YAAYC,EAAAA"}

package/lib/components/image/src/image.d.ts

@@ -0,0 +1,225 @@
+export declare const faImageProps: {
+    /** @description when enabling preview, use this flag to control whether clicking on backdrop can exit preview mode. */
+    hideOnClickModal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description whether to append image-viewer to body. A nested parent element attribute transform should have this attribute set to `true`. */
+    previewTeleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description whether to use lazy load. */
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description 原图 */
+    original: BooleanConstructor;
+    /** @description 标准 */
+    normal: BooleanConstructor;
+    /** @description 小图 */
+    small: BooleanConstructor;
+    /** @description 缩略图 */
+    thumb: BooleanConstructor;
+    /** @description 是否可以预览图片 */
+    preview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    src: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    fit: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "" | "fill" | "contain" | "none" | "cover" | "scale-down", unknown, "", boolean>;
+    loading: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "lazy" | "eager", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    scrollContainer: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    previewSrcList: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
+    zIndex: {
+        readonly type: import('vue').PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    initialIndex: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    infinite: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    closeOnPressEscape: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    zoomRate: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 1.2, boolean>;
+    scale: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
+    minScale: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0.2, boolean>;
+    maxScale: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
+    showProgress: BooleanConstructor;
+    crossorigin: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials") | ((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials"))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+};
+type FaImageSlots = {
+    /** @description 当图像尚未加载时，自定义的占位符内容 */
+    placeholder: never;
+    /** @description 自定义图像加载失败的内容 */
+    error: never;
+    /** @description 当图像预览时自定义内容 */
+    viewer: {
+        src: string;
+    };
+};
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** @description when enabling preview, use this flag to control whether clicking on backdrop can exit preview mode. */
+    hideOnClickModal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description whether to append image-viewer to body. A nested parent element attribute transform should have this attribute set to `true`. */
+    previewTeleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description whether to use lazy load. */
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description 原图 */
+    original: BooleanConstructor;
+    /** @description 标准 */
+    normal: BooleanConstructor;
+    /** @description 小图 */
+    small: BooleanConstructor;
+    /** @description 缩略图 */
+    thumb: BooleanConstructor;
+    /** @description 是否可以预览图片 */
+    preview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    src: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    fit: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "" | "fill" | "contain" | "none" | "cover" | "scale-down", unknown, "", boolean>;
+    loading: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "lazy" | "eager", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    scrollContainer: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    previewSrcList: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
+    zIndex: {
+        readonly type: import('vue').PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    initialIndex: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    infinite: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    closeOnPressEscape: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    zoomRate: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 1.2, boolean>;
+    scale: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
+    minScale: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0.2, boolean>;
+    maxScale: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
+    showProgress: BooleanConstructor;
+    crossorigin: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials") | ((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials"))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}>, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** @description when enabling preview, use this flag to control whether clicking on backdrop can exit preview mode. */
+    hideOnClickModal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description whether to append image-viewer to body. A nested parent element attribute transform should have this attribute set to `true`. */
+    previewTeleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description whether to use lazy load. */
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description 原图 */
+    original: BooleanConstructor;
+    /** @description 标准 */
+    normal: BooleanConstructor;
+    /** @description 小图 */
+    small: BooleanConstructor;
+    /** @description 缩略图 */
+    thumb: BooleanConstructor;
+    /** @description 是否可以预览图片 */
+    preview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    src: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    fit: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "" | "fill" | "contain" | "none" | "cover" | "scale-down", unknown, "", boolean>;
+    loading: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "lazy" | "eager", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    scrollContainer: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    previewSrcList: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
+    zIndex: {
+        readonly type: import('vue').PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    initialIndex: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    infinite: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    closeOnPressEscape: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    zoomRate: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 1.2, boolean>;
+    scale: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
+    minScale: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0.2, boolean>;
+    maxScale: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
+    showProgress: BooleanConstructor;
+    crossorigin: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials") | ((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials"))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}>> & Readonly<{}>, {
+    small: boolean;
+    original: boolean;
+    normal: boolean;
+    thumb: boolean;
+    src: string;
+    fit: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "" | "fill" | "cover" | "contain" | "none" | "scale-down", unknown>;
+    lazy: boolean;
+    closeOnPressEscape: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    hideOnClickModal: boolean;
+    previewTeleported: boolean;
+    preview: boolean;
+    previewSrcList: string[];
+    initialIndex: number;
+    infinite: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    zoomRate: number;
+    scale: number;
+    minScale: number;
+    maxScale: number;
+    showProgress: boolean;
+}, import('vue').SlotsType<Partial<import('@fast-china/utils').MakeSlots<FaImageSlots>>>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/components/image/src/image.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("element-plus"),o=require("@element-plus/icons-vue"),l=require("@fast-china/utils"),a={...r.imageProps,hideOnClickModal:{type:Boolean,default:!0},previewTeleported:{type:Boolean,default:!0},lazy:{type:Boolean,default:!0},original:Boolean,normal:Boolean,small:Boolean,thumb:Boolean,preview:{type:Boolean,default:!0}},s=e.defineComponent({name:"FaImage",props:a,slots:l.makeSlots(),setup(a,{attrs:s,slots:t,expose:i}){const c=e.reactive({src:e.computed(()=>{if(a.src)return a.original?a.src:a.normal?`${a.src}@!normal`:a.small?`${a.src}@!small`:(a.thumb,`${a.src}@!thumb`)}),previewList:e.computed(()=>a.preview?[a.src]:[])}),p=l.useProps(a,r.imageProps,["src","previewSrcList"]);l.useRender(()=>e.createVNode(r.ElImage,e.mergeProps(p.value,{class:"fa-image",src:c.src,previewSrcList:c.previewList}),{error:()=>t.error?t.error():e.createVNode("div",{class:"fa-image__error-image"},[e.createVNode(r.ElIcon,{class:"icon"},{default:()=>[e.createVNode(o.Picture,null,null)]})]),...t.placeholder&&{placeholder:()=>t.placeholder()},...t.viewer&&{viewer:()=>t.viewer({src:c.src})}}))}});exports.default=s,exports.faImageProps=a;
+//# sourceMappingURL=image.js.map

package/lib/components/image/src/image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.js","sources":["../../../../../packages/components/image/src/image.tsx"],"sourcesContent":["import { computed, defineComponent, reactive } from \"vue\";\nimport { ElIcon, ElImage, imageProps } from \"element-plus\";\nimport { Picture as ElIconPicture } from \"@element-plus/icons-vue\";\nimport { makeSlots, useProps, useRender } from \"@fast-china/utils\";\nimport type { VNode } from \"vue\";\n\nexport const faImageProps = {\n\t...imageProps,\n\t/** @description when enabling preview, use this flag to control whether clicking on backdrop can exit preview mode. */\n\thideOnClickModal: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description whether to append image-viewer to body. A nested parent element attribute transform should have this attribute set to `true`. */\n\tpreviewTeleported: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description whether to use lazy load. */\n\tlazy: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description 原图 */\n\toriginal: Boolean,\n\t/** @description 标准 */\n\tnormal: Boolean,\n\t/** @description 小图 */\n\tsmall: Boolean,\n\t/** @description 缩略图 */\n\tthumb: Boolean,\n\t/** @description 是否可以预览图片 */\n\tpreview: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n};\n\ntype FaImageSlots = {\n\t/** @description 当图像尚未加载时，自定义的占位符内容 */\n\tplaceholder: never;\n\t/** @description 自定义图像加载失败的内容 */\n\terror: never;\n\t/** @description 当图像预览时自定义内容 */\n\tviewer: { src: string };\n};\n\nexport default defineComponent({\n\tname: \"FaImage\",\n\tprops: faImageProps,\n\tslots: makeSlots<FaImageSlots>(),\n\tsetup(props, { attrs, slots, expose }) {\n\t\tconst state = reactive({\n\t\t\tsrc: computed(() => {\n\t\t\t\tif (!props.src) return undefined;\n\t\t\t\tif (props.original) {\n\t\t\t\t\treturn props.src;\n\t\t\t\t} else if (props.normal) {\n\t\t\t\t\treturn `${props.src}@!normal`;\n\t\t\t\t} else if (props.small) {\n\t\t\t\t\treturn `${props.src}@!small`;\n\t\t\t\t} else if (props.thumb) {\n\t\t\t\t\treturn `${props.src}@!thumb`;\n\t\t\t\t} else {\n\t\t\t\t\t// 默认使用缩略图\n\t\t\t\t\treturn `${props.src}@!thumb`;\n\t\t\t\t}\n\t\t\t}),\n\t\t\tpreviewList: computed(() => (props.preview ? [props.src] : [])),\n\t\t});\n\n\t\tconst bindProps = useProps(props, imageProps, [\"src\", \"previewSrcList\"]);\n\n\t\tuseRender(() => (\n\t\t\t<ElImage {...bindProps.value} class=\"fa-image\" src={state.src} previewSrcList={state.previewList}>\n\t\t\t\t{{\n\t\t\t\t\terror: () =>\n\t\t\t\t\t\tslots.error ? (\n\t\t\t\t\t\t\tslots.error()\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div class=\"fa-image__error-image\">\n\t\t\t\t\t\t\t\t<ElIcon class=\"icon\">\n\t\t\t\t\t\t\t\t\t<ElIconPicture />\n\t\t\t\t\t\t\t\t</ElIcon>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t),\n\t\t\t\t\t...(slots.placeholder && { placeholder: (): VNode[] => slots.placeholder() }),\n\t\t\t\t\t...(slots.viewer && { viewer: (): VNode[] => slots.viewer({ src: state.src }) }),\n\t\t\t\t}}\n\t\t\t</ElImage>\n\t\t));\n\t},\n});\n"],"names":["faImageProps","imageProps","hideOnClickModal","type","Boolean","default","previewTeleported","lazy","original","normal","small","thumb","preview","Image","name","props","slots","makeSlots","setup","attrs","expose","state","reactive","src","computed","previewList","bindProps","useProps","useRender","_createVNode","ElImage","_mergeProps","value","class","previewSrcList","error","ElIcon","ElIconPicture","placeholder","viewer"],"mappings":"iOAMaA,EAAe,IACxBC,EAAAA,WAEHC,iBAAkB,CACjBC,KAAMC,QACNC,SAAS,GAGVC,kBAAmB,CAClBH,KAAMC,QACNC,SAAS,GAGVE,KAAM,CACLJ,KAAMC,QACNC,SAAS,GAGVG,SAAUJ,QAEVK,OAAQL,QAERM,MAAON,QAEPO,MAAOP,QAEPQ,QAAS,CACRT,KAAMC,QACNC,SAAS,IAaXQ,oBAA+B,CAC9BC,KAAM,UACNC,MAAOf,EACPgB,MAAOC,EAAAA,YACPC,KAAAA,CAAMH,GAAOI,MAAEA,EAAAA,MAAOH,EAAAA,OAAOI,IAC5B,MAAMC,EAAQC,EAAAA,SAAS,CACtBC,IAAKC,EAAAA,SAAS,KACb,GAAKT,EAAMQ,IACX,OAAIR,EAAMP,SACFO,EAAMQ,IACHR,EAAMN,OACT,GAAGM,EAAMQ,cACNR,EAAML,MACT,GAAGK,EAAMQ,cACNR,EAAMJ,MACT,GAAGI,EAAMQ,gBAMlBE,YAAaD,EAAAA,SAAS,IAAOT,EAAMH,QAAU,CAACG,EAAMQ,KAAO,MAGtDG,EAAYC,EAAAA,SAASZ,EAAOd,EAAAA,WAAY,CAAC,MAAO,mBAEtD2B,EAAAA,UAAU,IAAAC,EAAAA,YAAAC,EAAAA,QAAAC,EAAAA,WACIL,EAAUM,MAAK,CAAAC,MAAA,WAAAV,IAAwBF,EAAME,IAAGW,eAAkBb,EAAMI,cAAW,CAE9FU,MAAOA,IACNnB,EAAMmB,MACLnB,EAAMmB,QAAON,EAAAA,YAAA,MAAA,CAAAI,MAAA,yBAAA,CAAAJ,EAAAA,YAAAO,SAAA,CAAAH,MAAA,QAAA,CAAA5B,QAAAA,IAAA,CAAAwB,EAAAA,YAAAQ,EAAAA,QAAA,KAAA,cAQXrB,EAAMsB,aAAe,CAAEA,YAAaA,IAAetB,EAAMsB,kBACzDtB,EAAMuB,QAAU,CAAEA,OAAQA,IAAevB,EAAMuB,OAAO,CAAEhB,IAAKF,EAAME,SAI3E"}

package/lib/components/index.d.ts

@@ -0,0 +1,21 @@
+export * from './avatar';
+export * from './button';
+export * from './carNumber';
+export * from './contextMenu';
+export * from './dialog';
+export * from './drawer';
+export * from './form';
+export * from './formItemTip';
+export * from './icon';
+export * from './iconSelector';
+export * from './image';
+export * from './layoutGrid';
+export * from './select';
+export * from './selectPage';
+export * from './selectV2';
+export * from './table';
+export * from './tree';
+export * from './treeSelect';
+export * from './upload';
+export * from './uploadImage';
+export * from './uploadImages';

package/lib/components/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./avatar/index.js"),r=require("./button/index.js"),t=require("./carNumber/index.js"),a=require("./contextMenu/index.js"),o=require("./dialog/index.js"),s=require("./drawer/index.js"),p=require("./form/index.js"),i=require("./formItemTip/index.js"),l=require("./icon/index.js"),m=require("./iconSelector/index.js"),u=require("./image/index.js"),x=require("./layoutGrid/index.js"),c=require("./select/index.js"),F=require("./selectPage/index.js"),d=require("./selectV2/index.js"),f=require("./table/index.js"),n=require("./tree/index.js"),g=require("./treeSelect/index.js"),P=require("./upload/index.js"),j=require("./uploadImage/index.js"),q=require("./uploadImages/index.js"),S=require("./button/src/button.js"),b=require("./carNumber/src/common.js"),I=require("./dialog/src/dialog.js"),T=require("./form/utils/form.js"),U=require("./form/src/form.js"),E=require("./form/src/formItem.js"),C=require("./formItemTip/src/formItemTip.js"),D=require("./image/src/image.js"),y=require("./select/src/select.js"),N=require("./selectPage/src/selectPage.js"),V=require("./selectV2/src/selectV2.js"),B=require("./table/src/page.type.js"),L=require("./table/src/table.type.js"),G=require("./table/utils/table.js"),v=require("./table/src/table.js"),A=require("./table/src/tableColumn.js"),M=require("./tree/src/tree.js"),w=require("./treeSelect/src/treeSelect.js"),O=require("./upload/src/upload.js"),h=require("./uploadImage/src/uploadImage.js");exports.FaAvatar=e.FaAvatar,exports.FaButton=r.FaButton,exports.FaCarNumber=t.FaCarNumber,exports.FaContextMenu=a.FaContextMenu,exports.FaDialog=o.FaDialog,exports.FaDrawer=s.FaDrawer,exports.FaForm=p.FaForm,exports.FaFormItem=p.FaFormItem,exports.FaFormItemTip=i.FaFormItemTip,exports.FaIcon=l.FaIcon,exports.FaIconSelector=m.FaIconSelector,exports.FaImage=u.FaImage,exports.FaLayoutGrid=x.FaLayoutGrid,exports.FaLayoutGridItem=x.FaLayoutGridItem,exports.FaSelect=c.FaSelect,exports.FaSelectOption=c.FaSelectOption,exports.FaSelectPage=F.FaSelectPage,exports.FaSelectV2=d.FaSelectV2,exports.FaTable=f.FaTable,exports.FaTableColumn=f.FaTableColumn,exports.FaTree=n.FaTree,exports.FaTreeSelect=g.FaTreeSelect,exports.FaUpload=P.FaUpload,exports.FaUploadImage=j.FaUploadImage,exports.FaUploadImages=q.FaUploadImages,exports.faButtonEmits=S.faButtonEmits,exports.faButtonProps=S.faButtonProps,exports.CarNumberArea=b.CarNumberArea,exports.CarNumberDigit=b.CarNumberDigit,exports.CarNumberLetter=b.CarNumberLetter,exports.faDialogEmits=I.faDialogEmits,exports.faDialogProps=I.faDialogProps,exports.formUtil=T.formUtil,exports.faFormProps=U.faFormProps,exports.faFormItemProps=E.faFormItemProps,exports.faFormItemTipProps=C.faFormItemTipProps,exports.faImageProps=D.faImageProps,exports.SelectProps=y.SelectProps,exports.faSelectProps=y.faSelectProps,exports.faSelectPageEmits=N.faSelectPageEmits,exports.faSelectPageProps=N.faSelectPageProps,exports.SelectV2Props=V.SelectV2Props,exports.faSelectV2Props=V.faSelectV2Props,exports.PagedSearchTypeEnum=B.PagedSearchTypeEnum,exports.getTableDefaultSlots=L.getTableDefaultSlots,exports.tableUtil=G.tableUtil,exports.tableProps=v.tableProps,exports.tableColumnProps=A.tableColumnProps,exports.faTreeEmits=M.faTreeEmits,exports.faTreeProps=M.faTreeProps,exports.faTreeSelectEmits=w.faTreeSelectEmits,exports.faTreeSelectProps=w.faTreeSelectProps,exports.faUploadEmits=O.faUploadEmits,exports.faUploadProps=O.faUploadProps,exports.faUploadImageEmits=h.faUploadImageEmits,exports.faUploadImageProps=h.faUploadImageProps;
+//# sourceMappingURL=index.js.map

package/lib/components/index.js.map

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

package/lib/components/layoutGrid/index.d.ts

@@ -0,0 +1,16 @@
+import { TSXWithInstall } from "@fast-china/utils";
+import type { default as LayoutGrid } from "./src/layoutGrid";
+import type { default as LayoutGridItem } from "./src/layoutGridItem";
+
+export declare const FaLayoutGrid: TSXWithInstall<typeof LayoutGrid> & {
+	LayoutGridItem: typeof LayoutGridItem;
+};
+export default FaLayoutGrid;
+
+export declare const FaLayoutGridItem: TSXWithInstall<typeof LayoutGridItem>;
+
+export * from "./src/layoutGrid.type";
+
+export type FaLayoutGridInstance = InstanceType<typeof LayoutGrid>;
+
+export type FaLayoutGridItemInstance = InstanceType<typeof LayoutGridItem>;

package/lib/components/layoutGrid/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("@fast-china/utils"),e=require("./src/layoutGrid.js"),r=require("./src/layoutGridItem.js");require("./src/layoutGrid.type.js");const s=t.withInstall(e.default,{LayoutGridItem:r.default}),u=t.withNoopInstall(r.default);exports.FaLayoutGrid=s,exports.FaLayoutGridItem=u,exports.default=s;
+//# sourceMappingURL=index.js.map

package/lib/components/layoutGrid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/components/layoutGrid/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from \"@fast-china/utils\";\nimport LayoutGrid from \"./src/layoutGrid\";\nimport LayoutGridItem from \"./src/layoutGridItem\";\n\nexport const FaLayoutGrid = withInstall(LayoutGrid, {\n\tLayoutGridItem,\n});\nexport default FaLayoutGrid;\n\nexport const FaLayoutGridItem = withNoopInstall(LayoutGridItem);\n\nexport * from \"./src/layoutGrid.type\";\n\nexport type FaLayoutGridInstance = InstanceType<typeof LayoutGrid>;\n\nexport type FaLayoutGridItemInstance = InstanceType<typeof LayoutGridItem>;\n"],"names":["FaLayoutGrid","withInstall","LayoutGrid","LayoutGridItem","FaLayoutGridItem","withNoopInstall"],"mappings":"2PAIO,MAAMA,EAAeC,EAAAA,YAAYC,UAAY,CAAAC,eACnDA,EAAAA,UAIYC,EAAmBC,EAAAA,gBAAgBF,EAAAA"}

package/lib/components/layoutGrid/src/layoutGrid.d.ts

@@ -0,0 +1,60 @@
+import { FaLayoutGridBreakPoint } from './layoutGrid.type';
+type FaLayoutGridSlots = {
+    /** @description 默认内容插槽 */
+    default: never;
+};
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** @description Grid布局列配置 */
+    cols: {
+        type: import('vue').PropType<string | number | Record<FaLayoutGridBreakPoint, number>>;
+        default: () => Record<FaLayoutGridBreakPoint, number>;
+    };
+    /** @description 折叠 */
+    collapsed: BooleanConstructor;
+    /** @description 折叠行数 */
+    collapsedRows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    /** @description 间距，偏移 */
+    gap: {
+        type: import('vue').PropType<number | [number, number]>;
+        default: number;
+    };
+}>, {
+    /** @description 响应式断点 */
+    breakPoint: import('vue').Ref<FaLayoutGridBreakPoint, FaLayoutGridBreakPoint>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    /** @description 断点变化事件 */
+    breakPointChange: ({ breakPoint }: {
+        breakPoint: FaLayoutGridBreakPoint;
+    }) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** @description Grid布局列配置 */
+    cols: {
+        type: import('vue').PropType<string | number | Record<FaLayoutGridBreakPoint, number>>;
+        default: () => Record<FaLayoutGridBreakPoint, number>;
+    };
+    /** @description 折叠 */
+    collapsed: BooleanConstructor;
+    /** @description 折叠行数 */
+    collapsedRows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    /** @description 间距，偏移 */
+    gap: {
+        type: import('vue').PropType<number | [number, number]>;
+        default: number;
+    };
+}>> & Readonly<{
+    onBreakPointChange?: (args_0: {
+        breakPoint: FaLayoutGridBreakPoint;
+    }) => any;
+}>, {
+    collapsed: boolean;
+    cols: string | number | Record<FaLayoutGridBreakPoint, number>;
+    collapsedRows: string | number;
+    gap: number | [number, number];
+}, import('vue').SlotsType<Partial<import('@fast-china/utils').MakeSlots<FaLayoutGridSlots>>>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/components/layoutGrid/src/layoutGrid.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("@fast-china/utils"),t=require("lodash-unified"),r=e.defineComponent({name:"FaLayoutGrid",props:{cols:{type:o.definePropType([String,Number,Object]),default:()=>({xs:1,sm:2,md:3,lg:4,xl:5})},collapsed:Boolean,collapsedRows:{type:[String,Number],default:1},gap:{type:o.definePropType([Number,Array]),default:0}},emits:{breakPointChange:({breakPoint:e})=>!0},slots:o.makeSlots(),setup(r,{slots:s,emit:a,expose:l}){const n=e.ref();e.provide("gap",t.isArray(r.gap)?r.gap[0]:r.gap);const p=e.ref("xl");e.provide("breakPoint",p);const i=e.ref(-1);e.provide("shouldHiddenIndex",i);const u=e.computed(()=>t.isObject(r.cols)?r.cols[p.value]??r.cols:r.cols);e.provide("cols",u);const d=t.isNumber(r.collapsedRows)?r.collapsedRows:Number(r.collapsedRows),c={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}},m=e=>{if(1!==e.length)throw new Error("未知的多个El");const o=e[0].target.scrollWidth;for(const[t,{min:r,max:s}]of Object.entries(c))if(o>=r&&o<=s){p.value=t;break}};let f=null;e.onMounted(()=>{e.nextTick(()=>{f=new ResizeObserver(m),f.observe(n.value)}),e.watch(()=>p.value,e=>{a("breakPointChange",{breakPoint:e})},{immediate:!0})}),e.onActivated(()=>{e.nextTick(()=>{f=new ResizeObserver(m),f.observe(n.value)})}),e.onUnmounted(()=>{f?.disconnect()}),e.onDeactivated(()=>{f?.disconnect()});const v=e.computed(()=>t.isNumber(r.gap)?`${r.gap}px`:t.isArray(r.gap)?`${r.gap[1]}px ${r.gap[0]}px`:"unset"),b=e.computed(()=>({display:"grid",gridGap:v.value,gridTemplateColumns:`repeat(${u.value}, minmax(0, 1fr))`}));return o.useRender(()=>{const o=s?.default()??[];if(r.collapsed){const e=[];let t=null;o.forEach(o=>{"object"==typeof o.type&&"FaLayoutGridItem"===o.type.name&&void 0!==o.props?.suffix&&(t=o),"symbol"==typeof o.type&&Array.isArray(o?.children)&&e.push(...o.children)});let r=0;t&&(r=(t.props[p.value]?.span??t.props?.span??1)+(t.props[p.value]?.offset??t.props?.offset??0));try{let o=!1;e.reduce((e=0,t,s)=>{if(e+=(t.props[p.value]?.span??t.props?.span??1)+(t.props[p.value]?.offset??t.props?.offset??0),Number(e)>d*Number(u.value)-r)throw i.value=s,o=!0,"find it";return e},0),o||(i.value=-1)}catch{}}else i.value=-1;return e.createVNode("div",{ref:n,style:b.value},[o])}),o.useExpose(l,{breakPoint:p})}});exports.default=r;
+//# sourceMappingURL=layoutGrid.js.map

package/lib/components/layoutGrid/src/layoutGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layoutGrid.js","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/lib/components/layoutGrid/src/layoutGrid.type.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @field xs 最小
+ * @field sm 小
+ * @field md 中等
+ * @field lg 大
+ * @field xl 最大
+ */
+export type FaLayoutGridBreakPoint = "xs" | "sm" | "md" | "lg" | "xl";
+export type FaLayoutGridItemResponsive = {
+    span?: number;
+    offset?: number;
+};

package/lib/components/layoutGrid/src/layoutGrid.type.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=layoutGrid.type.js.map

package/lib/components/layoutGrid/src/layoutGrid.type.js.map

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