fast-element-plus 1.0.2 → 1.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.full.js +159 -104
- package/dist/index.full.js.map +1 -1
- package/dist/index.full.min.js +1 -1
- package/dist/index.full.min.js.map +1 -1
- package/dist/index.full.min.mjs +1 -1
- package/dist/index.full.min.mjs.map +1 -1
- package/dist/index.full.mjs +159 -104
- package/dist/index.full.mjs.map +1 -1
- package/dist/styles/index.css +1 -1
- package/es/components/avatar/src/avatar.d.ts +10 -9
- package/es/components/avatar/src/avatar.mjs +1 -1
- package/es/components/avatar/src/avatar.mjs.map +1 -1
- package/es/components/button/src/button.d.ts +4 -4
- package/es/components/carNumber/src/carNumber.d.ts +3 -3
- package/es/components/dialog/src/dialog.mjs +1 -1
- package/es/components/dialog/src/dialog.mjs.map +1 -1
- package/es/components/drawer/src/drawer.mjs +1 -1
- package/es/components/drawer/src/drawer.mjs.map +1 -1
- package/es/components/form/src/formItem.d.ts +18 -4
- package/es/components/image/src/image.d.ts +7 -0
- package/es/components/image/src/image.mjs +1 -1
- package/es/components/image/src/image.mjs.map +1 -1
- package/es/components/index.mjs +1 -1
- package/es/components/table/index.d.ts +2 -2
- package/es/components/table/index.mjs +1 -1
- package/es/components/table/index.mjs.map +1 -1
- package/es/components/table/src/table.d.ts +45 -11
- package/es/components/table/src/table.mjs +1 -1
- package/es/components/table/src/table.mjs.map +1 -1
- package/es/components/table/src/table.state.d.ts +0 -4
- package/es/components/table/src/table.type.d.ts +3 -62
- package/es/components/table/src/table.type.mjs.map +1 -1
- package/es/components/table/src/tableColumn.d.ts +9 -0
- package/es/components/table/src/tableColumn.mjs +1 -1
- package/es/components/table/src/tableColumn.mjs.map +1 -1
- package/es/components/table/src/tableColumnSettingDialog.d.ts +3 -3
- package/es/components/table/src/tableColumnSettingDialog.mjs +1 -1
- package/es/components/table/src/tableColumnSettingDialog.mjs.map +1 -1
- package/es/components/table/src/useTable.mjs +1 -1
- package/es/components/table/src/useTable.mjs.map +1 -1
- package/es/components/table/utils/table.mjs +1 -1
- package/es/components/table/utils/table.mjs.map +1 -1
- package/es/components/upload/src/upload.d.ts +4 -4
- package/es/components/uploadImage/src/uploadImage.d.ts +4 -4
- package/es/components/uploadImages/src/uploadImages.d.ts +4 -4
- package/es/index.mjs +1 -1
- package/es/index.mjs.map +1 -1
- package/es/version.d.ts +1 -1
- package/es/version.mjs +1 -1
- package/es/version.mjs.map +1 -1
- package/lib/components/avatar/src/avatar.d.ts +10 -9
- package/lib/components/avatar/src/avatar.js +1 -1
- package/lib/components/avatar/src/avatar.js.map +1 -1
- package/lib/components/button/src/button.d.ts +4 -4
- package/lib/components/carNumber/src/carNumber.d.ts +3 -3
- package/lib/components/dialog/src/dialog.js +1 -1
- package/lib/components/dialog/src/dialog.js.map +1 -1
- package/lib/components/drawer/src/drawer.js +1 -1
- package/lib/components/drawer/src/drawer.js.map +1 -1
- package/lib/components/form/src/formItem.d.ts +18 -4
- package/lib/components/image/src/image.d.ts +7 -0
- package/lib/components/image/src/image.js +1 -1
- package/lib/components/image/src/image.js.map +1 -1
- package/lib/components/index.js +1 -1
- package/lib/components/table/index.d.ts +2 -2
- package/lib/components/table/index.js +1 -1
- package/lib/components/table/index.js.map +1 -1
- package/lib/components/table/src/table.d.ts +45 -11
- package/lib/components/table/src/table.js +1 -1
- package/lib/components/table/src/table.js.map +1 -1
- package/lib/components/table/src/table.state.d.ts +0 -4
- package/lib/components/table/src/table.type.d.ts +3 -62
- package/lib/components/table/src/table.type.js.map +1 -1
- package/lib/components/table/src/tableColumn.d.ts +9 -0
- package/lib/components/table/src/tableColumn.js +1 -1
- package/lib/components/table/src/tableColumn.js.map +1 -1
- package/lib/components/table/src/tableColumnSettingDialog.d.ts +3 -3
- package/lib/components/table/src/tableColumnSettingDialog.js +1 -1
- package/lib/components/table/src/tableColumnSettingDialog.js.map +1 -1
- package/lib/components/table/src/useTable.js +1 -1
- package/lib/components/table/src/useTable.js.map +1 -1
- package/lib/components/table/utils/table.js +1 -1
- package/lib/components/table/utils/table.js.map +1 -1
- package/lib/components/upload/src/upload.d.ts +4 -4
- package/lib/components/uploadImage/src/uploadImage.d.ts +4 -4
- package/lib/components/uploadImages/src/uploadImages.d.ts +4 -4
- package/lib/index.js +1 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/lib/version.js.map +1 -1
- package/package.json +5 -5
- package/styles/components/table.scss +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{isString as e,isFunction as n,isArray as t}from"lodash-unified";const
|
|
1
|
+
import{isString as e,isFunction as n,isArray as t}from"lodash-unified";const l={formatValue:e=>t(e)?e.length?e.join(" , "):null:e,handleRowAccordingToProp:(e,n)=>n.includes(".")?(n.split(".").forEach(n=>e=e[n]),e):e[n]??null,handleProp(e){const n=e.split(".");return 1===n.length?e:n[n.length-1]},filterEnum(e,n,l,r){const i=l?.value??"value",o=l?.label??"label";let s={};return t(n)&&(s=n.find(n=>n[i]===e)),"tag"===r?s?.type??"info":s?s[o]:null},arrayDynamicSort:e=>function(n,t){if(e&&e.length>0)for(const l of e){const e=l.enField,r=l.mode,i=n[e],o=t[e];if("string"==typeof i&&"string"==typeof o){if("ascending"===r){const e=i.localeCompare(o,"zh-CN");if(0!==e)return e}else if("descending"===r){const e=o.localeCompare(i,"zh-CN");if(0!==e)return e}}else if("ascending"===r){if(i<o)return-1;if(i>o)return 1}else if("descending"===r){if(i>o)return-1;if(i<o)return 1}}return 0},setEnumMap(e,l,r){e&&(n(e)?e().then(e=>{r.set(l,e)}):t(e)&&r.set(l,e))},flatColumns(n,t){const l=[];return n.forEach(n=>{n._children?.length&&l.push(...this.flatColumns(n._children)),l.push(n),n.show=n.show??!0;let r=n.prop??n.search?.key;n.enum&&e(n.enum)&&(r=n.enum),this.setEnumMap(n.enum,r,t)}),l.filter(e=>!e._children?.length)}};export{l as tableUtil};
|
|
2
2
|
//# sourceMappingURL=table.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.mjs","sources":["../../../../../packages/components/table/utils/table.ts"],"sourcesContent":["import { isArray, isFunction, isString } from \"lodash-unified\";\nimport type { FaTableColumnCtx, FaTableEnumColumnCtx, FaTableEnumColumnType, PagedSortInput } from \"@fast-element-plus/components\";\n\n/**\n * 表格工具类\n */\nexport const tableUtil = {\n\t/**\n\t * @description 处理无数据情况\n\t * @param {String} callValue 需要处理的值\n\t */\n\tformatValue(callValue: any): any {\n\t\t// 如果当前值为数组,使用 / 拼接(根据需求自定义)\n\t\t// if (isArray(callValue)) return callValue.length ? callValue.join(\" / \") : \"--\";\n\t\tif (isArray(callValue)) return callValue.length ? callValue.join(` , `) : null;\n\t\t// return callValue ?? \"--\";\n\t\treturn callValue;\n\t},\n\t/**\n\t * @description 处理 prop 为多级嵌套的情况(列如: prop:user.name)\n\t * @param {Object} row 当前行数据\n\t * @param {String} prop 当前 prop\n\t */\n\thandleRowAccordingToProp(row: any, prop: string): any {\n\t\t// if (!prop.includes(\".\")) return row[prop] ?? \"--\";\n\t\tif (!prop.includes(\".\")) return row[prop] ?? null;\n\t\t// prop.split(\".\").forEach((item) => (row = row[item] ?? \"--\"));\n\t\tprop.split(\".\").forEach((item) => (row = row[item]));\n\t\treturn row;\n\t},\n\t/**\n\t * @description 处理 prop,当 prop 为多级嵌套时 ==> 返回最后一级 prop\n\t * @param {String} prop 当前 prop\n\t */\n\thandleProp(prop: string): string {\n\t\tconst propArr = prop.split(\".\");\n\t\tif (propArr.length === 1) return prop;\n\t\treturn propArr[propArr.length - 1];\n\t},\n\t/**\n\t * @description 根据枚举列表查询当需要的数据(如果指定了 label 和 value 的 key值,会自动识别格式化)\n\t * @param {String} callValue 当前单元格值\n\t * @param {Array} enumData 字典列表\n\t * @param {Array} fieldNames 指定 label && value 的 key 值\n\t * @param {String} type 过滤类型(目前只有 tag)\n\t */\n\tfilterEnum(callValue: any, enumData: FaTableEnumColumnCtx[], fieldNames?: { label: string; value: string }, type?: \"tag\"): string {\n\t\tconst value = fieldNames?.value ?? \"value\";\n\t\tconst label = fieldNames?.label ?? \"label\";\n\t\tlet filterData: any = {};\n\t\tif (isArray(enumData)) {\n\t\t\tfilterData = enumData.find((item: any) => item[value] === callValue);\n\t\t}\n\t\tif (type === \"tag\") {\n\t\t\treturn filterData?.type ?? \"
|
|
1
|
+
{"version":3,"file":"table.mjs","sources":["../../../../../packages/components/table/utils/table.ts"],"sourcesContent":["import { isArray, isFunction, isString } from \"lodash-unified\";\nimport type { FaTableColumnCtx, FaTableEnumColumnCtx, FaTableEnumColumnType, PagedSortInput } from \"@fast-element-plus/components\";\n\n/**\n * 表格工具类\n */\nexport const tableUtil = {\n\t/**\n\t * @description 处理无数据情况\n\t * @param {String} callValue 需要处理的值\n\t */\n\tformatValue(callValue: any): any {\n\t\t// 如果当前值为数组,使用 / 拼接(根据需求自定义)\n\t\t// if (isArray(callValue)) return callValue.length ? callValue.join(\" / \") : \"--\";\n\t\tif (isArray(callValue)) return callValue.length ? callValue.join(` , `) : null;\n\t\t// return callValue ?? \"--\";\n\t\treturn callValue;\n\t},\n\t/**\n\t * @description 处理 prop 为多级嵌套的情况(列如: prop:user.name)\n\t * @param {Object} row 当前行数据\n\t * @param {String} prop 当前 prop\n\t */\n\thandleRowAccordingToProp(row: any, prop: string): any {\n\t\t// if (!prop.includes(\".\")) return row[prop] ?? \"--\";\n\t\tif (!prop.includes(\".\")) return row[prop] ?? null;\n\t\t// prop.split(\".\").forEach((item) => (row = row[item] ?? \"--\"));\n\t\tprop.split(\".\").forEach((item) => (row = row[item]));\n\t\treturn row;\n\t},\n\t/**\n\t * @description 处理 prop,当 prop 为多级嵌套时 ==> 返回最后一级 prop\n\t * @param {String} prop 当前 prop\n\t */\n\thandleProp(prop: string): string {\n\t\tconst propArr = prop.split(\".\");\n\t\tif (propArr.length === 1) return prop;\n\t\treturn propArr[propArr.length - 1];\n\t},\n\t/**\n\t * @description 根据枚举列表查询当需要的数据(如果指定了 label 和 value 的 key值,会自动识别格式化)\n\t * @param {String} callValue 当前单元格值\n\t * @param {Array} enumData 字典列表\n\t * @param {Array} fieldNames 指定 label && value 的 key 值\n\t * @param {String} type 过滤类型(目前只有 tag)\n\t */\n\tfilterEnum(callValue: any, enumData: FaTableEnumColumnCtx[], fieldNames?: { label: string; value: string }, type?: \"tag\"): string {\n\t\tconst value = fieldNames?.value ?? \"value\";\n\t\tconst label = fieldNames?.label ?? \"label\";\n\t\tlet filterData: any = {};\n\t\tif (isArray(enumData)) {\n\t\t\tfilterData = enumData.find((item: any) => item[value] === callValue);\n\t\t}\n\t\tif (type === \"tag\") {\n\t\t\treturn filterData?.type ?? \"info\";\n\t\t}\n\t\t// return filterData ? filterData[label] : \"--\";\n\t\treturn filterData ? filterData[label] : null;\n\t},\n\t/**\n\t * 数组动态排序\n\t */\n\tarrayDynamicSort(sortList: PagedSortInput[]): (a: any, b: any) => number {\n\t\treturn function (a: any, b: any) {\n\t\t\tif (sortList && sortList.length > 0) {\n\t\t\t\tfor (const condition of sortList) {\n\t\t\t\t\tconst property = condition.enField;\n\t\t\t\t\tconst order = condition.mode;\n\n\t\t\t\t\tconst aValue = a[property];\n\t\t\t\t\tconst bValue = b[property];\n\n\t\t\t\t\tif (typeof aValue === \"string\" && typeof bValue === \"string\") {\n\t\t\t\t\t\tif (order === \"ascending\") {\n\t\t\t\t\t\t\tconst comparison = aValue.localeCompare(bValue, \"zh-CN\");\n\t\t\t\t\t\t\tif (comparison !== 0) {\n\t\t\t\t\t\t\t\treturn comparison;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else if (order === \"descending\") {\n\t\t\t\t\t\t\tconst comparison = bValue.localeCompare(aValue, \"zh-CN\");\n\t\t\t\t\t\t\tif (comparison !== 0) {\n\t\t\t\t\t\t\t\treturn comparison;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (order === \"ascending\") {\n\t\t\t\t\t\t\tif (aValue < bValue) return -1;\n\t\t\t\t\t\t\tif (aValue > bValue) return 1;\n\t\t\t\t\t\t} else if (order === \"descending\") {\n\t\t\t\t\t\t\tif (aValue > bValue) return -1;\n\t\t\t\t\t\t\tif (aValue < bValue) return 1;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn 0;\n\t\t};\n\t},\n\t/**\n\t * 设置枚举\n\t */\n\tsetEnumMap(columnEnum: FaTableEnumColumnType, prop: string, enumMap: Map<string, FaTableEnumColumnCtx[]>): void {\n\t\tif (!columnEnum) return;\n\t\tif (isFunction(columnEnum)) {\n\t\t\tcolumnEnum().then((res) => {\n\t\t\t\tenumMap.set(prop, res);\n\t\t\t});\n\t\t} else if (isArray(columnEnum)) {\n\t\t\tenumMap.set(prop, columnEnum);\n\t\t}\n\t},\n\t/**\n\t * 扁平化 columns\n\t */\n\tflatColumns(columns: FaTableColumnCtx[], enumMap?: Map<string, FaTableEnumColumnCtx[]>): FaTableColumnCtx[] {\n\t\tconst flatArr: FaTableColumnCtx[] = [];\n\t\tcolumns.forEach((col) => {\n\t\t\tif (col._children?.length) {\n\t\t\t\tflatArr.push(...this.flatColumns(col._children));\n\t\t\t}\n\n\t\t\tflatArr.push(col);\n\n\t\t\t// 给每一项 column 添加 show && filterEnum 默认属性\n\t\t\tcol.show = col.show ?? true;\n\t\t\t// col.filterEnum = col.filterEnum ?? col.tag ?? false;\n\n\t\t\tlet enumKey = col.prop ?? col.search?.key;\n\n\t\t\tif (col.enum && isString(col.enum)) {\n\t\t\t\tenumKey = col.enum;\n\t\t\t}\n\n\t\t\t// 设置 enumMap\n\t\t\tthis.setEnumMap(col.enum, enumKey, enumMap);\n\t\t});\n\t\treturn flatArr.filter((item) => !item._children?.length);\n\t},\n};\n"],"names":["tableUtil","formatValue","callValue","isArray","length","join","handleRowAccordingToProp","row","prop","includes","split","forEach","item","handleProp","propArr","filterEnum","enumData","fieldNames","type","value","label","filterData","find","arrayDynamicSort","sortList","a","b","condition","property","enField","order","mode","aValue","bValue","comparison","localeCompare","setEnumMap","columnEnum","enumMap","isFunction","then","res","set","flatColumns","columns","flatArr","col","_children","push","this","show","enumKey","search","key","enum","isString","filter"],"mappings":"uEAMO,MAAMA,EAAY,CAKxBC,YAAYC,GAGPC,EAAQD,GAAmBA,EAAUE,OAASF,EAAUG,KAAK,OAAS,KAEnEH,EAORI,yBAAA,CAAyBC,EAAUC,IAE7BA,EAAKC,SAAS,MAEnBD,EAAKE,MAAM,KAAKC,QAASC,GAAUL,EAAMA,EAAIK,IACtCL,GAHyBA,EAAIC,IAAS,KAS9C,UAAAK,CAAWL,GACV,MAAMM,EAAUN,EAAKE,MAAM,KAC3B,OAAuB,IAAnBI,EAAQV,OAAqBI,EAC1BM,EAAQA,EAAQV,OAAS,EACjC,EAQA,UAAAW,CAAWb,EAAgBc,EAAkCC,EAA+CC,GAC3G,MAAMC,EAAQF,GAAYE,OAAS,QAC7BC,EAAQH,GAAYG,OAAS,QACnC,IAAIC,EAAkB,CAAA,EAItB,OAHIlB,EAAQa,KACXK,EAAaL,EAASM,KAAMV,GAAcA,EAAKO,KAAWjB,IAE9C,QAATgB,EACIG,GAAYH,MAAQ,OAGrBG,EAAaA,EAAWD,GAAS,IACzC,EAIAG,iBAAiBC,GACT,SAAUC,EAAQC,GACxB,GAAIF,GAAYA,EAASpB,OAAS,EACjC,IAAA,MAAWuB,KAAaH,EAAU,CACjC,MAAMI,EAAWD,EAAUE,QACrBC,EAAQH,EAAUI,KAElBC,EAASP,EAAEG,GACXK,EAASP,EAAEE,GAEjB,GAAsB,iBAAXI,GAAyC,iBAAXC,GACxC,GAAc,cAAVH,EAAuB,CAC1B,MAAMI,EAAaF,EAAOG,cAAcF,EAAQ,SAChD,GAAmB,IAAfC,EACH,OAAOA,CAET,MAAA,GAAqB,eAAVJ,EAAwB,CAClC,MAAMI,EAAaD,EAAOE,cAAcH,EAAQ,SAChD,GAAmB,IAAfE,EACH,OAAOA,CAET,OAEA,GAAc,cAAVJ,EAAuB,CAC1B,GAAIE,EAASC,EAAQ,OAAO,EAC5B,GAAID,EAASC,EAAQ,OAAO,CAC7B,MAAA,GAAqB,eAAVH,EAAwB,CAClC,GAAIE,EAASC,EAAQ,OAAO,EAC5B,GAAID,EAASC,EAAQ,OAAO,CAC7B,CAEF,CAGD,OAAO,CACR,EAKD,UAAAG,CAAWC,EAAmC7B,EAAc8B,GACtDD,IACDE,EAAWF,GACdA,IAAaG,KAAMC,IAClBH,EAAQI,IAAIlC,EAAMiC,KAETtC,EAAQkC,IAClBC,EAAQI,IAAIlC,EAAM6B,GAEpB,EAIA,WAAAM,CAAYC,EAA6BN,GACxC,MAAMO,EAA8B,GAqBpC,OApBAD,EAAQjC,QAASmC,IACZA,EAAIC,WAAW3C,QAClByC,EAAQG,QAAQC,KAAKN,YAAYG,EAAIC,YAGtCF,EAAQG,KAAKF,GAGbA,EAAII,KAAOJ,EAAII,OAAQ,EAGvB,IAAIC,EAAUL,EAAItC,MAAQsC,EAAIM,QAAQC,IAElCP,EAAIQ,MAAQC,EAAST,EAAIQ,QAC5BH,EAAUL,EAAIQ,MAIfL,KAAKb,WAAWU,EAAIQ,KAAMH,EAASb,KAE7BO,EAAQW,OAAQ5C,IAAUA,EAAKmC,WAAW3C,OAClD"}
|
|
@@ -133,7 +133,7 @@ export declare const faUploadProps: {
|
|
|
133
133
|
new (): any;
|
|
134
134
|
readonly prototype: any;
|
|
135
135
|
})[], unknown, unknown, import('element-plus').UploadRequestHandler, boolean>;
|
|
136
|
-
disabled: BooleanConstructor
|
|
136
|
+
disabled: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
|
|
137
137
|
};
|
|
138
138
|
export declare const faUploadEmits: {
|
|
139
139
|
/** @description v-model 回调 */
|
|
@@ -290,7 +290,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
290
290
|
new (): any;
|
|
291
291
|
readonly prototype: any;
|
|
292
292
|
})[], unknown, unknown, import('element-plus').UploadRequestHandler, boolean>;
|
|
293
|
-
disabled: BooleanConstructor
|
|
293
|
+
disabled: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
|
|
294
294
|
}>, {
|
|
295
295
|
/** @description 取消上传请求 */
|
|
296
296
|
abort: import('vue').ComputedRef<(file: import('element-plus/es/components/upload/src/upload.mjs').UploadFile) => void>;
|
|
@@ -491,7 +491,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
491
491
|
new (): any;
|
|
492
492
|
readonly prototype: any;
|
|
493
493
|
})[], unknown, unknown, import('element-plus').UploadRequestHandler, boolean>;
|
|
494
|
-
disabled: BooleanConstructor
|
|
494
|
+
disabled: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
|
|
495
495
|
}>> & Readonly<{
|
|
496
496
|
"onUpdate:modelValue"?: (value: string | string[]) => any;
|
|
497
497
|
onChange?: (value: string | string[]) => any;
|
|
@@ -500,7 +500,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
500
500
|
name: string;
|
|
501
501
|
onError: (error: Error, uploadFile: UploadFile, uploadFiles: import('element-plus').UploadFiles) => void;
|
|
502
502
|
data: import('element-plus/es/utils/typescript.mjs').Mutable<{}>;
|
|
503
|
-
disabled:
|
|
503
|
+
disabled: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
504
504
|
onChange: (uploadFile: UploadFile, uploadFiles: import('element-plus').UploadFiles) => void;
|
|
505
505
|
drag: boolean;
|
|
506
506
|
onProgress: (evt: import('element-plus').UploadProgressEvent, uploadFile: UploadFile, uploadFiles: import('element-plus').UploadFiles) => void;
|
|
@@ -150,7 +150,7 @@ export declare const faUploadImageProps: {
|
|
|
150
150
|
new (): any;
|
|
151
151
|
readonly prototype: any;
|
|
152
152
|
})[], unknown, unknown, import('element-plus').UploadRequestHandler, boolean>;
|
|
153
|
-
disabled: BooleanConstructor
|
|
153
|
+
disabled: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
|
|
154
154
|
limit: NumberConstructor;
|
|
155
155
|
};
|
|
156
156
|
export declare const faUploadImageEmits: {
|
|
@@ -316,7 +316,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
316
316
|
new (): any;
|
|
317
317
|
readonly prototype: any;
|
|
318
318
|
})[], unknown, unknown, import('element-plus').UploadRequestHandler, boolean>;
|
|
319
|
-
disabled: BooleanConstructor
|
|
319
|
+
disabled: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
|
|
320
320
|
limit: NumberConstructor;
|
|
321
321
|
}>, {
|
|
322
322
|
/** @description 取消上传请求 */
|
|
@@ -539,7 +539,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
539
539
|
new (): any;
|
|
540
540
|
readonly prototype: any;
|
|
541
541
|
})[], unknown, unknown, import('element-plus').UploadRequestHandler, boolean>;
|
|
542
|
-
disabled: BooleanConstructor
|
|
542
|
+
disabled: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
|
|
543
543
|
limit: NumberConstructor;
|
|
544
544
|
}>> & Readonly<{
|
|
545
545
|
"onUpdate:modelValue"?: (value: string | string[]) => any;
|
|
@@ -549,7 +549,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
549
549
|
name: string;
|
|
550
550
|
onError: (error: Error, uploadFile: import('element-plus').UploadFile, uploadFiles: import('element-plus').UploadFiles) => void;
|
|
551
551
|
data: import('element-plus/es/utils/typescript.mjs').Mutable<{}>;
|
|
552
|
-
disabled:
|
|
552
|
+
disabled: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
553
553
|
onChange: (uploadFile: import('element-plus').UploadFile, uploadFiles: import('element-plus').UploadFiles) => void;
|
|
554
554
|
width: string | number;
|
|
555
555
|
drag: boolean;
|
|
@@ -141,7 +141,7 @@ export declare const faUploadImagesProps: {
|
|
|
141
141
|
new (): any;
|
|
142
142
|
readonly prototype: any;
|
|
143
143
|
})[], unknown, unknown, import('element-plus').UploadRequestHandler, boolean>;
|
|
144
|
-
disabled: BooleanConstructor
|
|
144
|
+
disabled: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
|
|
145
145
|
};
|
|
146
146
|
export declare const faUploadImagesEmits: {
|
|
147
147
|
/** @description v-model 回调 */
|
|
@@ -297,7 +297,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
297
297
|
new (): any;
|
|
298
298
|
readonly prototype: any;
|
|
299
299
|
})[], unknown, unknown, import('element-plus').UploadRequestHandler, boolean>;
|
|
300
|
-
disabled: BooleanConstructor
|
|
300
|
+
disabled: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
|
|
301
301
|
}>, {
|
|
302
302
|
/** @description 取消上传请求 */
|
|
303
303
|
abort: import('vue').ComputedRef<(file: import('element-plus/es/components/upload/src/upload.mjs').UploadFile) => void>;
|
|
@@ -510,7 +510,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
510
510
|
new (): any;
|
|
511
511
|
readonly prototype: any;
|
|
512
512
|
})[], unknown, unknown, import('element-plus').UploadRequestHandler, boolean>;
|
|
513
|
-
disabled: BooleanConstructor
|
|
513
|
+
disabled: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
|
|
514
514
|
}>> & Readonly<{
|
|
515
515
|
"onUpdate:modelValue"?: (value: string[]) => any;
|
|
516
516
|
onChange?: (value: string[]) => any;
|
|
@@ -519,7 +519,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
519
519
|
name: string;
|
|
520
520
|
onError: (error: Error, uploadFile: UploadFile, uploadFiles: import('element-plus').UploadFiles) => void;
|
|
521
521
|
data: import('element-plus/es/utils/typescript.mjs').Mutable<{}>;
|
|
522
|
-
disabled:
|
|
522
|
+
disabled: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
523
523
|
onChange: (uploadFile: UploadFile, uploadFiles: import('element-plus').UploadFiles) => void;
|
|
524
524
|
drag: boolean;
|
|
525
525
|
onProgress: (evt: import('element-plus').UploadProgressEvent, uploadFile: UploadFile, uploadFiles: import('element-plus').UploadFiles) => void;
|
package/es/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{makeInstaller as o}from"./make-installer.mjs";import{INSTALLED_KEY as m}from"./make-installer.mjs";import*as e from"./components/index.mjs";import"./constants/index.mjs";import"./directives/index.mjs";import"./hooks/index.mjs";import{Decimal as r}from"decimal.js";import{FaAvatar as t}from"./components/avatar/index.mjs";import{FaButton as s}from"./components/button/index.mjs";import{faButtonEmits as n,faButtonProps as i}from"./components/button/src/button.mjs";import{CarNumberArea as p,CarNumberDigit as c,CarNumberLetter as f}from"./components/carNumber/src/common.mjs";import{FaCarNumber as l}from"./components/carNumber/index.mjs";import{FaContextMenu as j}from"./components/contextMenu/index.mjs";import{FaDialog as d}from"./components/dialog/index.mjs";import{faDialogEmits as a,faDialogProps as x}from"./components/dialog/src/dialog.mjs";import{FaDrawer as u}from"./components/drawer/index.mjs";import{formUtil as g}from"./components/form/utils/form.mjs";import{FaForm as b,FaFormItem as k}from"./components/form/index.mjs";import{faFormProps as v}from"./components/form/src/form.mjs";import{faFormItemProps as I}from"./components/form/src/formItem.mjs";import{FaFormItemTip as y}from"./components/formItemTip/index.mjs";import{faFormItemTipProps as h}from"./components/formItemTip/src/formItemTip.mjs";import{FaIcon as P}from"./components/icon/index.mjs";import{FaIconSelector as S}from"./components/iconSelector/index.mjs";import{FaImage as T}from"./components/image/index.mjs";import{faImageProps as V}from"./components/image/src/image.mjs";import{FaLayoutGrid as F,FaLayoutGridItem as N}from"./components/layoutGrid/index.mjs";import{FaSelect as w,FaSelectOption as C}from"./components/select/index.mjs";import{SelectProps as E,faSelectProps as G}from"./components/select/src/select.mjs";import{FaSelectPage as M}from"./components/selectPage/index.mjs";import{faSelectPageEmits as q,faSelectPageProps as z}from"./components/selectPage/src/selectPage.mjs";import{FaSelectV2 as A}from"./components/selectV2/index.mjs";import{SelectV2Props as B,faSelectV2Props as D}from"./components/selectV2/src/selectV2.mjs";import{PagedSearchTypeEnum as H}from"./components/table/src/page.type.mjs";import{getTableDefaultSlots as J}from"./components/table/src/table.type.mjs";import{tableUtil as K}from"./components/table/utils/table.mjs";import{FaTable as L,FaTableColumn as O}from"./components/table/index.mjs";import{tableProps as
|
|
1
|
+
import{makeInstaller as o}from"./make-installer.mjs";import{INSTALLED_KEY as m}from"./make-installer.mjs";import*as e from"./components/index.mjs";import"./constants/index.mjs";import"./directives/index.mjs";import"./hooks/index.mjs";import{Decimal as r}from"decimal.js";import{FaAvatar as t}from"./components/avatar/index.mjs";import{FaButton as s}from"./components/button/index.mjs";import{faButtonEmits as n,faButtonProps as i}from"./components/button/src/button.mjs";import{CarNumberArea as p,CarNumberDigit as c,CarNumberLetter as f}from"./components/carNumber/src/common.mjs";import{FaCarNumber as l}from"./components/carNumber/index.mjs";import{FaContextMenu as j}from"./components/contextMenu/index.mjs";import{FaDialog as d}from"./components/dialog/index.mjs";import{faDialogEmits as a,faDialogProps as x}from"./components/dialog/src/dialog.mjs";import{FaDrawer as u}from"./components/drawer/index.mjs";import{formUtil as g}from"./components/form/utils/form.mjs";import{FaForm as b,FaFormItem as k}from"./components/form/index.mjs";import{faFormProps as v}from"./components/form/src/form.mjs";import{faFormItemProps as I}from"./components/form/src/formItem.mjs";import{FaFormItemTip as y}from"./components/formItemTip/index.mjs";import{faFormItemTipProps as h}from"./components/formItemTip/src/formItemTip.mjs";import{FaIcon as P}from"./components/icon/index.mjs";import{FaIconSelector as S}from"./components/iconSelector/index.mjs";import{FaImage as T}from"./components/image/index.mjs";import{faImageProps as V}from"./components/image/src/image.mjs";import{FaLayoutGrid as F,FaLayoutGridItem as N}from"./components/layoutGrid/index.mjs";import{FaSelect as w,FaSelectOption as C}from"./components/select/index.mjs";import{SelectProps as E,faSelectProps as G}from"./components/select/src/select.mjs";import{FaSelectPage as M}from"./components/selectPage/index.mjs";import{faSelectPageEmits as q,faSelectPageProps as z}from"./components/selectPage/src/selectPage.mjs";import{FaSelectV2 as A}from"./components/selectV2/index.mjs";import{SelectV2Props as B,faSelectV2Props as D}from"./components/selectV2/src/selectV2.mjs";import{PagedSearchTypeEnum as H}from"./components/table/src/page.type.mjs";import{getTableDefaultSlots as J}from"./components/table/src/table.type.mjs";import{tableUtil as K}from"./components/table/utils/table.mjs";import{FaTable as L,FaTableColumn as O}from"./components/table/index.mjs";import{faTableEmits as Q,faTableProps as R,tableProps as U}from"./components/table/src/table.mjs";import{tableColumnProps as W}from"./components/table/src/tableColumn.mjs";import{FaTree as X}from"./components/tree/index.mjs";import{faTreeEmits as Y,faTreeProps as Z}from"./components/tree/src/tree.mjs";import{FaTreeSelect as $}from"./components/treeSelect/index.mjs";import{faTreeSelectEmits as _,faTreeSelectProps as oo}from"./components/treeSelect/src/treeSelect.mjs";import{FaUpload as mo}from"./components/upload/index.mjs";import{faUploadEmits as eo,faUploadProps as ro}from"./components/upload/src/upload.mjs";import{FaUploadImage as to}from"./components/uploadImage/index.mjs";import{faUploadImageEmits as so,faUploadImageProps as no}from"./components/uploadImage/src/uploadImage.mjs";import{FaUploadImages as io}from"./components/uploadImages/index.mjs";import{FaMimeType as po}from"./constants/mime.mjs";import{RegExps as co}from"./constants/regex.mjs";import{vCopy as fo}from"./directives/click-copy/index.mjs";import{vDebounce as lo}from"./directives/click-debounce/index.mjs";import{vDraggable as jo}from"./directives/click-draggable/index.mjs";import{vIconCopy as ao}from"./directives/click-icon-copy/index.mjs";import{vLongpress as xo}from"./directives/click-longpress/index.mjs";import{vThrottle as uo}from"./directives/click-throttle/index.mjs";import{useLoading as go}from"./hooks/use-loading/index.mjs";import{useOverlay as bo}from"./hooks/use-overlay/index.mjs";import{useScreenFull as ko}from"./hooks/use-screenFull/index.mjs";const vo=o(),Io=vo.install,yo=vo.version;export{p as CarNumberArea,c as CarNumberDigit,f as CarNumberLetter,r as Decimal,t as FaAvatar,s as FaButton,l as FaCarNumber,j as FaContextMenu,d as FaDialog,u as FaDrawer,b as FaForm,k as FaFormItem,y as FaFormItemTip,P as FaIcon,S as FaIconSelector,T as FaImage,F as FaLayoutGrid,N as FaLayoutGridItem,po as FaMimeType,w as FaSelect,C as FaSelectOption,M as FaSelectPage,A as FaSelectV2,L as FaTable,O as FaTableColumn,X as FaTree,$ as FaTreeSelect,mo as FaUpload,to as FaUploadImage,io as FaUploadImages,e as FastElementPlus,m as INSTALLED_KEY,H as PagedSearchTypeEnum,co as RegExps,E as SelectProps,B as SelectV2Props,vo as default,n as faButtonEmits,i as faButtonProps,a as faDialogEmits,x as faDialogProps,I as faFormItemProps,h as faFormItemTipProps,v as faFormProps,V as faImageProps,q as faSelectPageEmits,z as faSelectPageProps,G as faSelectProps,D as faSelectV2Props,Q as faTableEmits,R as faTableProps,Y as faTreeEmits,Z as faTreeProps,_ as faTreeSelectEmits,oo as faTreeSelectProps,eo as faUploadEmits,so as faUploadImageEmits,no as faUploadImageProps,ro as faUploadProps,g as formUtil,J as getTableDefaultSlots,Io as install,W as tableColumnProps,U as tableProps,K as tableUtil,go as useLoading,bo as useOverlay,ko as useScreenFull,fo as vCopy,lo as vDebounce,jo as vDraggable,ao as vIconCopy,xo as vLongpress,uo as vThrottle,yo as version};
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
package/es/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../packages/index.ts"],"sourcesContent":["import { makeInstaller } from \"./make-installer\";\n\nexport { INSTALLED_KEY } from \"./make-installer\";\nexport * as FastElementPlus from \"@fast-element-plus/components\";\n\nexport * from \"@fast-element-plus/components\";\nexport * from \"@fast-element-plus/constants\";\nexport * from \"@fast-element-plus/directives\";\nexport * from \"@fast-element-plus/hooks\";\n\nexport { Decimal } from \"decimal.js\";\n\nconst installer = makeInstaller();\n\nexport const install = installer.install;\nexport const version = installer.version;\nexport default installer;\n"],"names":["installer","makeInstaller","install","version"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../packages/index.ts"],"sourcesContent":["import { makeInstaller } from \"./make-installer\";\n\nexport { INSTALLED_KEY } from \"./make-installer\";\nexport * as FastElementPlus from \"@fast-element-plus/components\";\n\nexport * from \"@fast-element-plus/components\";\nexport * from \"@fast-element-plus/constants\";\nexport * from \"@fast-element-plus/directives\";\nexport * from \"@fast-element-plus/hooks\";\n\nexport { Decimal } from \"decimal.js\";\n\nconst installer = makeInstaller();\n\nexport const install = installer.install;\nexport const version = installer.version;\nexport default installer;\n"],"names":["installer","makeInstaller","install","version"],"mappings":"83HAYA,MAAMA,GAAYC,IAELC,GAAUF,GAAUE,QACpBC,GAAUH,GAAUG"}
|
package/es/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "1.0.
|
|
1
|
+
export declare const version = "1.0.4";
|
package/es/version.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const o="1.0.
|
|
1
|
+
const o="1.0.4";export{o as version};
|
|
2
2
|
//# sourceMappingURL=version.mjs.map
|
package/es/version.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"version.mjs","sources":["../../packages/version.ts"],"sourcesContent":["export const version = \"1.0.
|
|
1
|
+
{"version":3,"file":"version.mjs","sources":["../../packages/version.ts"],"sourcesContent":["export const version = \"1.0.4\";\n"],"names":["version"],"mappings":"AAAO,MAAMA,EAAU"}
|
|
@@ -5,9 +5,9 @@ export declare const faAvatarProps: {
|
|
|
5
5
|
type: import('vue').PropType<string | Component>;
|
|
6
6
|
default: () => string | Component;
|
|
7
7
|
};
|
|
8
|
-
/**
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
/** @description Base64图片 */
|
|
9
|
+
base64: BooleanConstructor;
|
|
10
|
+
/** @description 原图 */
|
|
11
11
|
original: BooleanConstructor;
|
|
12
12
|
/** @description 标准 */
|
|
13
13
|
normal: BooleanConstructor;
|
|
@@ -37,9 +37,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
37
37
|
type: import('vue').PropType<string | Component>;
|
|
38
38
|
default: () => string | Component;
|
|
39
39
|
};
|
|
40
|
-
/**
|
|
41
|
-
|
|
42
|
-
|
|
40
|
+
/** @description Base64图片 */
|
|
41
|
+
base64: BooleanConstructor;
|
|
42
|
+
/** @description 原图 */
|
|
43
43
|
original: BooleanConstructor;
|
|
44
44
|
/** @description 标准 */
|
|
45
45
|
normal: BooleanConstructor;
|
|
@@ -64,9 +64,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
64
64
|
type: import('vue').PropType<string | Component>;
|
|
65
65
|
default: () => string | Component;
|
|
66
66
|
};
|
|
67
|
-
/**
|
|
68
|
-
|
|
69
|
-
|
|
67
|
+
/** @description Base64图片 */
|
|
68
|
+
base64: BooleanConstructor;
|
|
69
|
+
/** @description 原图 */
|
|
70
70
|
original: BooleanConstructor;
|
|
71
71
|
/** @description 标准 */
|
|
72
72
|
normal: BooleanConstructor;
|
|
@@ -86,6 +86,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
86
86
|
small: boolean;
|
|
87
87
|
size: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number>;
|
|
88
88
|
icon: string | Component;
|
|
89
|
+
base64: boolean;
|
|
89
90
|
original: boolean;
|
|
90
91
|
normal: boolean;
|
|
91
92
|
thumb: boolean;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("element-plus"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("element-plus"),a=require("@element-plus/icons-vue"),s=require("@fast-china/utils"),t={...r.avatarProps,icon:{type:s.definePropType([String,Object,Function]),default:()=>a.Picture},base64:Boolean,original:Boolean,normal:Boolean,small:Boolean,thumb:Boolean},o={...r.avatarEmits},l=e.defineComponent({name:"FaAvatar",props:t,emits:o,slots:s.makeSlots(),setup(a,{attrs:t,slots:o,emit:l,expose:n}){const u=e.reactive({src:e.computed(()=>{if(a.src)return a.base64?`data:image/png;base64,${a.src}`:a.original?a.src:a.normal?`${a.src}@!normal`:a.small?`${a.src}@!small`:(a.thumb,`${a.src}@!thumb`)})}),c=s.useProps(a,r.avatarProps,["src"]);return s.useRender(()=>e.createVNode(r.ElAvatar,e.mergeProps(c.value,{class:"fa-avatar",src:u.src,onError:e=>l("error",e)}),{default:()=>[o.default&&o.default({src:u.src})]})),s.useExpose(n,{src:u.src})}});exports.default=l,exports.faAvatarEmits=o,exports.faAvatarProps=t;
|
|
2
2
|
//# sourceMappingURL=avatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.js","sources":["../../../../../packages/components/avatar/src/avatar.tsx"],"sourcesContent":["import { computed, defineComponent, reactive } from \"vue\";\nimport { ElAvatar, avatarEmits, avatarProps } from \"element-plus\";\nimport { Picture } from \"@element-plus/icons-vue\";\nimport { definePropType, makeSlots, useExpose, useProps, useRender } from \"@fast-china/utils\";\nimport type { Component } from \"vue\";\n\nexport const faAvatarProps = {\n\t...avatarProps,\n\t/** @description representation type to icon, more info on icon component. */\n\ticon: {\n\t\ttype: definePropType<string | Component>([String, Object, Function]),\n\t\tdefault: (): string | Component => Picture,\n\t},\n\t
|
|
1
|
+
{"version":3,"file":"avatar.js","sources":["../../../../../packages/components/avatar/src/avatar.tsx"],"sourcesContent":["import { computed, defineComponent, reactive } from \"vue\";\nimport { ElAvatar, avatarEmits, avatarProps } from \"element-plus\";\nimport { Picture } from \"@element-plus/icons-vue\";\nimport { definePropType, makeSlots, useExpose, useProps, useRender } from \"@fast-china/utils\";\nimport type { Component } from \"vue\";\n\nexport const faAvatarProps = {\n\t...avatarProps,\n\t/** @description representation type to icon, more info on icon component. */\n\ticon: {\n\t\ttype: definePropType<string | Component>([String, Object, Function]),\n\t\tdefault: (): string | Component => Picture,\n\t},\n\t/** @description Base64图片 */\n\tbase64: Boolean,\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};\n\nexport const faAvatarEmits = {\n\t...avatarEmits,\n};\n\ntype FaAvatarSlots = {\n\t/** @description 默认内容插槽 */\n\tdefault: { src: string };\n};\n\nexport default defineComponent({\n\tname: \"FaAvatar\",\n\tprops: faAvatarProps,\n\temits: faAvatarEmits,\n\tslots: makeSlots<FaAvatarSlots>(),\n\tsetup(props, { attrs, slots, emit, 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.base64) {\n\t\t\t\t\treturn `data:image/png;base64,${props.src}`;\n\t\t\t\t} else if (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});\n\n\t\tconst elAvatarProps = useProps(props, avatarProps, [\"src\"]);\n\n\t\tuseRender(() => (\n\t\t\t<ElAvatar {...elAvatarProps.value} class=\"fa-avatar\" src={state.src} onError={(evt: Event) => emit(\"error\", evt)}>\n\t\t\t\t{slots.default && slots.default({ src: state.src })}\n\t\t\t</ElAvatar>\n\t\t));\n\n\t\treturn useExpose(expose, {\n\t\t\t/** @description 图片路径 */\n\t\t\tsrc: state.src,\n\t\t});\n\t},\n});\n"],"names":["faAvatarProps","avatarProps","icon","type","definePropType","String","Object","Function","default","Picture","base64","Boolean","original","normal","small","thumb","faAvatarEmits","avatarEmits","Avatar","name","props","emits","slots","makeSlots","setup","attrs","emit","expose","state","reactive","src","computed","elAvatarProps","useProps","useRender","_createVNode","ElAvatar","_mergeProps","value","class","onError","evt","useExpose"],"mappings":"iOAMaA,EAAgB,IACzBC,EAAAA,YAEHC,KAAM,CACLC,KAAMC,EAAAA,eAAmC,CAACC,OAAQC,OAAQC,WAC1DC,QAASA,IAA0BC,EAAAA,SAGpCC,OAAQC,QAERC,SAAUD,QAEVE,OAAQF,QAERG,MAAOH,QAEPI,MAAOJ,SAGKK,EAAgB,IACzBC,EAAAA,aAQJC,oBAA+B,CAC9BC,KAAM,WACNC,MAAOpB,EACPqB,MAAOL,EACPM,MAAOC,EAAAA,YACPC,KAAAA,CAAMJ,GAAOK,MAAEA,EAAAA,MAAOH,EAAAA,KAAOI,EAAAA,OAAMC,IAClC,MAAMC,EAAQC,EAAAA,SAAS,CACtBC,IAAKC,EAAAA,SAAS,KACb,GAAKX,EAAMU,IACX,OAAIV,EAAMV,OACF,yBAAyBU,EAAMU,MAC5BV,EAAMR,SACTQ,EAAMU,IACHV,EAAMP,OACT,GAAGO,EAAMU,cACNV,EAAMN,MACT,GAAGM,EAAMU,cACNV,EAAML,MACT,GAAGK,EAAMU,kBAQbE,EAAgBC,EAAAA,SAASb,EAAOnB,EAAAA,YAAa,CAAC,QAQpD,OANAiC,EAAAA,UAAU,IAAAC,EAAAA,YAAAC,EAAAA,SAAAC,EAAAA,WACKL,EAAcM,MAAK,CAAAC,MAAA,YAAAT,IAAyBF,EAAME,IAAGU,QAAYC,GAAef,EAAK,QAASe,KAAI,CAAAjC,QAAAA,IAAA,CAC9Gc,EAAMd,SAAWc,EAAMd,QAAQ,CAAEsB,IAAKF,EAAME,UAIxCY,EAAAA,UAAUf,EAAQ,CAExBG,IAAKF,EAAME,KAEb"}
|
|
@@ -16,7 +16,7 @@ export declare const faButtonProps: {
|
|
|
16
16
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
17
17
|
__epPropKey: true;
|
|
18
18
|
};
|
|
19
|
-
disabled: BooleanConstructor
|
|
19
|
+
disabled: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
|
|
20
20
|
type: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown, "", boolean>;
|
|
21
21
|
icon: {
|
|
22
22
|
readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown>>;
|
|
@@ -70,7 +70,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
70
70
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
71
71
|
__epPropKey: true;
|
|
72
72
|
};
|
|
73
|
-
disabled: BooleanConstructor
|
|
73
|
+
disabled: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
|
|
74
74
|
type: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown, "", boolean>;
|
|
75
75
|
icon: {
|
|
76
76
|
readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown>>;
|
|
@@ -129,7 +129,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
129
129
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
130
130
|
__epPropKey: true;
|
|
131
131
|
};
|
|
132
|
-
disabled: BooleanConstructor
|
|
132
|
+
disabled: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
|
|
133
133
|
type: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown, "", boolean>;
|
|
134
134
|
icon: {
|
|
135
135
|
readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown>>;
|
|
@@ -161,7 +161,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
161
161
|
loading: boolean;
|
|
162
162
|
loadingIcon: string | Component;
|
|
163
163
|
disabledLoading: boolean;
|
|
164
|
-
disabled:
|
|
164
|
+
disabled: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
165
165
|
nativeType: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "button" | "reset" | "submit", unknown>;
|
|
166
166
|
bg: boolean;
|
|
167
167
|
autofocus: boolean;
|
|
@@ -14,7 +14,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
14
14
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
15
15
|
__epPropKey: true;
|
|
16
16
|
};
|
|
17
|
-
disabled: BooleanConstructor
|
|
17
|
+
disabled: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
|
|
18
18
|
modelValue: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number | null | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | null | undefined))[], unknown, unknown, "", boolean>;
|
|
19
19
|
modelModifiers: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => import('element-plus').InputModelModifiers) | (() => import('element-plus').InputModelModifiers) | ((new (...args: any[]) => import('element-plus').InputModelModifiers) | (() => import('element-plus').InputModelModifiers))[], unknown, unknown, () => {}, boolean>;
|
|
20
20
|
maxlength: {
|
|
@@ -112,7 +112,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
112
112
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
113
113
|
__epPropKey: true;
|
|
114
114
|
};
|
|
115
|
-
disabled: BooleanConstructor
|
|
115
|
+
disabled: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
|
|
116
116
|
modelValue: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number | null | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | null | undefined))[], unknown, unknown, "", boolean>;
|
|
117
117
|
modelModifiers: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => import('element-plus').InputModelModifiers) | (() => import('element-plus').InputModelModifiers) | ((new (...args: any[]) => import('element-plus').InputModelModifiers) | (() => import('element-plus').InputModelModifiers))[], unknown, unknown, () => {}, boolean>;
|
|
118
118
|
maxlength: {
|
|
@@ -195,7 +195,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
195
195
|
}>, {
|
|
196
196
|
type: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string) | (() => import('element-plus').InputType) | ((new (...args: any[]) => string) | (() => import('element-plus').InputType))[], unknown, unknown>;
|
|
197
197
|
id: string;
|
|
198
|
-
disabled:
|
|
198
|
+
disabled: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
199
199
|
autofocus: boolean;
|
|
200
200
|
placeholder: string;
|
|
201
201
|
inputmode: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => "search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal") | (() => "search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined) | ((new (...args: any[]) => "search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal") | (() => "search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined))[], unknown, unknown>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("element-plus"),l=require("@element-plus/icons-vue"),t=require("@fast-element-plus/icons-vue"),a=require("@fast-china/utils"),n=require("lodash-unified"),i={...o.dialogProps,alignCenter:{type:Boolean,default:!0},appendToBody:{type:Boolean,default:!0},draggable:{type:Boolean,default:!0},destroyOnClose:{type:Boolean,default:!0},overflow:{type:Boolean,default:!0},top:{type:String,default:"5vh"},width:{type:[String,Number],default:"90%"},showRefresh:{type:Boolean,default:!0},showFullscreen:{type:Boolean,default:!0},showCloseButton:{type:Boolean,default:!0},showConfirmButton:{type:Boolean,default:!0},disabledConfirmButton:Boolean,closeButtonText:{type:String,default:"取消"},confirmButtonText:{type:String,default:"确认"},hideFooter:Boolean,fillHeight:Boolean,showBeforeClose:Boolean,afterOpen:{type:a.definePropType(Function)}},r={...o.dialogEmits,"update:modelValue":e=>n.isBoolean(e),confirmClick:()=>!0},s=e.defineComponent({name:"FaDialog",props:i,emits:r,slots:a.makeSlots(),setup(n,{attrs:i,slots:r,emit:s,expose:d}){const c=o.useGlobalSize(),u=e.reactive({loading:!1,visible:!1,fullscreen:!1,refreshing:!1}),f=e.ref();let g;const p=o=>{u.visible=!0,g=o,e.nextTick(()=>{u.loading=!0,a.execFunction(n.afterOpen??o).then(()=>{s("open")}).catch(e=>{a.consoleError("FaDialog",e),u.visible=!1}).finally(()=>{u.loading=!1})})},_=e=>{u.loading=!0,a.execFunction(e).then(()=>{s("close"),u.visible=!1}).catch(e=>{a.consoleError("FaDialog",e)}).finally(()=>{u.loading=!1})},h=()=>{u.loading||(u.refreshing=!0,u.loading=!0,setTimeout(()=>{u.refreshing=!1,p(g),o.ElMessage.success("刷新成功")},500))},m=e=>{if(u.loading)return;if(document.querySelector(".el-image-viewer__wrapper"))return;const l=()=>{a.execFunction(n.beforeClose).then(()=>{s("close"),e()}).catch(e=>{a.consoleError("FaDialog",e)})};n.showBeforeClose?o.ElMessageBox.confirm("确定关闭?",{type:"warning"}).then(()=>{l()}):l()},v=()=>{u.loading||(u.fullscreen=!u.fullscreen)},B=()=>{u.loading||s("confirmClick")},C=()=>{u.loading||_()};e.watch(()=>u.visible,e=>{s("update:modelValue",e)});const b=a.useProps(n,o.dialogProps,["modelValue","fullscreen","showClose","beforeClose"]);return a.useRender(()=>e.createVNode(o.ElDialog,e.mergeProps(b.value,{ref:f,class:["fa-dialog",`fa-dialog-${c.value}`,{"fa-dialog__fill-height":n.fillHeight,"fa-dialog__fullscreen":u.fullscreen}],modelValue:u.visible,"onUpdate:modelValue":e=>u.visible=e,fullscreen:u.fullscreen,showClose:!1,beforeClose:m,onOpened:()=>s("opened"),onClosed:()=>s("closed"),onOpenAutoFocus:()=>s("openAutoFocus"),onCloseAutoFocus:()=>s("closeAutoFocus")}),{header:()=>e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"fa-dialog__header-title"},[n.title,r.header&&r.header({loading:u.loading,close:C})]),n.showRefresh&&e.createVNode("div",{title:"刷新",class:["fa-dialog__header-icon",u.loading?"fa__click__disabled fa__click__disabled__cursor ":"fa__hover__twinkle"],onClick:h},[e.createVNode(o.ElIcon,null,{default:()=>[e.createVNode(l.Refresh,null,null)]})]),n.showFullscreen&&e.createVNode("div",{title:u.fullscreen?"关闭全屏显示":"全屏显示",class:["fa-dialog__header-icon",u.loading?"fa__click__disabled fa__click__disabled__cursor ":"fa__hover__twinkle"],onClick:v},[e.createVNode(o.ElIcon,null,{default:()=>[u.fullscreen?e.createVNode(t.FullScreenExit,null,null):e.createVNode(
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("element-plus"),l=require("@element-plus/icons-vue"),t=require("@fast-element-plus/icons-vue"),a=require("@fast-china/utils"),n=require("lodash-unified"),i={...o.dialogProps,alignCenter:{type:Boolean,default:!0},appendToBody:{type:Boolean,default:!0},draggable:{type:Boolean,default:!0},destroyOnClose:{type:Boolean,default:!0},overflow:{type:Boolean,default:!0},top:{type:String,default:"5vh"},width:{type:[String,Number],default:"90%"},showRefresh:{type:Boolean,default:!0},showFullscreen:{type:Boolean,default:!0},showCloseButton:{type:Boolean,default:!0},showConfirmButton:{type:Boolean,default:!0},disabledConfirmButton:Boolean,closeButtonText:{type:String,default:"取消"},confirmButtonText:{type:String,default:"确认"},hideFooter:Boolean,fillHeight:Boolean,showBeforeClose:Boolean,afterOpen:{type:a.definePropType(Function)}},r={...o.dialogEmits,"update:modelValue":e=>n.isBoolean(e),confirmClick:()=>!0},s=e.defineComponent({name:"FaDialog",props:i,emits:r,slots:a.makeSlots(),setup(n,{attrs:i,slots:r,emit:s,expose:d}){const c=o.useGlobalSize(),u=e.reactive({loading:!1,visible:!1,fullscreen:!1,refreshing:!1}),f=e.ref();let g;const p=o=>{u.visible=!0,g=o,e.nextTick(()=>{u.loading=!0,a.execFunction(n.afterOpen??o).then(()=>{s("open")}).catch(e=>{a.consoleError("FaDialog",e),u.visible=!1}).finally(()=>{u.loading=!1})})},_=e=>{u.loading=!0,a.execFunction(e).then(()=>{s("close"),u.visible=!1}).catch(e=>{a.consoleError("FaDialog",e)}).finally(()=>{u.loading=!1})},h=()=>{u.loading||(u.refreshing=!0,u.loading=!0,setTimeout(()=>{u.refreshing=!1,p(g),o.ElMessage.success("刷新成功")},500))},m=e=>{if(u.loading)return;if(document.querySelector(".el-image-viewer__wrapper"))return;const l=()=>{a.execFunction(n.beforeClose).then(()=>{s("close"),e()}).catch(e=>{a.consoleError("FaDialog",e)})};n.showBeforeClose?o.ElMessageBox.confirm("确定关闭?",{type:"warning"}).then(()=>{l()}):l()},v=()=>{u.loading||(u.fullscreen=!u.fullscreen)},B=()=>{u.loading||s("confirmClick")},C=()=>{u.loading||_()};e.watch(()=>u.visible,e=>{s("update:modelValue",e)});const b=a.useProps(n,o.dialogProps,["modelValue","fullscreen","showClose","beforeClose"]);return a.useRender(()=>e.createVNode(o.ElDialog,e.mergeProps(b.value,{ref:f,class:["fa-dialog",`fa-dialog-${c.value}`,{"fa-dialog__fill-height":n.fillHeight,"fa-dialog__fullscreen":u.fullscreen}],modelValue:u.visible,"onUpdate:modelValue":e=>u.visible=e,fullscreen:u.fullscreen,showClose:!1,beforeClose:m,onOpened:()=>s("opened"),onClosed:()=>s("closed"),onOpenAutoFocus:()=>s("openAutoFocus"),onCloseAutoFocus:()=>s("closeAutoFocus")}),{header:()=>e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"fa-dialog__header-title"},[n.title,r.header&&r.header({loading:u.loading,close:C})]),n.showRefresh&&e.createVNode("div",{title:"刷新",class:["fa-dialog__header-icon",u.loading?"fa__click__disabled fa__click__disabled__cursor ":"fa__hover__twinkle"],onClick:h},[e.createVNode(o.ElIcon,null,{default:()=>[e.createVNode(l.Refresh,null,null)]})]),n.showFullscreen&&e.createVNode("div",{title:u.fullscreen?"关闭全屏显示":"全屏显示",class:["fa-dialog__header-icon",u.loading?"fa__click__disabled fa__click__disabled__cursor ":"fa__hover__twinkle"],onClick:v},[e.createVNode(o.ElIcon,null,{default:()=>[u.fullscreen?e.createVNode(t.FullScreenExit,null,null):e.createVNode(t.FullScreen,null,null)]})]),n.showClose&&e.createVNode("div",{title:"关闭",class:["fa-dialog__header-icon",u.loading?"fa__click__disabled fa__click__disabled__cursor ":"fa__hover__twinkle"],onClick:C},[e.createVNode(o.ElIcon,null,{default:()=>[e.createVNode(l.Close,null,null)]})])]),default:()=>e.withDirectives(e.createVNode(o.ElScrollbar,{"element-loading-text":"加载中..."},{default:()=>[!u.refreshing&&r.default&&r.default(u)]}),[[e.resolveDirective("loading"),u.loading]]),...!n.hideFooter&&{footer:()=>e.createVNode(e.Fragment,null,[r.footer&&r.footer({loading:u.loading,close:C}),n.showCloseButton&&e.createVNode(o.ElButton,{disabled:u.loading,onClick:C},{default:()=>[n.closeButtonText]}),n.showConfirmButton&&e.createVNode(o.ElButton,{loading:u.loading,loadingIcon:l.Eleme,disabled:n.disabledConfirmButton,type:"primary",onClick:B},{default:()=>[u.loading?"加载中...":n.confirmButtonText]})])}})),a.useExpose(d,{dialogContentRef:e.computed(()=>f.value?.dialogContentRef),resetPosition:e.computed(()=>f.value?.resetPosition),loading:e.computed(()=>u.loading),visible:e.computed(()=>u.visible),open:p,close:_,refresh:h,doLoading:e=>{u.loading=!0,a.execFunction(e).then().catch(e=>{a.consoleError("FaDialog",e)}).finally(()=>{u.loading=!1})}})}});exports.default=s,exports.faDialogEmits=r,exports.faDialogProps=i;
|
|
2
2
|
//# sourceMappingURL=dialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.js","sources":["../../../../../packages/components/dialog/src/dialog.tsx"],"sourcesContent":["import { Fragment, computed, defineComponent, nextTick, reactive, ref, watch } from \"vue\";\nimport { ElButton, ElDialog, ElIcon, ElMessage, ElMessageBox, ElScrollbar, dialogEmits, dialogProps, useGlobalSize } from \"element-plus\";\nimport { Close, Eleme, FullScreen, Refresh } from \"@element-plus/icons-vue\";\nimport { FullScreenExit } from \"@fast-element-plus/icons-vue\";\nimport { consoleError, definePropType, execFunction, makeSlots, useExpose, useProps, useRender } from \"@fast-china/utils\";\nimport { isBoolean } from \"lodash-unified\";\nimport type { DialogInstance } from \"element-plus\";\nimport type { VNode } from \"vue\";\n\nexport const faDialogProps = {\n\t...dialogProps,\n\t/** @description whether to align the dialog both horizontally and vertically*/\n\talignCenter: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description whether to append Dialog itself to body. A nested Dialog should have this attribute set to `true` */\n\tappendToBody: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description enable dragging feature for Dialog */\n\tdraggable: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description destroy elements in Dialog when closed */\n\tdestroyOnClose: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description draggable Dialog can overflow the viewport */\n\toverflow: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description value for `margin-top` of Dialog CSS, default is 15vh */\n\ttop: {\n\t\ttype: String,\n\t\tdefault: \"5vh\",\n\t},\n\t/** @description width of Dialog, default is 50% */\n\twidth: {\n\t\ttype: [String, Number],\n\t\tdefault: \"90%\",\n\t},\n\t/** @description 显示刷新按钮 */\n\tshowRefresh: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description 显示全屏图标 */\n\tshowFullscreen: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description 显示关闭按钮 */\n\tshowCloseButton: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description 显示确认按钮 */\n\tshowConfirmButton: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description 禁用确认按钮 */\n\tdisabledConfirmButton: Boolean,\n\t/** @description 关闭按钮文字,默认取消 */\n\tcloseButtonText: {\n\t\ttype: String,\n\t\tdefault: \"取消\",\n\t},\n\t/** @description 确认按钮文字,默认确认 */\n\tconfirmButtonText: {\n\t\ttype: String,\n\t\tdefault: \"确认\",\n\t},\n\t/** @description 隐藏底部操作 */\n\thideFooter: Boolean,\n\t/** @description 撑满高度 */\n\tfillHeight: Boolean,\n\t/** @description 显示关闭回调 */\n\tshowBeforeClose: Boolean,\n\t/** @description 打开之后 */\n\tafterOpen: {\n\t\ttype: definePropType<() => void>(Function),\n\t},\n};\n\nexport const faDialogEmits = {\n\t...dialogEmits,\n\t/** @description v-model 回调 */\n\t\"update:modelValue\": (value: boolean): boolean => isBoolean(value),\n\t/** @description 确认按钮点击事件 */\n\tconfirmClick: (): boolean => true,\n};\n\ntype FaDialogSlots = {\n\t/** @description 默认内容插槽 */\n\tdefault: { loading: boolean };\n\t/** @description 头部插槽 */\n\theader: { loading: boolean; close: () => void };\n\t/** @description 底部插槽 */\n\tfooter: { loading: boolean; close: () => void };\n};\n\nexport default defineComponent({\n\tname: \"FaDialog\",\n\tprops: faDialogProps,\n\temits: faDialogEmits,\n\tslots: makeSlots<FaDialogSlots>(),\n\tsetup(props, { attrs, slots, emit, expose }) {\n\t\tconst _globalSize = useGlobalSize();\n\n\t\tconst state = reactive({\n\t\t\tloading: false,\n\t\t\tvisible: false,\n\t\t\tfullscreen: false,\n\t\t\trefreshing: false,\n\t\t});\n\n\t\tconst dialogRef = ref<DialogInstance>();\n\n\t\tlet cacheOpenFunction = undefined;\n\n\t\tconst handleOpen = (openFunction?: () => void | Promise<void>): void => {\n\t\t\tstate.visible = true;\n\t\t\tcacheOpenFunction = openFunction;\n\t\t\tnextTick(() => {\n\t\t\t\tstate.loading = true;\n\t\t\t\texecFunction(props.afterOpen ?? openFunction)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\temit(\"open\");\n\t\t\t\t\t})\n\t\t\t\t\t.catch((error) => {\n\t\t\t\t\t\tconsoleError(\"FaDialog\", error);\n\t\t\t\t\t\t// 自动关闭\n\t\t\t\t\t\tstate.visible = false;\n\t\t\t\t\t})\n\t\t\t\t\t.finally(() => {\n\t\t\t\t\t\tstate.loading = false;\n\t\t\t\t\t});\n\t\t\t});\n\t\t};\n\n\t\tconst handleClose = (closeFunction?: () => void | Promise<void>): void => {\n\t\t\tstate.loading = true;\n\t\t\texecFunction(closeFunction)\n\t\t\t\t.then(() => {\n\t\t\t\t\temit(\"close\");\n\t\t\t\t\tstate.visible = false;\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tconsoleError(\"FaDialog\", error);\n\t\t\t\t})\n\t\t\t\t.finally(() => {\n\t\t\t\t\tstate.loading = false;\n\t\t\t\t});\n\t\t};\n\n\t\tconst handleLoading = (loadingFunction: () => void | Promise<void>): void => {\n\t\t\tstate.loading = true;\n\t\t\texecFunction(loadingFunction)\n\t\t\t\t.then()\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tconsoleError(\"FaDialog\", error);\n\t\t\t\t})\n\t\t\t\t.finally(() => {\n\t\t\t\t\tstate.loading = false;\n\t\t\t\t});\n\t\t};\n\n\t\tconst handleRefresh = (): void => {\n\t\t\tif (state.loading) return;\n\t\t\tstate.refreshing = true;\n\t\t\tstate.loading = true;\n\t\t\tsetTimeout(() => {\n\t\t\t\tstate.refreshing = false;\n\t\t\t\thandleOpen(cacheOpenFunction);\n\t\t\t\tElMessage.success(\"刷新成功\");\n\t\t\t}, 500);\n\t\t};\n\n\t\tconst handleBeforeClose = (done: () => void): void => {\n\t\t\tif (state.loading) return;\n\t\t\t// 解决 image 预览摁下 ese 会关闭弹窗的问题\n\t\t\tif (document.querySelector(\".el-image-viewer__wrapper\")) return;\n\n\t\t\tconst newDone = (): void => {\n\t\t\t\texecFunction(props.beforeClose)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\temit(\"close\");\n\t\t\t\t\t\tdone();\n\t\t\t\t\t})\n\t\t\t\t\t.catch((error) => {\n\t\t\t\t\t\tconsoleError(\"FaDialog\", error);\n\t\t\t\t\t});\n\t\t\t};\n\n\t\t\tif (props.showBeforeClose) {\n\t\t\t\tElMessageBox.confirm(\"确定关闭?\", { type: \"warning\" }).then(() => {\n\t\t\t\t\tnewDone();\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tnewDone();\n\t\t\t}\n\t\t};\n\n\t\tconst handleFullscreen = (): void => {\n\t\t\tif (state.loading) return;\n\t\t\tstate.fullscreen = !state.fullscreen;\n\t\t};\n\n\t\tconst handleConfirmClick = (): void => {\n\t\t\tif (state.loading) return;\n\t\t\temit(\"confirmClick\");\n\t\t};\n\n\t\tconst handleCloseClick = (): void => {\n\t\t\tif (state.loading) return;\n\t\t\thandleClose();\n\t\t};\n\n\t\twatch(\n\t\t\t() => state.visible,\n\t\t\t(newValue) => {\n\t\t\t\temit(\"update:modelValue\", newValue);\n\t\t\t}\n\t\t);\n\n\t\tconst elDialogProps = useProps(props, dialogProps, [\"modelValue\", \"fullscreen\", \"showClose\", \"beforeClose\"]);\n\n\t\tuseRender(() => (\n\t\t\t<ElDialog\n\t\t\t\t{...elDialogProps.value}\n\t\t\t\tref={dialogRef}\n\t\t\t\tclass={[\n\t\t\t\t\t\"fa-dialog\",\n\t\t\t\t\t`fa-dialog-${_globalSize.value}`,\n\t\t\t\t\t{ \"fa-dialog__fill-height\": props.fillHeight, \"fa-dialog__fullscreen\": state.fullscreen },\n\t\t\t\t]}\n\t\t\t\tvModel={state.visible}\n\t\t\t\tfullscreen={state.fullscreen}\n\t\t\t\tshowClose={false}\n\t\t\t\tbeforeClose={handleBeforeClose}\n\t\t\t\tonOpened={() => emit(\"opened\")}\n\t\t\t\tonClosed={() => emit(\"closed\")}\n\t\t\t\tonOpenAutoFocus={() => emit(\"openAutoFocus\")}\n\t\t\t\tonCloseAutoFocus={() => emit(\"closeAutoFocus\")}\n\t\t\t>\n\t\t\t\t{{\n\t\t\t\t\theader: () => (\n\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t<div class=\"fa-dialog__header-title\">\n\t\t\t\t\t\t\t\t{props.title}\n\t\t\t\t\t\t\t\t{slots.header && slots.header({ loading: state.loading, close: handleCloseClick })}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{props.showRefresh && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\ttitle=\"刷新\"\n\t\t\t\t\t\t\t\t\tclass={[\n\t\t\t\t\t\t\t\t\t\t\"fa-dialog__header-icon\",\n\t\t\t\t\t\t\t\t\t\tstate.loading ? \"fa__click__disabled fa__click__disabled__cursor \" : \"fa__hover__twinkle\",\n\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\tonClick={handleRefresh}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ElIcon>\n\t\t\t\t\t\t\t\t\t\t<Refresh />\n\t\t\t\t\t\t\t\t\t</ElIcon>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{props.showFullscreen && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\ttitle={state.fullscreen ? \"关闭全屏显示\" : \"全屏显示\"}\n\t\t\t\t\t\t\t\t\tclass={[\n\t\t\t\t\t\t\t\t\t\t\"fa-dialog__header-icon\",\n\t\t\t\t\t\t\t\t\t\tstate.loading ? \"fa__click__disabled fa__click__disabled__cursor \" : \"fa__hover__twinkle\",\n\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\tonClick={handleFullscreen}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ElIcon>{state.fullscreen ? <FullScreenExit /> : <FullScreen />}</ElIcon>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{props.showClose && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\ttitle=\"关闭\"\n\t\t\t\t\t\t\t\t\tclass={[\n\t\t\t\t\t\t\t\t\t\t\"fa-dialog__header-icon\",\n\t\t\t\t\t\t\t\t\t\tstate.loading ? \"fa__click__disabled fa__click__disabled__cursor \" : \"fa__hover__twinkle\",\n\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\tonClick={handleCloseClick}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ElIcon>\n\t\t\t\t\t\t\t\t\t\t<Close />\n\t\t\t\t\t\t\t\t\t</ElIcon>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t),\n\t\t\t\t\tdefault: () => (\n\t\t\t\t\t\t<ElScrollbar vLoading={state.loading} element-loading-text=\"加载中...\">\n\t\t\t\t\t\t\t{!state.refreshing && slots.default && slots.default(state)}\n\t\t\t\t\t\t</ElScrollbar>\n\t\t\t\t\t),\n\t\t\t\t\t...(!props.hideFooter && {\n\t\t\t\t\t\tfooter: (): VNode[] => (\n\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t{slots.footer && slots.footer({ loading: state.loading, close: handleCloseClick })}\n\t\t\t\t\t\t\t\t{props.showCloseButton && (\n\t\t\t\t\t\t\t\t\t<ElButton disabled={state.loading} onClick={handleCloseClick}>\n\t\t\t\t\t\t\t\t\t\t{props.closeButtonText}\n\t\t\t\t\t\t\t\t\t</ElButton>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{props.showConfirmButton && (\n\t\t\t\t\t\t\t\t\t<ElButton\n\t\t\t\t\t\t\t\t\t\tloading={state.loading}\n\t\t\t\t\t\t\t\t\t\tloadingIcon={Eleme}\n\t\t\t\t\t\t\t\t\t\tdisabled={props.disabledConfirmButton}\n\t\t\t\t\t\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\t\t\t\t\t\tonClick={handleConfirmClick}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{state.loading ? \"加载中...\" : props.confirmButtonText}\n\t\t\t\t\t\t\t\t\t</ElButton>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t),\n\t\t\t\t\t}),\n\t\t\t\t}}\n\t\t\t</ElDialog>\n\t\t));\n\n\t\treturn useExpose(expose, {\n\t\t\t/** @description 弹窗内容引用 */\n\t\t\tdialogContentRef: computed(() => dialogRef.value?.dialogContentRef),\n\t\t\t/** @description 重置位置 */\n\t\t\tresetPosition: computed(() => dialogRef.value?.resetPosition),\n\t\t\t/** @description 加载状态 */\n\t\t\tloading: computed(() => state.loading),\n\t\t\t/** @description 是否显示 */\n\t\t\tvisible: computed(() => state.visible),\n\t\t\t/** @description 打开弹窗 */\n\t\t\topen: handleOpen,\n\t\t\t/** @description 关闭弹窗 */\n\t\t\tclose: handleClose,\n\t\t\t/** @description 刷新弹窗 */\n\t\t\trefresh: handleRefresh,\n\t\t\t/** @description 弹窗加载 */\n\t\t\tdoLoading: handleLoading,\n\t\t});\n\t},\n});\n"],"names":["faDialogProps","dialogProps","alignCenter","type","Boolean","default","appendToBody","draggable","destroyOnClose","overflow","top","String","width","Number","showRefresh","showFullscreen","showCloseButton","showConfirmButton","disabledConfirmButton","closeButtonText","confirmButtonText","hideFooter","fillHeight","showBeforeClose","afterOpen","definePropType","Function","faDialogEmits","dialogEmits","value","isBoolean","confirmClick","Dialog","name","props","emits","slots","makeSlots","setup","attrs","emit","expose","_globalSize","useGlobalSize","state","reactive","loading","visible","fullscreen","refreshing","dialogRef","ref","cacheOpenFunction","handleOpen","openFunction","nextTick","execFunction","then","catch","error","consoleError","finally","handleClose","closeFunction","handleRefresh","setTimeout","ElMessage","success","handleBeforeClose","done","document","querySelector","newDone","beforeClose","ElMessageBox","confirm","handleFullscreen","handleConfirmClick","handleCloseClick","watch","newValue","elDialogProps","useProps","useRender","_createVNode","ElDialog","_mergeProps","class","modelValue","$event","showClose","onOpened","onClosed","onOpenAutoFocus","onCloseAutoFocus","header","_Fragment","title","close","onClick","ElIcon","Refresh","FullScreenExit","FullScreen","Close","_withDirectives","ElScrollbar","_resolveDirective","footer","ElButton","disabled","loadingIcon","Eleme","useExpose","dialogContentRef","computed","resetPosition","open","refresh","doLoading","loadingFunction"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"dialog.js","sources":["../../../../../packages/components/dialog/src/dialog.tsx"],"sourcesContent":["import { Fragment, computed, defineComponent, nextTick, reactive, ref, watch } from \"vue\";\nimport { ElButton, ElDialog, ElIcon, ElMessage, ElMessageBox, ElScrollbar, dialogEmits, dialogProps, useGlobalSize } from \"element-plus\";\nimport { Close, Eleme, Refresh } from \"@element-plus/icons-vue\";\nimport { FullScreen, FullScreenExit } from \"@fast-element-plus/icons-vue\";\nimport { consoleError, definePropType, execFunction, makeSlots, useExpose, useProps, useRender } from \"@fast-china/utils\";\nimport { isBoolean } from \"lodash-unified\";\nimport type { DialogInstance } from \"element-plus\";\nimport type { VNode } from \"vue\";\n\nexport const faDialogProps = {\n\t...dialogProps,\n\t/** @description whether to align the dialog both horizontally and vertically*/\n\talignCenter: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description whether to append Dialog itself to body. A nested Dialog should have this attribute set to `true` */\n\tappendToBody: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description enable dragging feature for Dialog */\n\tdraggable: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description destroy elements in Dialog when closed */\n\tdestroyOnClose: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description draggable Dialog can overflow the viewport */\n\toverflow: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description value for `margin-top` of Dialog CSS, default is 15vh */\n\ttop: {\n\t\ttype: String,\n\t\tdefault: \"5vh\",\n\t},\n\t/** @description width of Dialog, default is 50% */\n\twidth: {\n\t\ttype: [String, Number],\n\t\tdefault: \"90%\",\n\t},\n\t/** @description 显示刷新按钮 */\n\tshowRefresh: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description 显示全屏图标 */\n\tshowFullscreen: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description 显示关闭按钮 */\n\tshowCloseButton: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description 显示确认按钮 */\n\tshowConfirmButton: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description 禁用确认按钮 */\n\tdisabledConfirmButton: Boolean,\n\t/** @description 关闭按钮文字,默认取消 */\n\tcloseButtonText: {\n\t\ttype: String,\n\t\tdefault: \"取消\",\n\t},\n\t/** @description 确认按钮文字,默认确认 */\n\tconfirmButtonText: {\n\t\ttype: String,\n\t\tdefault: \"确认\",\n\t},\n\t/** @description 隐藏底部操作 */\n\thideFooter: Boolean,\n\t/** @description 撑满高度 */\n\tfillHeight: Boolean,\n\t/** @description 显示关闭回调 */\n\tshowBeforeClose: Boolean,\n\t/** @description 打开之后 */\n\tafterOpen: {\n\t\ttype: definePropType<() => void>(Function),\n\t},\n};\n\nexport const faDialogEmits = {\n\t...dialogEmits,\n\t/** @description v-model 回调 */\n\t\"update:modelValue\": (value: boolean): boolean => isBoolean(value),\n\t/** @description 确认按钮点击事件 */\n\tconfirmClick: (): boolean => true,\n};\n\ntype FaDialogSlots = {\n\t/** @description 默认内容插槽 */\n\tdefault: { loading: boolean };\n\t/** @description 头部插槽 */\n\theader: { loading: boolean; close: () => void };\n\t/** @description 底部插槽 */\n\tfooter: { loading: boolean; close: () => void };\n};\n\nexport default defineComponent({\n\tname: \"FaDialog\",\n\tprops: faDialogProps,\n\temits: faDialogEmits,\n\tslots: makeSlots<FaDialogSlots>(),\n\tsetup(props, { attrs, slots, emit, expose }) {\n\t\tconst _globalSize = useGlobalSize();\n\n\t\tconst state = reactive({\n\t\t\tloading: false,\n\t\t\tvisible: false,\n\t\t\tfullscreen: false,\n\t\t\trefreshing: false,\n\t\t});\n\n\t\tconst dialogRef = ref<DialogInstance>();\n\n\t\tlet cacheOpenFunction = undefined;\n\n\t\tconst handleOpen = (openFunction?: () => void | Promise<void>): void => {\n\t\t\tstate.visible = true;\n\t\t\tcacheOpenFunction = openFunction;\n\t\t\tnextTick(() => {\n\t\t\t\tstate.loading = true;\n\t\t\t\texecFunction(props.afterOpen ?? openFunction)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\temit(\"open\");\n\t\t\t\t\t})\n\t\t\t\t\t.catch((error) => {\n\t\t\t\t\t\tconsoleError(\"FaDialog\", error);\n\t\t\t\t\t\t// 自动关闭\n\t\t\t\t\t\tstate.visible = false;\n\t\t\t\t\t})\n\t\t\t\t\t.finally(() => {\n\t\t\t\t\t\tstate.loading = false;\n\t\t\t\t\t});\n\t\t\t});\n\t\t};\n\n\t\tconst handleClose = (closeFunction?: () => void | Promise<void>): void => {\n\t\t\tstate.loading = true;\n\t\t\texecFunction(closeFunction)\n\t\t\t\t.then(() => {\n\t\t\t\t\temit(\"close\");\n\t\t\t\t\tstate.visible = false;\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tconsoleError(\"FaDialog\", error);\n\t\t\t\t})\n\t\t\t\t.finally(() => {\n\t\t\t\t\tstate.loading = false;\n\t\t\t\t});\n\t\t};\n\n\t\tconst handleLoading = (loadingFunction: () => void | Promise<void>): void => {\n\t\t\tstate.loading = true;\n\t\t\texecFunction(loadingFunction)\n\t\t\t\t.then()\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tconsoleError(\"FaDialog\", error);\n\t\t\t\t})\n\t\t\t\t.finally(() => {\n\t\t\t\t\tstate.loading = false;\n\t\t\t\t});\n\t\t};\n\n\t\tconst handleRefresh = (): void => {\n\t\t\tif (state.loading) return;\n\t\t\tstate.refreshing = true;\n\t\t\tstate.loading = true;\n\t\t\tsetTimeout(() => {\n\t\t\t\tstate.refreshing = false;\n\t\t\t\thandleOpen(cacheOpenFunction);\n\t\t\t\tElMessage.success(\"刷新成功\");\n\t\t\t}, 500);\n\t\t};\n\n\t\tconst handleBeforeClose = (done: () => void): void => {\n\t\t\tif (state.loading) return;\n\t\t\t// 解决 image 预览摁下 ese 会关闭弹窗的问题\n\t\t\tif (document.querySelector(\".el-image-viewer__wrapper\")) return;\n\n\t\t\tconst newDone = (): void => {\n\t\t\t\texecFunction(props.beforeClose)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\temit(\"close\");\n\t\t\t\t\t\tdone();\n\t\t\t\t\t})\n\t\t\t\t\t.catch((error) => {\n\t\t\t\t\t\tconsoleError(\"FaDialog\", error);\n\t\t\t\t\t});\n\t\t\t};\n\n\t\t\tif (props.showBeforeClose) {\n\t\t\t\tElMessageBox.confirm(\"确定关闭?\", { type: \"warning\" }).then(() => {\n\t\t\t\t\tnewDone();\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tnewDone();\n\t\t\t}\n\t\t};\n\n\t\tconst handleFullscreen = (): void => {\n\t\t\tif (state.loading) return;\n\t\t\tstate.fullscreen = !state.fullscreen;\n\t\t};\n\n\t\tconst handleConfirmClick = (): void => {\n\t\t\tif (state.loading) return;\n\t\t\temit(\"confirmClick\");\n\t\t};\n\n\t\tconst handleCloseClick = (): void => {\n\t\t\tif (state.loading) return;\n\t\t\thandleClose();\n\t\t};\n\n\t\twatch(\n\t\t\t() => state.visible,\n\t\t\t(newValue) => {\n\t\t\t\temit(\"update:modelValue\", newValue);\n\t\t\t}\n\t\t);\n\n\t\tconst elDialogProps = useProps(props, dialogProps, [\"modelValue\", \"fullscreen\", \"showClose\", \"beforeClose\"]);\n\n\t\tuseRender(() => (\n\t\t\t<ElDialog\n\t\t\t\t{...elDialogProps.value}\n\t\t\t\tref={dialogRef}\n\t\t\t\tclass={[\n\t\t\t\t\t\"fa-dialog\",\n\t\t\t\t\t`fa-dialog-${_globalSize.value}`,\n\t\t\t\t\t{ \"fa-dialog__fill-height\": props.fillHeight, \"fa-dialog__fullscreen\": state.fullscreen },\n\t\t\t\t]}\n\t\t\t\tvModel={state.visible}\n\t\t\t\tfullscreen={state.fullscreen}\n\t\t\t\tshowClose={false}\n\t\t\t\tbeforeClose={handleBeforeClose}\n\t\t\t\tonOpened={() => emit(\"opened\")}\n\t\t\t\tonClosed={() => emit(\"closed\")}\n\t\t\t\tonOpenAutoFocus={() => emit(\"openAutoFocus\")}\n\t\t\t\tonCloseAutoFocus={() => emit(\"closeAutoFocus\")}\n\t\t\t>\n\t\t\t\t{{\n\t\t\t\t\theader: () => (\n\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t<div class=\"fa-dialog__header-title\">\n\t\t\t\t\t\t\t\t{props.title}\n\t\t\t\t\t\t\t\t{slots.header && slots.header({ loading: state.loading, close: handleCloseClick })}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{props.showRefresh && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\ttitle=\"刷新\"\n\t\t\t\t\t\t\t\t\tclass={[\n\t\t\t\t\t\t\t\t\t\t\"fa-dialog__header-icon\",\n\t\t\t\t\t\t\t\t\t\tstate.loading ? \"fa__click__disabled fa__click__disabled__cursor \" : \"fa__hover__twinkle\",\n\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\tonClick={handleRefresh}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ElIcon>\n\t\t\t\t\t\t\t\t\t\t<Refresh />\n\t\t\t\t\t\t\t\t\t</ElIcon>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{props.showFullscreen && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\ttitle={state.fullscreen ? \"关闭全屏显示\" : \"全屏显示\"}\n\t\t\t\t\t\t\t\t\tclass={[\n\t\t\t\t\t\t\t\t\t\t\"fa-dialog__header-icon\",\n\t\t\t\t\t\t\t\t\t\tstate.loading ? \"fa__click__disabled fa__click__disabled__cursor \" : \"fa__hover__twinkle\",\n\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\tonClick={handleFullscreen}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ElIcon>{state.fullscreen ? <FullScreenExit /> : <FullScreen />}</ElIcon>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{props.showClose && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\ttitle=\"关闭\"\n\t\t\t\t\t\t\t\t\tclass={[\n\t\t\t\t\t\t\t\t\t\t\"fa-dialog__header-icon\",\n\t\t\t\t\t\t\t\t\t\tstate.loading ? \"fa__click__disabled fa__click__disabled__cursor \" : \"fa__hover__twinkle\",\n\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\tonClick={handleCloseClick}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ElIcon>\n\t\t\t\t\t\t\t\t\t\t<Close />\n\t\t\t\t\t\t\t\t\t</ElIcon>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t),\n\t\t\t\t\tdefault: () => (\n\t\t\t\t\t\t<ElScrollbar vLoading={state.loading} element-loading-text=\"加载中...\">\n\t\t\t\t\t\t\t{!state.refreshing && slots.default && slots.default(state)}\n\t\t\t\t\t\t</ElScrollbar>\n\t\t\t\t\t),\n\t\t\t\t\t...(!props.hideFooter && {\n\t\t\t\t\t\tfooter: (): VNode[] => (\n\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t{slots.footer && slots.footer({ loading: state.loading, close: handleCloseClick })}\n\t\t\t\t\t\t\t\t{props.showCloseButton && (\n\t\t\t\t\t\t\t\t\t<ElButton disabled={state.loading} onClick={handleCloseClick}>\n\t\t\t\t\t\t\t\t\t\t{props.closeButtonText}\n\t\t\t\t\t\t\t\t\t</ElButton>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{props.showConfirmButton && (\n\t\t\t\t\t\t\t\t\t<ElButton\n\t\t\t\t\t\t\t\t\t\tloading={state.loading}\n\t\t\t\t\t\t\t\t\t\tloadingIcon={Eleme}\n\t\t\t\t\t\t\t\t\t\tdisabled={props.disabledConfirmButton}\n\t\t\t\t\t\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\t\t\t\t\t\tonClick={handleConfirmClick}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{state.loading ? \"加载中...\" : props.confirmButtonText}\n\t\t\t\t\t\t\t\t\t</ElButton>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t),\n\t\t\t\t\t}),\n\t\t\t\t}}\n\t\t\t</ElDialog>\n\t\t));\n\n\t\treturn useExpose(expose, {\n\t\t\t/** @description 弹窗内容引用 */\n\t\t\tdialogContentRef: computed(() => dialogRef.value?.dialogContentRef),\n\t\t\t/** @description 重置位置 */\n\t\t\tresetPosition: computed(() => dialogRef.value?.resetPosition),\n\t\t\t/** @description 加载状态 */\n\t\t\tloading: computed(() => state.loading),\n\t\t\t/** @description 是否显示 */\n\t\t\tvisible: computed(() => state.visible),\n\t\t\t/** @description 打开弹窗 */\n\t\t\topen: handleOpen,\n\t\t\t/** @description 关闭弹窗 */\n\t\t\tclose: handleClose,\n\t\t\t/** @description 刷新弹窗 */\n\t\t\trefresh: handleRefresh,\n\t\t\t/** @description 弹窗加载 */\n\t\t\tdoLoading: handleLoading,\n\t\t});\n\t},\n});\n"],"names":["faDialogProps","dialogProps","alignCenter","type","Boolean","default","appendToBody","draggable","destroyOnClose","overflow","top","String","width","Number","showRefresh","showFullscreen","showCloseButton","showConfirmButton","disabledConfirmButton","closeButtonText","confirmButtonText","hideFooter","fillHeight","showBeforeClose","afterOpen","definePropType","Function","faDialogEmits","dialogEmits","value","isBoolean","confirmClick","Dialog","name","props","emits","slots","makeSlots","setup","attrs","emit","expose","_globalSize","useGlobalSize","state","reactive","loading","visible","fullscreen","refreshing","dialogRef","ref","cacheOpenFunction","handleOpen","openFunction","nextTick","execFunction","then","catch","error","consoleError","finally","handleClose","closeFunction","handleRefresh","setTimeout","ElMessage","success","handleBeforeClose","done","document","querySelector","newDone","beforeClose","ElMessageBox","confirm","handleFullscreen","handleConfirmClick","handleCloseClick","watch","newValue","elDialogProps","useProps","useRender","_createVNode","ElDialog","_mergeProps","class","modelValue","$event","showClose","onOpened","onClosed","onOpenAutoFocus","onCloseAutoFocus","header","_Fragment","title","close","onClick","ElIcon","Refresh","FullScreenExit","FullScreen","Close","_withDirectives","ElScrollbar","_resolveDirective","footer","ElButton","disabled","loadingIcon","Eleme","useExpose","dialogContentRef","computed","resetPosition","open","refresh","doLoading","loadingFunction"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("element-plus"),l=require("@element-plus/icons-vue"),a=require("@fast-element-plus/icons-vue"),t=require("@fast-china/utils"),n=require("lodash-unified"),r={...o.drawerProps,appendToBody:{type:Boolean,default:!0},draggable:{type:Boolean,default:!0},destroyOnClose:{type:Boolean,default:!0},showRefresh:{type:Boolean,default:!0},showFullscreen:{type:Boolean,default:!0},showCloseButton:{type:Boolean,default:!0},showConfirmButton:{type:Boolean,default:!0},disabledConfirmButton:Boolean,closeButtonText:{type:String,default:"取消"},confirmButtonText:{type:String,default:"确认"},hideFooter:Boolean,showBeforeClose:Boolean,afterOpen:{type:t.definePropType(Function)}},s={...o.drawerEmits,"update:modelValue":e=>n.isBoolean(e),confirmClick:()=>!0},i=e.defineComponent({name:"FaDrawer",props:r,emits:s,slots:t.makeSlots(),setup(n,{attrs:r,slots:s,emit:i,expose:d}){const c=o.useGlobalSize(),u=e.reactive({loading:!1,visible:!1,fullscreen:!1,size:n.size??"30%",dragging:!1,refreshing:!1}),f=e.ref();let p;const _=o=>{u.visible=!0,p=o,e.nextTick(()=>{u.loading=!0,t.execFunction(n.afterOpen??o).then(()=>{i("open")}).catch(e=>{t.consoleError("FaDrawer",e),u.visible=!1}).finally(()=>{u.loading=!1})})},g=e=>{u.loading=!0,t.execFunction(e).then(()=>{i("close"),u.visible=!1}).catch(e=>{t.consoleError("FaDrawer",e)}).finally(()=>{u.loading=!1})},m=()=>{u.refreshing=!0,u.loading=!0,setTimeout(()=>{u.refreshing=!1,_(p),o.ElMessage.success("刷新成功")},500)},h=e=>{if(u.loading)return;if(document.querySelector(".el-image-viewer__wrapper"))return;const l=()=>{t.execFunction(n.beforeClose).then(()=>{i("close"),e()}).catch(e=>{t.consoleError("FaDialog",e)})};n.showBeforeClose?o.ElMessageBox.confirm("确定关闭?",{type:"warning"}).then(()=>{l()}):l()},w=()=>{u.loading||(u.fullscreen=!u.fullscreen)},v=()=>{u.loading||i("confirmClick")},b=()=>{u.loading||g()};e.watch(()=>u.visible,e=>{i("update:modelValue",e)});const C=()=>{document.onmousemove=e=>{let o=document.body.clientWidth-e.pageX;const l=.2*document.body.clientWidth,a=.95*document.body.clientWidth;o=o>a?a:o<l?l:o,u.size=`${o}px`},document.onmouseup=()=>{document.onmousemove=document.onmouseup=null}},B=t.useProps(n,o.drawerProps,["modelValue","size","showClose","beforeClose"]);return t.useRender(()=>e.createVNode(o.ElDrawer,e.mergeProps(B.value,{ref:f,class:["fa-drawer",`fa-drawer-${c.value}`,{"fa-drawer__fullscreen":u.fullscreen}],modelValue:u.visible,"onUpdate:modelValue":e=>u.visible=e,size:u.size,showClose:!1,beforeClose:h,onOpened:()=>i("opened"),onClosed:()=>i("closed"),onOpenAutoFocus:()=>i("openAutoFocus"),onCloseAutoFocus:()=>i("closeAutoFocus")}),{header:()=>e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"fa-drawer__header-title"},[n.title,s.header&&s.header({loading:u.loading,close:b})]),n.showRefresh&&e.createVNode("div",{title:"刷新",class:["fa-drawer__header-icon",u.loading?"fa__click__disabled fa__click__disabled__cursor ":"fa__hover__twinkle"],onClick:m},[e.createVNode(o.ElIcon,{class:"icon"},{default:()=>[e.createVNode(l.Refresh,null,null)]})]),n.showFullscreen&&e.createVNode("div",{title:u.fullscreen?"关闭全屏显示":"全屏显示",class:["fa-drawer__header-icon",u.loading?"fa__click__disabled fa__click__disabled__cursor ":"fa__hover__twinkle"],onClick:w},[e.createVNode(o.ElIcon,null,{default:()=>[u.fullscreen?e.createVNode(a.FullScreenExit,null,null):e.createVNode(
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("element-plus"),l=require("@element-plus/icons-vue"),a=require("@fast-element-plus/icons-vue"),t=require("@fast-china/utils"),n=require("lodash-unified"),r={...o.drawerProps,appendToBody:{type:Boolean,default:!0},draggable:{type:Boolean,default:!0},destroyOnClose:{type:Boolean,default:!0},showRefresh:{type:Boolean,default:!0},showFullscreen:{type:Boolean,default:!0},showCloseButton:{type:Boolean,default:!0},showConfirmButton:{type:Boolean,default:!0},disabledConfirmButton:Boolean,closeButtonText:{type:String,default:"取消"},confirmButtonText:{type:String,default:"确认"},hideFooter:Boolean,showBeforeClose:Boolean,afterOpen:{type:t.definePropType(Function)}},s={...o.drawerEmits,"update:modelValue":e=>n.isBoolean(e),confirmClick:()=>!0},i=e.defineComponent({name:"FaDrawer",props:r,emits:s,slots:t.makeSlots(),setup(n,{attrs:r,slots:s,emit:i,expose:d}){const c=o.useGlobalSize(),u=e.reactive({loading:!1,visible:!1,fullscreen:!1,size:n.size??"30%",dragging:!1,refreshing:!1}),f=e.ref();let p;const _=o=>{u.visible=!0,p=o,e.nextTick(()=>{u.loading=!0,t.execFunction(n.afterOpen??o).then(()=>{i("open")}).catch(e=>{t.consoleError("FaDrawer",e),u.visible=!1}).finally(()=>{u.loading=!1})})},g=e=>{u.loading=!0,t.execFunction(e).then(()=>{i("close"),u.visible=!1}).catch(e=>{t.consoleError("FaDrawer",e)}).finally(()=>{u.loading=!1})},m=()=>{u.refreshing=!0,u.loading=!0,setTimeout(()=>{u.refreshing=!1,_(p),o.ElMessage.success("刷新成功")},500)},h=e=>{if(u.loading)return;if(document.querySelector(".el-image-viewer__wrapper"))return;const l=()=>{t.execFunction(n.beforeClose).then(()=>{i("close"),e()}).catch(e=>{t.consoleError("FaDialog",e)})};n.showBeforeClose?o.ElMessageBox.confirm("确定关闭?",{type:"warning"}).then(()=>{l()}):l()},w=()=>{u.loading||(u.fullscreen=!u.fullscreen)},v=()=>{u.loading||i("confirmClick")},b=()=>{u.loading||g()};e.watch(()=>u.visible,e=>{i("update:modelValue",e)});const C=()=>{document.onmousemove=e=>{let o=document.body.clientWidth-e.pageX;const l=.2*document.body.clientWidth,a=.95*document.body.clientWidth;o=o>a?a:o<l?l:o,u.size=`${o}px`},document.onmouseup=()=>{document.onmousemove=document.onmouseup=null}},B=t.useProps(n,o.drawerProps,["modelValue","size","showClose","beforeClose"]);return t.useRender(()=>e.createVNode(o.ElDrawer,e.mergeProps(B.value,{ref:f,class:["fa-drawer",`fa-drawer-${c.value}`,{"fa-drawer__fullscreen":u.fullscreen}],modelValue:u.visible,"onUpdate:modelValue":e=>u.visible=e,size:u.size,showClose:!1,beforeClose:h,onOpened:()=>i("opened"),onClosed:()=>i("closed"),onOpenAutoFocus:()=>i("openAutoFocus"),onCloseAutoFocus:()=>i("closeAutoFocus")}),{header:()=>e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"fa-drawer__header-title"},[n.title,s.header&&s.header({loading:u.loading,close:b})]),n.showRefresh&&e.createVNode("div",{title:"刷新",class:["fa-drawer__header-icon",u.loading?"fa__click__disabled fa__click__disabled__cursor ":"fa__hover__twinkle"],onClick:m},[e.createVNode(o.ElIcon,{class:"icon"},{default:()=>[e.createVNode(l.Refresh,null,null)]})]),n.showFullscreen&&e.createVNode("div",{title:u.fullscreen?"关闭全屏显示":"全屏显示",class:["fa-drawer__header-icon",u.loading?"fa__click__disabled fa__click__disabled__cursor ":"fa__hover__twinkle"],onClick:w},[e.createVNode(o.ElIcon,null,{default:()=>[u.fullscreen?e.createVNode(a.FullScreenExit,null,null):e.createVNode(a.FullScreen,null,null)]})]),n.showClose&&e.createVNode("div",{title:"关闭",class:["fa-drawer__header-icon",u.loading?"fa__click__disabled fa__click__disabled__cursor ":"fa__hover__twinkle"],onClick:b},[e.createVNode(o.ElIcon,{class:"icon"},{default:()=>[e.createVNode(l.Close,null,null)]})])]),default:()=>e.createVNode(e.Fragment,null,[n.draggable&&e.createVNode("div",{class:"fa-drawer__draggable",onmousedown:C},null),e.withDirectives(e.createVNode(o.ElScrollbar,{"element-loading-text":"加载中..."},{default:()=>[!u.refreshing&&s.default&&s.default(u)]}),[[e.resolveDirective("loading"),u.loading]])]),...!n.hideFooter&&{footer:()=>e.createVNode(e.Fragment,null,[s.footer&&s.footer({loading:u.loading,close:b}),n.showCloseButton&&e.createVNode(o.ElButton,{disabled:u.loading,onClick:b},{default:()=>[n.closeButtonText]}),n.showConfirmButton&&e.createVNode(o.ElButton,{loading:u.loading,loadingIcon:l.Eleme,disabled:n.disabledConfirmButton,type:"primary",onClick:v},{default:()=>[u.loading?"加载中...":n.confirmButtonText]})])}})),t.useExpose(d,{handleClose:e.computed(()=>f.value?.handleClose),afterEnter:e.computed(()=>f.value?.afterEnter),afterLeave:e.computed(()=>f.value?.afterLeave),loading:e.computed(()=>u.loading),visible:e.computed(()=>u.visible),open:_,close:g,refresh:m,doLoading:e=>{u.loading=!0,t.execFunction(e).then().catch(e=>{t.consoleError("FaDrawer",e)}).finally(()=>{u.loading=!1})}})}});exports.default=i,exports.faDrawerEmits=s,exports.faDrawerProps=r;
|
|
2
2
|
//# sourceMappingURL=drawer.js.map
|