@pungfe/element 0.0.1-alpha.26 → 0.0.1-alpha.28
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/README.md +124 -3
- package/dist/cjs/Button-8c-6EPNG.cjs.map +1 -1
- package/dist/cjs/Cascader-CwDh-TjU.cjs.map +1 -1
- package/dist/cjs/Checkbox-CNcwptzq.cjs.map +1 -1
- package/dist/cjs/ConfigProvider-CyWiC5MP.cjs +2 -0
- package/dist/cjs/{ConfigProvider-BWSlnOEd.cjs.map → ConfigProvider-CyWiC5MP.cjs.map} +1 -1
- package/dist/cjs/ConfigProvider.cjs +1 -1
- package/dist/cjs/DatePicker-pKtnPDXe.cjs.map +1 -1
- package/dist/cjs/Dialog-BQzqL743.cjs.map +1 -1
- package/dist/cjs/Form-DKzgN4am.cjs.map +1 -1
- package/dist/cjs/FormItem-BSXNuWjn.cjs +2 -0
- package/dist/cjs/FormItem-BSXNuWjn.cjs.map +1 -0
- package/dist/cjs/FormItem.cjs +1 -1
- package/dist/cjs/Input-Bnp7Ap0P.cjs.map +1 -1
- package/dist/cjs/InputNumber-Ddow_hhd.cjs.map +1 -1
- package/dist/cjs/Pagination-Cy3Y08FK.cjs.map +1 -1
- package/dist/cjs/{Select-CbFsXS-J.cjs → Select-QOHpdjtL.cjs} +2 -2
- package/dist/cjs/Select-QOHpdjtL.cjs.map +1 -0
- package/dist/cjs/Select.cjs +1 -1
- package/dist/cjs/TabPane-C2gWO5xN.cjs.map +1 -1
- package/dist/cjs/Table-B3zf7ybj.cjs.map +1 -1
- package/dist/cjs/Tabs-CQcXRrGf.cjs.map +1 -1
- package/dist/cjs/Upload-Cw1DMO7y.cjs.map +1 -1
- package/dist/cjs/XButtonAsync-DxB_iRpa.cjs +2 -0
- package/dist/cjs/{XButtonAsync-CYYCezyy.cjs.map → XButtonAsync-DxB_iRpa.cjs.map} +1 -1
- package/dist/cjs/XButtonAsync.cjs +1 -1
- package/dist/cjs/XButtonConfirm-DMcr5_5A.cjs +2 -0
- package/dist/cjs/XButtonConfirm-DMcr5_5A.cjs.map +1 -0
- package/dist/cjs/XButtonConfirm.cjs +1 -1
- package/dist/cjs/XCascaderRequest-DKW_m3MY.cjs +2 -0
- package/dist/cjs/{XCascaderRequest-CEJzu7XX.cjs.map → XCascaderRequest-DKW_m3MY.cjs.map} +1 -1
- package/dist/cjs/XCascaderRequest.cjs +1 -1
- package/dist/cjs/XFormFlex-CAxHuPZj.cjs +2 -0
- package/dist/cjs/{XFormFlex-DsCIkIQO.cjs.map → XFormFlex-CAxHuPZj.cjs.map} +1 -1
- package/dist/cjs/XFormFlex.cjs +1 -1
- package/dist/cjs/XFormRequestNext-zfjnyv2v.cjs +2 -0
- package/dist/cjs/{XFormRequestNext-DWe3ZGx1.cjs.map → XFormRequestNext-zfjnyv2v.cjs.map} +1 -1
- package/dist/cjs/XFormRequestNext.cjs +1 -1
- package/dist/cjs/XRequest-BNDHllWT.cjs.map +1 -1
- package/dist/cjs/XSelectRequest-B0uan46l.cjs +2 -0
- package/dist/cjs/{XSelectRequest-Dcfq8af2.cjs.map → XSelectRequest-B0uan46l.cjs.map} +1 -1
- package/dist/cjs/XSelectRequest.cjs +1 -1
- package/dist/cjs/XTableFlex-D8d713CD.cjs +2 -0
- package/dist/cjs/{XTableFlex-CI8kSati.cjs.map → XTableFlex-D8d713CD.cjs.map} +1 -1
- package/dist/cjs/XTableFlex.cjs +1 -1
- package/dist/cjs/XTableRequestConfigNext.cjs +1 -1
- package/dist/cjs/XTableRequestNext.cjs +1 -1
- package/dist/cjs/XUploadOssNext-D174wiQw.cjs +2 -0
- package/dist/cjs/{XUploadOssNext-WuvoSDF9.cjs.map → XUploadOssNext-D174wiQw.cjs.map} +1 -1
- package/dist/cjs/XUploadOssNext.cjs +1 -1
- package/dist/cjs/{advance-uvToKVES.cjs → advance-CXQH0k0U.cjs} +2 -2
- package/dist/cjs/{advance-uvToKVES.cjs.map → advance-CXQH0k0U.cjs.map} +1 -1
- package/dist/cjs/advance.cjs +1 -1
- package/dist/cjs/{basic-zYGNGrBr.cjs → basic-CKVDAV8Q.cjs} +2 -2
- package/dist/cjs/{basic-zYGNGrBr.cjs.map → basic-CKVDAV8Q.cjs.map} +1 -1
- package/dist/cjs/element.css +3 -0
- package/dist/cjs/index.cjs +1 -1
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/style.cjs +1 -0
- package/dist/es/Button-DSKisAgZ.js.map +1 -1
- package/dist/es/Cascader-Df1d0rtN.js.map +1 -1
- package/dist/es/Checkbox-C5Z0Dqkx.js.map +1 -1
- package/dist/es/{ConfigProvider-BxTuabDa.js → ConfigProvider-Dd3Oqqvf.js} +2 -1
- package/dist/es/{ConfigProvider-BxTuabDa.js.map → ConfigProvider-Dd3Oqqvf.js.map} +1 -1
- package/dist/es/ConfigProvider.js +1 -3
- package/dist/es/DatePicker-xJSFLg0Y.js.map +1 -1
- package/dist/es/Dialog-BvMeOAU9.js.map +1 -1
- package/dist/es/Form-V7_olGHq.js.map +1 -1
- package/dist/es/FormItem-DCMMnSQO.js +46 -0
- package/dist/es/FormItem-DCMMnSQO.js.map +1 -0
- package/dist/es/FormItem.js +1 -1
- package/dist/es/Input-CQvLBbzQ.js.map +1 -1
- package/dist/es/InputNumber-DxMf5l3F.js.map +1 -1
- package/dist/es/Pagination-BJEeN66O.js.map +1 -1
- package/dist/es/{Select-j0p9vu45.js → Select-BHgPcMvn.js} +9 -5
- package/dist/es/Select-BHgPcMvn.js.map +1 -0
- package/dist/es/Select.js +1 -1
- package/dist/es/TabPane-B_fsTqWm.js.map +1 -1
- package/dist/es/Table-Dz_FhW7c.js.map +1 -1
- package/dist/es/Tabs-COmnZvj1.js.map +1 -1
- package/dist/es/Upload-B9QtDZhT.js.map +1 -1
- package/dist/es/{XButtonAsync-BviM8veU.js → XButtonAsync-DN6-j4VG.js} +2 -1
- package/dist/es/{XButtonAsync-BviM8veU.js.map → XButtonAsync-DN6-j4VG.js.map} +1 -1
- package/dist/es/XButtonAsync.js +1 -20
- package/dist/es/{XButtonConfirm-DSM0d3kM.js → XButtonConfirm-D8UkJz_d.js} +4 -1
- package/dist/es/XButtonConfirm-D8UkJz_d.js.map +1 -0
- package/dist/es/XButtonConfirm.js +1 -20
- package/dist/es/{XCascaderRequest-BEEB6g1U.js → XCascaderRequest-Bsvfwf28.js} +2 -1
- package/dist/es/{XCascaderRequest-BEEB6g1U.js.map → XCascaderRequest-Bsvfwf28.js.map} +1 -1
- package/dist/es/XCascaderRequest.js +1 -20
- package/dist/es/{XFormFlex-9D3LLGS3.js → XFormFlex-CeKL-p1x.js} +2 -1
- package/dist/es/{XFormFlex-9D3LLGS3.js.map → XFormFlex-CeKL-p1x.js.map} +1 -1
- package/dist/es/XFormFlex.js +1 -20
- package/dist/es/{XFormRequestNext-r2w94D_g.js → XFormRequestNext-ClKFsdRJ.js} +2 -1
- package/dist/es/{XFormRequestNext-r2w94D_g.js.map → XFormRequestNext-ClKFsdRJ.js.map} +1 -1
- package/dist/es/XFormRequestNext.js +1 -20
- package/dist/es/XRequest-qctTVADK.js.map +1 -1
- package/dist/es/{XSelectRequest-D_GWLwZd.js → XSelectRequest-eDF112KU.js} +3 -2
- package/dist/es/{XSelectRequest-D_GWLwZd.js.map → XSelectRequest-eDF112KU.js.map} +1 -1
- package/dist/es/XSelectRequest.js +1 -20
- package/dist/es/{XTableFlex-BS4kHV1U.js → XTableFlex-IiKO2YNg.js} +2 -1
- package/dist/es/{XTableFlex-BS4kHV1U.js.map → XTableFlex-IiKO2YNg.js.map} +1 -1
- package/dist/es/XTableFlex.js +1 -20
- package/dist/es/XTableRequestConfigNext.js +1 -29
- package/dist/es/XTableRequestNext.js +1 -29
- package/dist/es/{XUploadOssNext-CrgzDukP.js → XUploadOssNext-yBI5Peoe.js} +2 -1
- package/dist/es/{XUploadOssNext-CrgzDukP.js.map → XUploadOssNext-yBI5Peoe.js.map} +1 -1
- package/dist/es/XUploadOssNext.js +1 -20
- package/dist/es/{advance-DR8SJkbS.js → advance-9IP8swna.js} +11 -11
- package/dist/es/{advance-DR8SJkbS.js.map → advance-9IP8swna.js.map} +1 -1
- package/dist/es/advance.js +9 -28
- package/dist/es/{basic-D15p93oi.js → basic-DvQGCOl7.js} +4 -4
- package/dist/es/{basic-D15p93oi.js.map → basic-DvQGCOl7.js.map} +1 -1
- package/dist/es/element.css +3 -0
- package/dist/es/index.js +5 -14
- package/dist/es/index.js.map +1 -1
- package/dist/es/style.js +0 -0
- package/dist/types/src/advance.d.ts +1 -0
- package/dist/types/{components → src/components}/advance/XButtonAsync.vue.d.ts +1 -1
- package/dist/types/{components → src/components}/advance/XButtonConfirm.vue.d.ts +1 -1
- package/dist/types/{components → src/components}/advance/XCascaderRequest.vue.d.ts +2 -2
- package/dist/types/{components → src/components}/advance/XFormFlex.vue.d.ts +1 -1
- package/dist/types/{components → src/components}/advance/XFormRequestNext.vue.d.ts +1 -1
- package/dist/types/{components → src/components}/advance/XRequest.vue.d.ts +1 -1
- package/dist/types/{components → src/components}/advance/XSelectRequest.vue.d.ts +2 -2
- package/dist/types/{components → src/components}/advance/XTableFlex.vue.d.ts +1 -1
- package/dist/types/{components → src/components}/advance/XTableRequestConfigNext.vue.d.ts +2 -2
- package/dist/types/{components → src/components}/advance/XTableRequestNext.vue.d.ts +3 -3
- package/dist/types/{components → src/components}/advance/XUploadOssNext.vue.d.ts +1 -1
- package/dist/types/src/components/advance.d.ts +38 -0
- package/dist/types/{components → src/components}/basic/DatePicker.vue.d.ts +1 -1
- package/dist/types/{components → src/components}/basic/FormItem.vue.d.ts +1 -0
- package/dist/types/{components → src/components}/basic/Input.vue.d.ts +1 -1
- package/dist/types/{components → src/components}/basic/Select.vue.d.ts +1 -1
- package/dist/types/{components → src/components}/basic/Tabs.vue.d.ts +1 -1
- package/dist/types/src/components/basic.d.ts +33 -0
- package/dist/types/{constants → src/constants}/index.d.ts +2 -2
- package/dist/types/src/index.d.ts +6 -0
- package/dist/types/{install.d.ts → src/install.d.ts} +2 -2
- package/dist/types/src/style.d.ts +0 -0
- package/dist/types/{types.d.ts → src/types.d.ts} +1 -1
- package/package.json +18 -11
- package/dist/cjs/ConfigProvider-BWSlnOEd.cjs +0 -2
- package/dist/cjs/FormItem-DhNzkWS8.cjs +0 -2
- package/dist/cjs/FormItem-DhNzkWS8.cjs.map +0 -1
- package/dist/cjs/Select-CbFsXS-J.cjs.map +0 -1
- package/dist/cjs/XButtonAsync-CYYCezyy.cjs +0 -2
- package/dist/cjs/XButtonConfirm-EMbf8Yjy.cjs +0 -2
- package/dist/cjs/XButtonConfirm-EMbf8Yjy.cjs.map +0 -1
- package/dist/cjs/XCascaderRequest-CEJzu7XX.cjs +0 -2
- package/dist/cjs/XFormFlex-DsCIkIQO.cjs +0 -2
- package/dist/cjs/XFormRequestNext-DWe3ZGx1.cjs +0 -2
- package/dist/cjs/XSelectRequest-Dcfq8af2.cjs +0 -2
- package/dist/cjs/XTableFlex-CI8kSati.cjs +0 -2
- package/dist/cjs/XUploadOssNext-WuvoSDF9.cjs +0 -2
- package/dist/es/FormItem-Cv-aJSKR.js +0 -41
- package/dist/es/FormItem-Cv-aJSKR.js.map +0 -1
- package/dist/es/Select-j0p9vu45.js.map +0 -1
- package/dist/es/XButtonConfirm-DSM0d3kM.js.map +0 -1
- package/dist/types/advance.d.ts +0 -1
- package/dist/types/components/advance.d.ts +0 -38
- package/dist/types/components/basic.d.ts +0 -33
- package/dist/types/index.d.ts +0 -6
- /package/dist/types/{components → src/components}/basic/Button.vue.d.ts +0 -0
- /package/dist/types/{components → src/components}/basic/Cascader.vue.d.ts +0 -0
- /package/dist/types/{components → src/components}/basic/Checkbox.vue.d.ts +0 -0
- /package/dist/types/{components → src/components}/basic/ConfigProvider.vue.d.ts +0 -0
- /package/dist/types/{components → src/components}/basic/Dialog.vue.d.ts +0 -0
- /package/dist/types/{components → src/components}/basic/Form.vue.d.ts +0 -0
- /package/dist/types/{components → src/components}/basic/InputNumber.vue.d.ts +0 -0
- /package/dist/types/{components → src/components}/basic/Pagination.vue.d.ts +0 -0
- /package/dist/types/{components → src/components}/basic/TabPane.vue.d.ts +0 -0
- /package/dist/types/{components → src/components}/basic/Table.vue.d.ts +0 -0
- /package/dist/types/{components → src/components}/basic/Upload.vue.d.ts +0 -0
- /package/dist/types/{locales → src/locales}/en.d.ts +0 -0
- /package/dist/types/{locales → src/locales}/index.d.ts +0 -0
- /package/dist/types/{locales → src/locales}/zh-cn.d.ts +0 -0
- /package/dist/types/{resolver.d.ts → src/resolver.d.ts} +0 -0
package/dist/cjs/advance.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`})
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./XButtonAsync-DxB_iRpa.cjs`),t=require(`./XButtonConfirm-DMcr5_5A.cjs`),n=require(`./XCascaderRequest-DKW_m3MY.cjs`),r=require(`./XFormFlex-CAxHuPZj.cjs`),i=require(`./XFormRequestNext-zfjnyv2v.cjs`),a=require(`./XRequest-BNDHllWT.cjs`),o=require(`./XSelectRequest-B0uan46l.cjs`),s=require(`./XTableFlex-D8d713CD.cjs`),c=require(`./advance-CXQH0k0U.cjs`),l=require(`./XUploadOssNext-D174wiQw.cjs`);exports.XButtonAsync=e.t,exports.XButtonConfirm=t.t,exports.XCascaderRequest=n.t,exports.XFormFlex=r.t,exports.XFormRequestNext=i.t,exports.XRequest=a.t,exports.XSelectRequest=o.t,exports.XTableFlex=s.t,exports.XTableRequestConfigNext=c.r,exports.XTableRequestNext=c.n,exports.XUploadOssNext=l.t;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e=Object.defineProperty,t=(t,n)=>{let r={};for(var i in t)e(r,i,{get:t[i],enumerable:!0});return n||e(r,Symbol.toStringTag,{value:`Module`}),r};const n=require(`./Button-8c-6EPNG.cjs`),r=require(`./Cascader-CwDh-TjU.cjs`),i=require(`./Checkbox-CNcwptzq.cjs`),a=require(`./ConfigProvider-
|
|
2
|
-
//# sourceMappingURL=basic-
|
|
1
|
+
var e=Object.defineProperty,t=(t,n)=>{let r={};for(var i in t)e(r,i,{get:t[i],enumerable:!0});return n||e(r,Symbol.toStringTag,{value:`Module`}),r};const n=require(`./Button-8c-6EPNG.cjs`),r=require(`./Cascader-CwDh-TjU.cjs`),i=require(`./Checkbox-CNcwptzq.cjs`),a=require(`./ConfigProvider-CyWiC5MP.cjs`),o=require(`./DatePicker-pKtnPDXe.cjs`),s=require(`./Dialog-BQzqL743.cjs`),c=require(`./Form-DKzgN4am.cjs`),l=require(`./FormItem-BSXNuWjn.cjs`),u=require(`./Input-Bnp7Ap0P.cjs`),d=require(`./InputNumber-Ddow_hhd.cjs`),f=require(`./Pagination-Cy3Y08FK.cjs`),p=require(`./Select-QOHpdjtL.cjs`),m=require(`./Table-B3zf7ybj.cjs`),h=require(`./TabPane-C2gWO5xN.cjs`),g=require(`./Tabs-CQcXRrGf.cjs`),_=require(`./Upload-Cw1DMO7y.cjs`);var v=t({XButton:()=>n.t,XCascader:()=>r.t,XCheckbox:()=>i.t,XConfigProvider:()=>a.t,XDatePicker:()=>o.t,XDialog:()=>s.t,XForm:()=>c.t,XFormItem:()=>l.t,XInput:()=>u.t,XInputNumber:()=>d.t,XPagination:()=>f.t,XSelect:()=>p.t,XTabPane:()=>h.t,XTable:()=>m.t,XTabs:()=>g.t,XUpload:()=>_.t});Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return v}});
|
|
2
|
+
//# sourceMappingURL=basic-CKVDAV8Q.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"basic-
|
|
1
|
+
{"version":3,"file":"basic-CKVDAV8Q.cjs","names":[],"sources":["../../src/components/basic.ts"],"sourcesContent":["import XButton from '@/components/basic/Button.vue'\r\nimport XCascader from '@/components/basic/Cascader.vue'\r\nimport XCheckbox from '@/components/basic/Checkbox.vue'\r\nimport XConfigProvider from '@/components/basic/ConfigProvider.vue'\r\nimport XDatePicker from '@/components/basic/DatePicker.vue'\r\nimport XDialog from '@/components/basic/Dialog.vue'\r\nimport XForm from '@/components/basic/Form.vue'\r\nimport XFormItem from '@/components/basic/FormItem.vue'\r\nimport XInput from '@/components/basic/Input.vue'\r\nimport XInputNumber from '@/components/basic/InputNumber.vue'\r\nimport XPagination from '@/components/basic/Pagination.vue'\r\nimport XSelect from '@/components/basic/Select.vue'\r\nimport XTable from '@/components/basic/Table.vue'\r\nimport XTabPane from '@/components/basic/TabPane.vue'\r\nimport XTabs from '@/components/basic/Tabs.vue'\r\nimport XUpload from '@/components/basic/Upload.vue'\r\n\r\nexport {\r\n XButton,\r\n XCascader,\r\n XCheckbox,\r\n XConfigProvider,\r\n XDatePicker,\r\n XDialog,\r\n XForm,\r\n XFormItem,\r\n XInput,\r\n XInputNumber,\r\n XPagination,\r\n XSelect,\r\n XTable,\r\n XTabPane,\r\n XTabs,\r\n XUpload\r\n}\r\n\r\nexport * from '@/components/basic/Button.vue'\r\nexport * from '@/components/basic/Cascader.vue'\r\nexport * from '@/components/basic/Checkbox.vue'\r\nexport * from '@/components/basic/ConfigProvider.vue'\r\nexport * from '@/components/basic/DatePicker.vue'\r\nexport * from '@/components/basic/Dialog.vue'\r\nexport * from '@/components/basic/Form.vue'\r\nexport * from '@/components/basic/FormItem.vue'\r\nexport * from '@/components/basic/Input.vue'\r\nexport * from '@/components/basic/InputNumber.vue'\r\nexport * from '@/components/basic/Pagination.vue'\r\nexport * from '@/components/basic/Select.vue'\r\nexport * from '@/components/basic/Table.vue'\r\nexport * from '@/components/basic/TabPane.vue'\r\nexport * from '@/components/basic/Tabs.vue'\r\nexport * from '@/components/basic/Upload.vue'\r\n"],"mappings":""}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
|
|
2
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.right-0{right:calc(var(--spacing) * 0)}.z-1000{z-index:1000}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.contents{display:contents}.flex{display:flex}.grid{display:grid}.table{display:table}.w-50{width:calc(var(--spacing) * 50)}.flex-1{flex:1}.cursor-grab{cursor:grab}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing) * 2)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\[\#f2f6fc\]>:not(:last-child)){border-color:#f2f6fc}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.bg-\(--el-bg-color\){background-color:var(--el-bg-color)}.bg-\(--el-color-primary-light-7\){background-color:var(--el-color-primary-light-7)}.bg-\(--el-fill-color-light\){background-color:var(--el-fill-color-light)}.px-2{padding-inline:calc(var(--spacing) * 2)}.py-2{padding-block:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.overflow-ellipsis{text-overflow:ellipsis}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media (width>=48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=64rem){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=80rem){.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
|
|
3
|
+
/*$vite$:1*/
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./basic-
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`./basic-CKVDAV8Q.cjs`),t=require(`./Button-8c-6EPNG.cjs`),n=require(`./constants-CYUPXiMy.cjs`),r=require(`./Cascader-CwDh-TjU.cjs`),i=require(`./Checkbox-CNcwptzq.cjs`),a=require(`./en-Da0_dekZ.cjs`),o=require(`./zh-cn-CF-yyg2O.cjs`);require(`./index2.cjs`);const s=require(`./ConfigProvider-CyWiC5MP.cjs`),c=require(`./DatePicker-pKtnPDXe.cjs`),l=require(`./Dialog-BQzqL743.cjs`),u=require(`./Form-DKzgN4am.cjs`),d=require(`./FormItem-BSXNuWjn.cjs`),f=require(`./Input-Bnp7Ap0P.cjs`),p=require(`./InputNumber-Ddow_hhd.cjs`),m=require(`./Pagination-Cy3Y08FK.cjs`),h=require(`./Select-QOHpdjtL.cjs`),g=require(`./Table-B3zf7ybj.cjs`),_=require(`./TabPane-C2gWO5xN.cjs`),v=require(`./Tabs-CQcXRrGf.cjs`),y=require(`./Upload-Cw1DMO7y.cjs`),b=require(`./advance-CXQH0k0U.cjs`);let x=require(`element-plus`);var S={button:{autoInsertSpace:!1},table:{showOverflowTooltip:!1}},C=(e={})=>({button:{...S.button,...e.button},table:{...S.table,...e.table},oss:e.oss}),w=(t,r={})=>{t[n.n]||(t[n.n]=!0,t.provide(n.t,C(r.config)),t.directive(`loading`,x.vLoading),Object.entries({...e.t,...r.advance?b.t:{}}).forEach(([e,n])=>t.component(e,n)))},T=w;exports.XButton=t.t,exports.XCascader=r.t,exports.XCheckbox=i.t,exports.XConfigProvider=s.t,exports.XDatePicker=c.t,exports.XDialog=l.t,exports.XForm=u.t,exports.XFormItem=d.t,exports.XInput=f.t,exports.XInputNumber=p.t,exports.XPagination=m.t,exports.XSelect=h.t,exports.XTabPane=_.t,exports.XTable=g.t,exports.XTabs=v.t,exports.XUpload=y.t,exports.default=T,exports.en=a.t,exports.install=w,exports.zhCn=o.t;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/cjs/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","names":[],"sources":["../../src/install.ts","../../src/index.ts"],"sourcesContent":["import type { App, Component } from 'vue'\r\nimport type { ElementConfig } from '@/types'\r\n\r\nimport { vLoading } from 'element-plus'\r\n\r\nimport * as advances from '@/components/advance'\r\nimport * as basics from '@/components/basic'\r\n\r\nimport { X_ELEMENT_CONFIG, X_ELEMENT_INSTALLED } from '@/constants'\r\n\r\nconst defaultElementConfig: ElementConfig = {\r\n button: {\r\n autoInsertSpace: false\r\n },\r\n table: {\r\n showOverflowTooltip: false\r\n }\r\n}\r\n\r\nconst mergeElementConfig = (config: ElementConfig = {}): ElementConfig => {\r\n return {\r\n button: { ...defaultElementConfig.button, ...config.button },\r\n table: { ...defaultElementConfig.table, ...config.table },\r\n oss: config.oss\r\n }\r\n}\r\n\r\ndeclare module 'vue' {\r\n export interface App {\r\n [X_ELEMENT_INSTALLED]: boolean\r\n }\r\n}\r\n\r\nexport const install = (app: App, options: { advance?: boolean, config?: ElementConfig } = {}) => {\r\n if (app[X_ELEMENT_INSTALLED]) return\r\n app[X_ELEMENT_INSTALLED] = true\r\n\r\n app.provide(X_ELEMENT_CONFIG, mergeElementConfig(options.config))\r\n\r\n app.directive('loading', vLoading)\r\n\r\n Object.entries(\r\n {\r\n ...basics,\r\n ...(options.advance ? advances : {})\r\n }\r\n ).forEach(([name, component]) => app.component(name, component as Component))\r\n}\r\n","import { install } from '@/install'\r\n\r\nexport * from '@/components/basic'\r\nexport * from '@/install'\r\nexport * from '@/locales'\r\nexport * from '@/types'\r\n\r\nexport default install\r\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","names":[],"sources":["../../src/install.ts","../../src/index.ts"],"sourcesContent":["import type { App, Component } from 'vue'\r\nimport type { ElementConfig } from '@/types'\r\n\r\nimport { vLoading } from 'element-plus'\r\n\r\nimport * as advances from '@/components/advance'\r\nimport * as basics from '@/components/basic'\r\n\r\nimport { X_ELEMENT_CONFIG, X_ELEMENT_INSTALLED } from '@/constants'\r\n\r\nconst defaultElementConfig: ElementConfig = {\r\n button: {\r\n autoInsertSpace: false\r\n },\r\n table: {\r\n showOverflowTooltip: false\r\n }\r\n}\r\n\r\nconst mergeElementConfig = (config: ElementConfig = {}): ElementConfig => {\r\n return {\r\n button: { ...defaultElementConfig.button, ...config.button },\r\n table: { ...defaultElementConfig.table, ...config.table },\r\n oss: config.oss\r\n }\r\n}\r\n\r\ndeclare module 'vue' {\r\n export interface App {\r\n [X_ELEMENT_INSTALLED]: boolean\r\n }\r\n}\r\n\r\nexport const install = (app: App, options: { advance?: boolean, config?: ElementConfig } = {}) => {\r\n if (app[X_ELEMENT_INSTALLED]) return\r\n app[X_ELEMENT_INSTALLED] = true\r\n\r\n app.provide(X_ELEMENT_CONFIG, mergeElementConfig(options.config))\r\n\r\n app.directive('loading', vLoading)\r\n\r\n Object.entries(\r\n {\r\n ...basics,\r\n ...(options.advance ? advances : {})\r\n }\r\n ).forEach(([name, component]) => app.component(name, component as Component))\r\n}\r\n","import { install } from '@/install'\r\n\r\nexport * from '@/components/basic'\r\nexport * from '@/install'\r\nexport * from '@/locales'\r\nexport * from '@/types'\r\n\r\nexport default install\r\n"],"mappings":"o5BAUA,IAAM,EAAsC,CAC1C,OAAQ,CACN,gBAAiB,GAClB,CACD,MAAO,CACL,oBAAqB,GACtB,CACF,CAEK,GAAsB,EAAwB,EAAE,IAC7C,CACL,OAAQ,CAAE,GAAG,EAAqB,OAAQ,GAAG,EAAO,OAAQ,CAC5D,MAAO,CAAE,GAAG,EAAqB,MAAO,GAAG,EAAO,MAAO,CACzD,IAAK,EAAO,IACb,EASU,GAAW,EAAU,EAAyD,EAAE,GAAK,CAC5F,EAAI,EAAA,KACR,EAAI,EAAA,GAAuB,GAE3B,EAAI,QAAQ,EAAA,EAAkB,EAAmB,EAAQ,OAAO,CAAC,CAEjE,EAAI,UAAU,UAAW,EAAA,SAAS,CAElC,OAAO,QACL,CACE,GAAG,EAAA,EACH,GAAI,EAAQ,QAAU,EAAA,EAAW,EAAE,CACpC,CACF,CAAC,SAAS,CAAC,EAAM,KAAe,EAAI,UAAU,EAAM,EAAuB,CAAC,GCvC/E,EAAe"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button-DSKisAgZ.js","names":[],"sources":["../../src/components/basic/Button.vue","../../src/components/basic/Button.vue"],"sourcesContent":["<script setup lang=\"tsx\">\r\nimport type { ButtonProps } from 'element-plus'\r\n\r\nimport { ElButton } from 'element-plus'\r\n\r\nexport interface XButtonConfig {\r\n /**\r\n * 两个中文字符之间自动插入空格(仅当文本长度为 2 且所有字符均为中文时才生效)\r\n * @default false\r\n */\r\n autoInsertSpace?: boolean\r\n}\r\n\r\nexport interface XButtonProps {\r\n disabled?: ButtonProps['disabled']\r\n link?: ButtonProps['link']\r\n size?: ButtonProps['size']\r\n text?: ButtonProps['text']\r\n type?: ButtonProps['type']\r\n icon?: ButtonProps['icon']\r\n}\r\n\r\nconst { disabled = undefined, link = undefined } = defineProps<XButtonProps>()\r\n\r\nconst emit = defineEmits<{\r\n click: [e: MouseEvent]\r\n}>()\r\n</script>\r\n\r\n<template>\r\n <ElButton\r\n v-bind=\"{ type, text, link, disabled, size, icon }\"\r\n @click=\"emit('click', $event)\"\r\n >\r\n <slot />\r\n </ElButton>\r\n</template>\r\n","<script setup lang=\"tsx\">\r\nimport type { ButtonProps } from 'element-plus'\r\n\r\nimport { ElButton } from 'element-plus'\r\n\r\nexport interface XButtonConfig {\r\n /**\r\n * 两个中文字符之间自动插入空格(仅当文本长度为 2 且所有字符均为中文时才生效)\r\n * @default false\r\n */\r\n autoInsertSpace?: boolean\r\n}\r\n\r\nexport interface XButtonProps {\r\n disabled?: ButtonProps['disabled']\r\n link?: ButtonProps['link']\r\n size?: ButtonProps['size']\r\n text?: ButtonProps['text']\r\n type?: ButtonProps['type']\r\n icon?: ButtonProps['icon']\r\n}\r\n\r\nconst { disabled = undefined, link = undefined } = defineProps<XButtonProps>()\r\n\r\nconst emit = defineEmits<{\r\n click: [e: MouseEvent]\r\n}>()\r\n</script>\r\n\r\n<template>\r\n <ElButton\r\n v-bind=\"{ type, text, link, disabled, size, icon }\"\r\n @click=\"emit('click', $event)\"\r\n >\r\n <slot />\r\n </ElButton>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Button-DSKisAgZ.js","names":[],"sources":["../../src/components/basic/Button.vue","../../src/components/basic/Button.vue"],"sourcesContent":["<script setup lang=\"tsx\">\r\nimport type { ButtonProps } from 'element-plus'\r\n\r\nimport { ElButton } from 'element-plus'\r\n\r\nexport interface XButtonConfig {\r\n /**\r\n * 两个中文字符之间自动插入空格(仅当文本长度为 2 且所有字符均为中文时才生效)\r\n * @default false\r\n */\r\n autoInsertSpace?: boolean\r\n}\r\n\r\nexport interface XButtonProps {\r\n disabled?: ButtonProps['disabled']\r\n link?: ButtonProps['link']\r\n size?: ButtonProps['size']\r\n text?: ButtonProps['text']\r\n type?: ButtonProps['type']\r\n icon?: ButtonProps['icon']\r\n}\r\n\r\nconst { disabled = undefined, link = undefined } = defineProps<XButtonProps>()\r\n\r\nconst emit = defineEmits<{\r\n click: [e: MouseEvent]\r\n}>()\r\n</script>\r\n\r\n<template>\r\n <ElButton\r\n v-bind=\"{ type, text, link, disabled, size, icon }\"\r\n @click=\"emit('click', $event)\"\r\n >\r\n <slot />\r\n </ElButton>\r\n</template>\r\n","<script setup lang=\"tsx\">\r\nimport type { ButtonProps } from 'element-plus'\r\n\r\nimport { ElButton } from 'element-plus'\r\n\r\nexport interface XButtonConfig {\r\n /**\r\n * 两个中文字符之间自动插入空格(仅当文本长度为 2 且所有字符均为中文时才生效)\r\n * @default false\r\n */\r\n autoInsertSpace?: boolean\r\n}\r\n\r\nexport interface XButtonProps {\r\n disabled?: ButtonProps['disabled']\r\n link?: ButtonProps['link']\r\n size?: ButtonProps['size']\r\n text?: ButtonProps['text']\r\n type?: ButtonProps['type']\r\n icon?: ButtonProps['icon']\r\n}\r\n\r\nconst { disabled = undefined, link = undefined } = defineProps<XButtonProps>()\r\n\r\nconst emit = defineEmits<{\r\n click: [e: MouseEvent]\r\n}>()\r\n</script>\r\n\r\n<template>\r\n <ElButton\r\n v-bind=\"{ type, text, link, disabled, size, icon }\"\r\n @click=\"emit('click', $event)\"\r\n >\r\n <slot />\r\n </ElButton>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAwBA,IAAM,IAAO;yBAMX,EAKW,EAAA,EAAA,EALX,EAKW;GAAA,MAJC,EAAA;GAAI,MAAE,EAAA;GAAI,MAAE,EAAA;GAAI,UAAE,EAAA;GAAQ,MAAE,EAAA;GAAI,MAAE,EAAA;GAAI,EAAA,EAC/C,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,SAAU,EAAM,EAAA,CAAA,EAAA;oBAEpB,CAAR,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Cascader-Df1d0rtN.js","names":[],"sources":["../../src/components/basic/Cascader.vue","../../src/components/basic/Cascader.vue"],"sourcesContent":["<script setup lang=\"tsx\" generic=\"D, V, MV extends V | V[]\">\r\nimport type { CascaderComponentProps, CascaderNodeValue, CascaderOption } from 'element-plus'\r\n\r\nimport { ElCascader, useLocale } from 'element-plus'\r\nimport { computed, inject, watchEffect } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION, X_LOCALE_CONFIG } from '@/constants'\r\n\r\nexport interface XCascaderOptionProps<D, V> {\r\n children?: D[]\r\n disabled?: boolean\r\n label?: number | string\r\n value: V\r\n leaf?: boolean\r\n}\r\n\r\nexport interface XCascaderProps<D, V> {\r\n data?: D[]\r\n factory?: (option: D, level: number) => XCascaderOptionProps<D, V>\r\n\r\n clearable?: CascaderComponentProps['clearable']\r\n disabled?: CascaderComponentProps['disabled']\r\n filterable?: CascaderComponentProps['filterable']\r\n size?: CascaderComponentProps['size']\r\n placeholder?: CascaderComponentProps['placeholder']\r\n props?: CascaderComponentProps['props']\r\n}\r\n\r\nconst { data, disabled = undefined } = defineProps<XCascaderProps<D, V>>()\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nconst { t } = useLocale(locale)\r\n\r\nconst model = defineModel<MV>()\r\n\r\nconst options = computed(() => (data ?? []) as CascaderOption[])\r\n\r\nconst localModel = computed({\r\n get: () => model.value as CascaderNodeValue,\r\n set: (value) => {\r\n model.value = value as MV\r\n }\r\n})\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (!model.value || (Array.isArray(model.value) && model.value.length === 0)) {\r\n return `请选择${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n\r\nwatchEffect(() => {\r\n console.log(options.value)\r\n})\r\n</script>\r\n\r\n<template>\r\n <ElCascader v-model=\"localModel\" v-bind=\"{ clearable, disabled, filterable, size, options, props, placeholder: placeholder ?? t('el.select.placeholder') }\" />\r\n</template>\r\n","<script setup lang=\"tsx\" generic=\"D, V, MV extends V | V[]\">\r\nimport type { CascaderComponentProps, CascaderNodeValue, CascaderOption } from 'element-plus'\r\n\r\nimport { ElCascader, useLocale } from 'element-plus'\r\nimport { computed, inject, watchEffect } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION, X_LOCALE_CONFIG } from '@/constants'\r\n\r\nexport interface XCascaderOptionProps<D, V> {\r\n children?: D[]\r\n disabled?: boolean\r\n label?: number | string\r\n value: V\r\n leaf?: boolean\r\n}\r\n\r\nexport interface XCascaderProps<D, V> {\r\n data?: D[]\r\n factory?: (option: D, level: number) => XCascaderOptionProps<D, V>\r\n\r\n clearable?: CascaderComponentProps['clearable']\r\n disabled?: CascaderComponentProps['disabled']\r\n filterable?: CascaderComponentProps['filterable']\r\n size?: CascaderComponentProps['size']\r\n placeholder?: CascaderComponentProps['placeholder']\r\n props?: CascaderComponentProps['props']\r\n}\r\n\r\nconst { data, disabled = undefined } = defineProps<XCascaderProps<D, V>>()\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nconst { t } = useLocale(locale)\r\n\r\nconst model = defineModel<MV>()\r\n\r\nconst options = computed(() => (data ?? []) as CascaderOption[])\r\n\r\nconst localModel = computed({\r\n get: () => model.value as CascaderNodeValue,\r\n set: (value) => {\r\n model.value = value as MV\r\n }\r\n})\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (!model.value || (Array.isArray(model.value) && model.value.length === 0)) {\r\n return `请选择${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n\r\nwatchEffect(() => {\r\n console.log(options.value)\r\n})\r\n</script>\r\n\r\n<template>\r\n <ElCascader v-model=\"localModel\" v-bind=\"{ clearable, disabled, filterable, size, options, props, placeholder: placeholder ?? t('el.select.placeholder') }\" />\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Cascader-Df1d0rtN.js","names":[],"sources":["../../src/components/basic/Cascader.vue","../../src/components/basic/Cascader.vue"],"sourcesContent":["<script setup lang=\"tsx\" generic=\"D, V, MV extends V | V[]\">\r\nimport type { CascaderComponentProps, CascaderNodeValue, CascaderOption } from 'element-plus'\r\n\r\nimport { ElCascader, useLocale } from 'element-plus'\r\nimport { computed, inject, watchEffect } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION, X_LOCALE_CONFIG } from '@/constants'\r\n\r\nexport interface XCascaderOptionProps<D, V> {\r\n children?: D[]\r\n disabled?: boolean\r\n label?: number | string\r\n value: V\r\n leaf?: boolean\r\n}\r\n\r\nexport interface XCascaderProps<D, V> {\r\n data?: D[]\r\n factory?: (option: D, level: number) => XCascaderOptionProps<D, V>\r\n\r\n clearable?: CascaderComponentProps['clearable']\r\n disabled?: CascaderComponentProps['disabled']\r\n filterable?: CascaderComponentProps['filterable']\r\n size?: CascaderComponentProps['size']\r\n placeholder?: CascaderComponentProps['placeholder']\r\n props?: CascaderComponentProps['props']\r\n}\r\n\r\nconst { data, disabled = undefined } = defineProps<XCascaderProps<D, V>>()\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nconst { t } = useLocale(locale)\r\n\r\nconst model = defineModel<MV>()\r\n\r\nconst options = computed(() => (data ?? []) as CascaderOption[])\r\n\r\nconst localModel = computed({\r\n get: () => model.value as CascaderNodeValue,\r\n set: (value) => {\r\n model.value = value as MV\r\n }\r\n})\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (!model.value || (Array.isArray(model.value) && model.value.length === 0)) {\r\n return `请选择${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n\r\nwatchEffect(() => {\r\n console.log(options.value)\r\n})\r\n</script>\r\n\r\n<template>\r\n <ElCascader v-model=\"localModel\" v-bind=\"{ clearable, disabled, filterable, size, options, props, placeholder: placeholder ?? t('el.select.placeholder') }\" />\r\n</template>\r\n","<script setup lang=\"tsx\" generic=\"D, V, MV extends V | V[]\">\r\nimport type { CascaderComponentProps, CascaderNodeValue, CascaderOption } from 'element-plus'\r\n\r\nimport { ElCascader, useLocale } from 'element-plus'\r\nimport { computed, inject, watchEffect } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION, X_LOCALE_CONFIG } from '@/constants'\r\n\r\nexport interface XCascaderOptionProps<D, V> {\r\n children?: D[]\r\n disabled?: boolean\r\n label?: number | string\r\n value: V\r\n leaf?: boolean\r\n}\r\n\r\nexport interface XCascaderProps<D, V> {\r\n data?: D[]\r\n factory?: (option: D, level: number) => XCascaderOptionProps<D, V>\r\n\r\n clearable?: CascaderComponentProps['clearable']\r\n disabled?: CascaderComponentProps['disabled']\r\n filterable?: CascaderComponentProps['filterable']\r\n size?: CascaderComponentProps['size']\r\n placeholder?: CascaderComponentProps['placeholder']\r\n props?: CascaderComponentProps['props']\r\n}\r\n\r\nconst { data, disabled = undefined } = defineProps<XCascaderProps<D, V>>()\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nconst { t } = useLocale(locale)\r\n\r\nconst model = defineModel<MV>()\r\n\r\nconst options = computed(() => (data ?? []) as CascaderOption[])\r\n\r\nconst localModel = computed({\r\n get: () => model.value as CascaderNodeValue,\r\n set: (value) => {\r\n model.value = value as MV\r\n }\r\n})\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (!model.value || (Array.isArray(model.value) && model.value.length === 0)) {\r\n return `请选择${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n\r\nwatchEffect(() => {\r\n console.log(options.value)\r\n})\r\n</script>\r\n\r\n<template>\r\n <ElCascader v-model=\"localModel\" v-bind=\"{ clearable, disabled, filterable, size, options, props, placeholder: placeholder ?? t('el.select.placeholder') }\" />\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EA+BA,IAAM,EAAE,SAAM,EADC,EAAO,EAAgB,CACP,EAEzB,IAAQ,EAAe,GAAA,aAAE,EAEzB,IAAU,QAAgB,EAAA,QAAQ,EAAuB,CAAC,EAE1D,IAAa,EAAS;GAC1B,WAAW,EAAM;GACjB,MAAM,MAAU;AACd,MAAM,QAAQ;;GAEjB,CAAC,EAEI,IAAqB,EAAO,GAAwB,KAAA,EAAU;AACpE,MAAI,GAAoB,UAAU;GAChC,IAAM,EAAE,UAAO,iBAAc;AAC7B,KAAmB,kBACb,CAAC,EAAM,SAAU,MAAM,QAAQ,EAAM,MAAM,IAAI,EAAM,MAAM,WAAW,IACjE,MAAM,MAER,KAAa;;SAIxB,QAAkB;AAChB,WAAQ,IAAI,EAAQ,MAAM;IAC1B,kBAIA,EAA8J,EAAA,EAAA,EAA9J,EAA8J;eAAzI,EAAA;0CAAA,EAAU,QAAA;;cAAY,EAAA;GAAS,UAAE,EAAA;GAAQ,YAAE,EAAA;GAAU,MAAE,EAAA;GAAI,SAAE,EAAA;GAAO,OAAE,EAAA;GAAK,aAAe,EAAA,eAAe,EAAA,EAAC,CAAA,wBAAA;GAAA,CAAA,EAAA,MAAA,IAAA,CAAA,aAAA,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox-C5Z0Dqkx.js","names":[],"sources":["../../src/components/basic/Checkbox.vue","../../src/components/basic/Checkbox.vue"],"sourcesContent":["<script setup lang=\"tsx\">\r\nimport type { CheckboxProps, CheckboxValueType } from 'element-plus'\r\nimport { ElCheckbox } from 'element-plus'\r\nimport { inject } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION } from '@/constants'\r\n\r\nexport interface XCheckboxProps {\r\n disabled?: boolean\r\n size?: CheckboxProps['size']\r\n label?: CheckboxProps['label']\r\n trueValue?: CheckboxProps['trueValue']\r\n falseValue?: CheckboxProps['falseValue']\r\n}\r\n\r\nconst { disabled = undefined } = defineProps<XCheckboxProps>()\r\n\r\ndefineEmits<{\r\n blur: [e: FocusEvent]\r\n focus: [e: FocusEvent]\r\n}>()\r\n\r\nconst model = defineModel<CheckboxValueType>()\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (!model.value) {\r\n return `请选择${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElCheckbox v-bind=\"{ disabled }\" v-model=\"model\" />\r\n</template>\r\n","<script setup lang=\"tsx\">\r\nimport type { CheckboxProps, CheckboxValueType } from 'element-plus'\r\nimport { ElCheckbox } from 'element-plus'\r\nimport { inject } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION } from '@/constants'\r\n\r\nexport interface XCheckboxProps {\r\n disabled?: boolean\r\n size?: CheckboxProps['size']\r\n label?: CheckboxProps['label']\r\n trueValue?: CheckboxProps['trueValue']\r\n falseValue?: CheckboxProps['falseValue']\r\n}\r\n\r\nconst { disabled = undefined } = defineProps<XCheckboxProps>()\r\n\r\ndefineEmits<{\r\n blur: [e: FocusEvent]\r\n focus: [e: FocusEvent]\r\n}>()\r\n\r\nconst model = defineModel<CheckboxValueType>()\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (!model.value) {\r\n return `请选择${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElCheckbox v-bind=\"{ disabled }\" v-model=\"model\" />\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Checkbox-C5Z0Dqkx.js","names":[],"sources":["../../src/components/basic/Checkbox.vue","../../src/components/basic/Checkbox.vue"],"sourcesContent":["<script setup lang=\"tsx\">\r\nimport type { CheckboxProps, CheckboxValueType } from 'element-plus'\r\nimport { ElCheckbox } from 'element-plus'\r\nimport { inject } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION } from '@/constants'\r\n\r\nexport interface XCheckboxProps {\r\n disabled?: boolean\r\n size?: CheckboxProps['size']\r\n label?: CheckboxProps['label']\r\n trueValue?: CheckboxProps['trueValue']\r\n falseValue?: CheckboxProps['falseValue']\r\n}\r\n\r\nconst { disabled = undefined } = defineProps<XCheckboxProps>()\r\n\r\ndefineEmits<{\r\n blur: [e: FocusEvent]\r\n focus: [e: FocusEvent]\r\n}>()\r\n\r\nconst model = defineModel<CheckboxValueType>()\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (!model.value) {\r\n return `请选择${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElCheckbox v-bind=\"{ disabled }\" v-model=\"model\" />\r\n</template>\r\n","<script setup lang=\"tsx\">\r\nimport type { CheckboxProps, CheckboxValueType } from 'element-plus'\r\nimport { ElCheckbox } from 'element-plus'\r\nimport { inject } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION } from '@/constants'\r\n\r\nexport interface XCheckboxProps {\r\n disabled?: boolean\r\n size?: CheckboxProps['size']\r\n label?: CheckboxProps['label']\r\n trueValue?: CheckboxProps['trueValue']\r\n falseValue?: CheckboxProps['falseValue']\r\n}\r\n\r\nconst { disabled = undefined } = defineProps<XCheckboxProps>()\r\n\r\ndefineEmits<{\r\n blur: [e: FocusEvent]\r\n focus: [e: FocusEvent]\r\n}>()\r\n\r\nconst model = defineModel<CheckboxValueType>()\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (!model.value) {\r\n return `请选择${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElCheckbox v-bind=\"{ disabled }\" v-model=\"model\" />\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsBA,IAAM,IAAQ,EAA8B,GAAA,aAAE,EAExC,IAAqB,EAAO,GAAwB,KAAA,EAAU;AACpE,MAAI,GAAoB,UAAU;GAChC,IAAM,EAAE,UAAO,iBAAc;AAC7B,KAAmB,kBACZ,EAAM,QAGJ,KAAa,GAFX,MAAM;;yBAQjB,EAAoD,EAAA,EAAA,EAApD,EAAoD,EAAA,UAA9B,EAAA,UAAQ,EAAA;eAAa,EAAA;0CAAA,EAAK,QAAA"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { l as e } from "./constants-C_Llxhb6.js";
|
|
2
2
|
import { t } from "./zh-cn-Bkn9hgF7.js";
|
|
3
|
+
import "./index2.js";
|
|
3
4
|
import { computed as n, defineComponent as r, provide as i, renderSlot as a } from "vue";
|
|
4
5
|
//#endregion
|
|
5
6
|
//#region src/components/basic/ConfigProvider.vue
|
|
@@ -13,4 +14,4 @@ var o = /* @__PURE__ */ r({
|
|
|
13
14
|
//#endregion
|
|
14
15
|
export { o as t };
|
|
15
16
|
|
|
16
|
-
//# sourceMappingURL=ConfigProvider-
|
|
17
|
+
//# sourceMappingURL=ConfigProvider-Dd3Oqqvf.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfigProvider-
|
|
1
|
+
{"version":3,"file":"ConfigProvider-Dd3Oqqvf.js","names":[],"sources":["../../src/components/basic/ConfigProvider.vue","../../src/components/basic/ConfigProvider.vue"],"sourcesContent":["<script setup lang=\"tsx\">\r\nimport type { ConfigProviderProps } from 'element-plus'\r\nimport { computed, provide } from 'vue'\r\nimport { X_LOCALE_CONFIG } from '@/constants'\r\n\r\nimport { zhCn } from '@/locales'\r\n\r\nconst { locale } = defineProps<XConfigProviderProps>()\r\n\r\nexport interface XConfigProviderProps {\r\n locale?: ConfigProviderProps['locale']\r\n}\r\n\r\nconst localLocale = computed(() => locale ?? zhCn)\r\n\r\nprovide(X_LOCALE_CONFIG, localLocale)\r\n</script>\r\n\r\n<template>\r\n <slot></slot>\r\n</template>\r\n","<script setup lang=\"tsx\">\r\nimport type { ConfigProviderProps } from 'element-plus'\r\nimport { computed, provide } from 'vue'\r\nimport { X_LOCALE_CONFIG } from '@/constants'\r\n\r\nimport { zhCn } from '@/locales'\r\n\r\nconst { locale } = defineProps<XConfigProviderProps>()\r\n\r\nexport interface XConfigProviderProps {\r\n locale?: ConfigProviderProps['locale']\r\n}\r\n\r\nconst localLocale = computed(() => locale ?? zhCn)\r\n\r\nprovide(X_LOCALE_CONFIG, localLocale)\r\n</script>\r\n\r\n<template>\r\n <slot></slot>\r\n</template>\r\n"],"mappings":";;;;;;;;;;SAeA,EAAQ,GAFY,QAAe,EAAA,UAAU,EAAK,CAEb,YAInC,EAAa,EAAA,QAAA,UAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker-xJSFLg0Y.js","names":["$emit"],"sources":["../../src/components/basic/DatePicker.vue","../../src/components/basic/DatePicker.vue"],"sourcesContent":["<script setup lang=\"tsx\" generic=\"V extends string\">\r\nimport type { DatePickerProps } from 'element-plus'\r\nimport { ElConfigProvider, ElDatePicker, useLocale } from 'element-plus'\r\nimport { computed, inject, useAttrs } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION, X_LOCALE_CONFIG } from '@/constants'\r\n\r\nexport interface XDatePickerProps {\r\n disabled?: boolean\r\n disabledDate?: DatePickerProps['disabledDate']\r\n endPlaceholder?: DatePickerProps['endPlaceholder']\r\n placeholder?: DatePickerProps['placeholder']\r\n shortcuts?: DatePickerProps['shortcuts']\r\n startPlaceholder?: DatePickerProps['startPlaceholder']\r\n type?: DatePickerProps['type']\r\n valueFormat?: DatePickerProps['valueFormat']\r\n}\r\n\r\nconst { type = 'date', disabled = undefined } = defineProps<XDatePickerProps>()\r\n\r\ndefineEmits<{\r\n blur: [e: FocusEvent]\r\n focus: [e: FocusEvent]\r\n}>()\r\n\r\nconst attrs = useAttrs()\r\nconst model = defineModel<V>()\r\nconst start = defineModel<V>('start')\r\nconst end = defineModel<V>('end')\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nconst { t } = useLocale(locale)\r\n\r\nconst modelValue = computed({\r\n get() {\r\n if (type.includes('range') && start.value && end.value) {\r\n return [start.value, end.value]\r\n }\r\n else if (!type.includes('range')) {\r\n return model.value\r\n }\r\n return null\r\n },\r\n set(value) {\r\n if (type.includes('range') && Array.isArray(value)) {\r\n start.value = value?.[0] as V\r\n end.value = value?.[1] as V\r\n }\r\n else {\r\n model.value = value as V\r\n }\r\n }\r\n})\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (type.includes('range') && (!start.value || !end.value)) {\r\n return `请选择${label}`\r\n }\r\n else if (!model.value) {\r\n return `请选择${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElConfigProvider :locale=\"locale\">\r\n <ElDatePicker\r\n v-bind=\"{\r\n disabled,\r\n disabledDate,\r\n type,\r\n valueFormat,\r\n placeholder: placeholder ?? t('el.datepicker.placeholder'),\r\n startPlaceholder: placeholder ?? t('el.datepicker.startPlaceholder'),\r\n endPlaceholder: placeholder ?? t('el.datepicker.endPlaceholder'),\r\n shortcuts,\r\n ...attrs,\r\n }\"\r\n v-model=\"modelValue\"\r\n @blur=\"$emit('blur', $event)\"\r\n @focus=\"$emit('focus', $event)\"\r\n />\r\n </ElConfigProvider>\r\n</template>\r\n","<script setup lang=\"tsx\" generic=\"V extends string\">\r\nimport type { DatePickerProps } from 'element-plus'\r\nimport { ElConfigProvider, ElDatePicker, useLocale } from 'element-plus'\r\nimport { computed, inject, useAttrs } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION, X_LOCALE_CONFIG } from '@/constants'\r\n\r\nexport interface XDatePickerProps {\r\n disabled?: boolean\r\n disabledDate?: DatePickerProps['disabledDate']\r\n endPlaceholder?: DatePickerProps['endPlaceholder']\r\n placeholder?: DatePickerProps['placeholder']\r\n shortcuts?: DatePickerProps['shortcuts']\r\n startPlaceholder?: DatePickerProps['startPlaceholder']\r\n type?: DatePickerProps['type']\r\n valueFormat?: DatePickerProps['valueFormat']\r\n}\r\n\r\nconst { type = 'date', disabled = undefined } = defineProps<XDatePickerProps>()\r\n\r\ndefineEmits<{\r\n blur: [e: FocusEvent]\r\n focus: [e: FocusEvent]\r\n}>()\r\n\r\nconst attrs = useAttrs()\r\nconst model = defineModel<V>()\r\nconst start = defineModel<V>('start')\r\nconst end = defineModel<V>('end')\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nconst { t } = useLocale(locale)\r\n\r\nconst modelValue = computed({\r\n get() {\r\n if (type.includes('range') && start.value && end.value) {\r\n return [start.value, end.value]\r\n }\r\n else if (!type.includes('range')) {\r\n return model.value\r\n }\r\n return null\r\n },\r\n set(value) {\r\n if (type.includes('range') && Array.isArray(value)) {\r\n start.value = value?.[0] as V\r\n end.value = value?.[1] as V\r\n }\r\n else {\r\n model.value = value as V\r\n }\r\n }\r\n})\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (type.includes('range') && (!start.value || !end.value)) {\r\n return `请选择${label}`\r\n }\r\n else if (!model.value) {\r\n return `请选择${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElConfigProvider :locale=\"locale\">\r\n <ElDatePicker\r\n v-bind=\"{\r\n disabled,\r\n disabledDate,\r\n type,\r\n valueFormat,\r\n placeholder: placeholder ?? t('el.datepicker.placeholder'),\r\n startPlaceholder: placeholder ?? t('el.datepicker.startPlaceholder'),\r\n endPlaceholder: placeholder ?? t('el.datepicker.endPlaceholder'),\r\n shortcuts,\r\n ...attrs,\r\n }\"\r\n v-model=\"modelValue\"\r\n @blur=\"$emit('blur', $event)\"\r\n @focus=\"$emit('focus', $event)\"\r\n />\r\n </ElConfigProvider>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"DatePicker-xJSFLg0Y.js","names":["$emit"],"sources":["../../src/components/basic/DatePicker.vue","../../src/components/basic/DatePicker.vue"],"sourcesContent":["<script setup lang=\"tsx\" generic=\"V extends string\">\r\nimport type { DatePickerProps } from 'element-plus'\r\nimport { ElConfigProvider, ElDatePicker, useLocale } from 'element-plus'\r\nimport { computed, inject, useAttrs } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION, X_LOCALE_CONFIG } from '@/constants'\r\n\r\nexport interface XDatePickerProps {\r\n disabled?: boolean\r\n disabledDate?: DatePickerProps['disabledDate']\r\n endPlaceholder?: DatePickerProps['endPlaceholder']\r\n placeholder?: DatePickerProps['placeholder']\r\n shortcuts?: DatePickerProps['shortcuts']\r\n startPlaceholder?: DatePickerProps['startPlaceholder']\r\n type?: DatePickerProps['type']\r\n valueFormat?: DatePickerProps['valueFormat']\r\n}\r\n\r\nconst { type = 'date', disabled = undefined } = defineProps<XDatePickerProps>()\r\n\r\ndefineEmits<{\r\n blur: [e: FocusEvent]\r\n focus: [e: FocusEvent]\r\n}>()\r\n\r\nconst attrs = useAttrs()\r\nconst model = defineModel<V>()\r\nconst start = defineModel<V>('start')\r\nconst end = defineModel<V>('end')\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nconst { t } = useLocale(locale)\r\n\r\nconst modelValue = computed({\r\n get() {\r\n if (type.includes('range') && start.value && end.value) {\r\n return [start.value, end.value]\r\n }\r\n else if (!type.includes('range')) {\r\n return model.value\r\n }\r\n return null\r\n },\r\n set(value) {\r\n if (type.includes('range') && Array.isArray(value)) {\r\n start.value = value?.[0] as V\r\n end.value = value?.[1] as V\r\n }\r\n else {\r\n model.value = value as V\r\n }\r\n }\r\n})\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (type.includes('range') && (!start.value || !end.value)) {\r\n return `请选择${label}`\r\n }\r\n else if (!model.value) {\r\n return `请选择${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElConfigProvider :locale=\"locale\">\r\n <ElDatePicker\r\n v-bind=\"{\r\n disabled,\r\n disabledDate,\r\n type,\r\n valueFormat,\r\n placeholder: placeholder ?? t('el.datepicker.placeholder'),\r\n startPlaceholder: placeholder ?? t('el.datepicker.startPlaceholder'),\r\n endPlaceholder: placeholder ?? t('el.datepicker.endPlaceholder'),\r\n shortcuts,\r\n ...attrs,\r\n }\"\r\n v-model=\"modelValue\"\r\n @blur=\"$emit('blur', $event)\"\r\n @focus=\"$emit('focus', $event)\"\r\n />\r\n </ElConfigProvider>\r\n</template>\r\n","<script setup lang=\"tsx\" generic=\"V extends string\">\r\nimport type { DatePickerProps } from 'element-plus'\r\nimport { ElConfigProvider, ElDatePicker, useLocale } from 'element-plus'\r\nimport { computed, inject, useAttrs } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION, X_LOCALE_CONFIG } from '@/constants'\r\n\r\nexport interface XDatePickerProps {\r\n disabled?: boolean\r\n disabledDate?: DatePickerProps['disabledDate']\r\n endPlaceholder?: DatePickerProps['endPlaceholder']\r\n placeholder?: DatePickerProps['placeholder']\r\n shortcuts?: DatePickerProps['shortcuts']\r\n startPlaceholder?: DatePickerProps['startPlaceholder']\r\n type?: DatePickerProps['type']\r\n valueFormat?: DatePickerProps['valueFormat']\r\n}\r\n\r\nconst { type = 'date', disabled = undefined } = defineProps<XDatePickerProps>()\r\n\r\ndefineEmits<{\r\n blur: [e: FocusEvent]\r\n focus: [e: FocusEvent]\r\n}>()\r\n\r\nconst attrs = useAttrs()\r\nconst model = defineModel<V>()\r\nconst start = defineModel<V>('start')\r\nconst end = defineModel<V>('end')\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nconst { t } = useLocale(locale)\r\n\r\nconst modelValue = computed({\r\n get() {\r\n if (type.includes('range') && start.value && end.value) {\r\n return [start.value, end.value]\r\n }\r\n else if (!type.includes('range')) {\r\n return model.value\r\n }\r\n return null\r\n },\r\n set(value) {\r\n if (type.includes('range') && Array.isArray(value)) {\r\n start.value = value?.[0] as V\r\n end.value = value?.[1] as V\r\n }\r\n else {\r\n model.value = value as V\r\n }\r\n }\r\n})\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (type.includes('range') && (!start.value || !end.value)) {\r\n return `请选择${label}`\r\n }\r\n else if (!model.value) {\r\n return `请选择${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElConfigProvider :locale=\"locale\">\r\n <ElDatePicker\r\n v-bind=\"{\r\n disabled,\r\n disabledDate,\r\n type,\r\n valueFormat,\r\n placeholder: placeholder ?? t('el.datepicker.placeholder'),\r\n startPlaceholder: placeholder ?? t('el.datepicker.startPlaceholder'),\r\n endPlaceholder: placeholder ?? t('el.datepicker.endPlaceholder'),\r\n shortcuts,\r\n ...attrs,\r\n }\"\r\n v-model=\"modelValue\"\r\n @blur=\"$emit('blur', $event)\"\r\n @focus=\"$emit('focus', $event)\"\r\n />\r\n </ElConfigProvider>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyBA,IAAM,IAAQ,GAAU,EAClB,IAAQ,EAAc,GAAA,aAAE,EACxB,IAAQ,EAAc,GAAC,QAAQ,EAC/B,IAAM,EAAc,GAAC,MAAM,EAE3B,IAAS,EAAO,EAAgB,EAChC,EAAE,SAAM,EAAU,EAAO,EAEzB,IAAa,EAAS;GAC1B,MAAM;AAOJ,WANI,EAAA,KAAK,SAAS,QAAQ,IAAI,EAAM,SAAS,EAAI,QACxC,CAAC,EAAM,OAAO,EAAI,MAAM,GAEvB,EAAA,KAAK,SAAS,QAAQ,GAGzB,OAFE,EAAM;;GAIjB,IAAI,GAAO;AACT,IAAI,EAAA,KAAK,SAAS,QAAQ,IAAI,MAAM,QAAQ,EAAM,IAChD,EAAM,QAAQ,IAAQ,IACtB,EAAI,QAAQ,IAAQ,MAGpB,EAAM,QAAQ;;GAGnB,CAAC,EAEI,IAAqB,EAAO,GAAwB,KAAA,EAAU;AACpE,MAAI,GAAoB,UAAU;GAChC,IAAM,EAAE,UAAO,iBAAc;AAC7B,KAAmB,kBACb,EAAA,KAAK,SAAS,QAAQ,KAAK,CAAC,EAAM,SAAS,CAAC,EAAI,SAC3C,MAAM,MAEL,EAAM,QAGT,KAAa,GAFX,MAAM;;yBAQjB,EAiBmB,EAAA,EAAA,EAAA,EAjBA,QAAQ,EAAA,EAAA,EAAM,EAAA;oBAgB7B,CAfF,EAeE,EAAA,EAAA,EAfF,EAeE;cAdmB,EAAA;kBAAmB,EAAA;UAAuB,EAAA;iBAAe,EAAA;iBAAmC,EAAA,eAAe,EAAA,EAAC,CAAA,4BAAA;sBAA0D,EAAA,eAAe,EAAA,EAAC,CAAA,iCAAA;oBAA6D,EAAA,eAAe,EAAA,EAAC,CAAA,+BAAA;eAA2C,EAAA;OAAuB,EAAA,EAAA;;gBAW/U,EAAA;2CAAA,EAAU,QAAA;IAClB,QAAI,AAAA,EAAA,QAAA,MAAEA,EAAAA,MAAK,QAAS,EAAM;IAC1B,SAAK,AAAA,EAAA,QAAA,MAAEA,EAAAA,MAAK,SAAU,EAAM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog-BvMeOAU9.js","names":["$slots"],"sources":["../../src/components/basic/Dialog.vue","../../src/components/basic/Dialog.vue"],"sourcesContent":["<script setup lang=\"tsx\">\r\nimport type { DialogProps } from 'element-plus'\r\n\r\nimport type { VNodeChild } from 'vue'\r\nimport { ElDialog } from 'element-plus'\r\n\r\nexport interface XDialogProps {\r\n bodyClass?: DialogProps['bodyClass']\r\n width?: DialogProps['width']\r\n showClose?: DialogProps['showClose']\r\n title?: DialogProps['title']\r\n center?: DialogProps['center']\r\n alignCenter?: DialogProps['alignCenter']\r\n draggable?: DialogProps['draggable']\r\n closeOnClickModal?: DialogProps['closeOnClickModal']\r\n closeOnPressEscape?: DialogProps['closeOnPressEscape']\r\n}\r\n\r\nconst {\r\n showClose = undefined,\r\n closeOnClickModal = undefined,\r\n closeOnPressEscape = undefined\r\n} = defineProps<XDialogProps>()\r\ndefineSlots<{\r\n default?: () => VNodeChild\r\n header?: () => VNodeChild\r\n footer?: () => VNodeChild\r\n}>()\r\nconst visible = defineModel<boolean>()\r\n</script>\r\n\r\n<template>\r\n <ElDialog\r\n v-model=\"visible\"\r\n v-bind=\"{\r\n bodyClass,\r\n width,\r\n showClose,\r\n title,\r\n center,\r\n alignCenter,\r\n draggable,\r\n closeOnClickModal,\r\n closeOnPressEscape,\r\n }\"\r\n >\r\n <template v-if=\"'header' in $slots\" #header>\r\n <slot name=\"header\"></slot>\r\n </template>\r\n <slot></slot>\r\n <template v-if=\"'footer' in $slots\" #footer>\r\n <slot name=\"footer\"></slot>\r\n </template>\r\n </ElDialog>\r\n</template>\r\n","<script setup lang=\"tsx\">\r\nimport type { DialogProps } from 'element-plus'\r\n\r\nimport type { VNodeChild } from 'vue'\r\nimport { ElDialog } from 'element-plus'\r\n\r\nexport interface XDialogProps {\r\n bodyClass?: DialogProps['bodyClass']\r\n width?: DialogProps['width']\r\n showClose?: DialogProps['showClose']\r\n title?: DialogProps['title']\r\n center?: DialogProps['center']\r\n alignCenter?: DialogProps['alignCenter']\r\n draggable?: DialogProps['draggable']\r\n closeOnClickModal?: DialogProps['closeOnClickModal']\r\n closeOnPressEscape?: DialogProps['closeOnPressEscape']\r\n}\r\n\r\nconst {\r\n showClose = undefined,\r\n closeOnClickModal = undefined,\r\n closeOnPressEscape = undefined\r\n} = defineProps<XDialogProps>()\r\ndefineSlots<{\r\n default?: () => VNodeChild\r\n header?: () => VNodeChild\r\n footer?: () => VNodeChild\r\n}>()\r\nconst visible = defineModel<boolean>()\r\n</script>\r\n\r\n<template>\r\n <ElDialog\r\n v-model=\"visible\"\r\n v-bind=\"{\r\n bodyClass,\r\n width,\r\n showClose,\r\n title,\r\n center,\r\n alignCenter,\r\n draggable,\r\n closeOnClickModal,\r\n closeOnPressEscape,\r\n }\"\r\n >\r\n <template v-if=\"'header' in $slots\" #header>\r\n <slot name=\"header\"></slot>\r\n </template>\r\n <slot></slot>\r\n <template v-if=\"'footer' in $slots\" #footer>\r\n <slot name=\"footer\"></slot>\r\n </template>\r\n </ElDialog>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Dialog-BvMeOAU9.js","names":["$slots"],"sources":["../../src/components/basic/Dialog.vue","../../src/components/basic/Dialog.vue"],"sourcesContent":["<script setup lang=\"tsx\">\r\nimport type { DialogProps } from 'element-plus'\r\n\r\nimport type { VNodeChild } from 'vue'\r\nimport { ElDialog } from 'element-plus'\r\n\r\nexport interface XDialogProps {\r\n bodyClass?: DialogProps['bodyClass']\r\n width?: DialogProps['width']\r\n showClose?: DialogProps['showClose']\r\n title?: DialogProps['title']\r\n center?: DialogProps['center']\r\n alignCenter?: DialogProps['alignCenter']\r\n draggable?: DialogProps['draggable']\r\n closeOnClickModal?: DialogProps['closeOnClickModal']\r\n closeOnPressEscape?: DialogProps['closeOnPressEscape']\r\n}\r\n\r\nconst {\r\n showClose = undefined,\r\n closeOnClickModal = undefined,\r\n closeOnPressEscape = undefined\r\n} = defineProps<XDialogProps>()\r\ndefineSlots<{\r\n default?: () => VNodeChild\r\n header?: () => VNodeChild\r\n footer?: () => VNodeChild\r\n}>()\r\nconst visible = defineModel<boolean>()\r\n</script>\r\n\r\n<template>\r\n <ElDialog\r\n v-model=\"visible\"\r\n v-bind=\"{\r\n bodyClass,\r\n width,\r\n showClose,\r\n title,\r\n center,\r\n alignCenter,\r\n draggable,\r\n closeOnClickModal,\r\n closeOnPressEscape,\r\n }\"\r\n >\r\n <template v-if=\"'header' in $slots\" #header>\r\n <slot name=\"header\"></slot>\r\n </template>\r\n <slot></slot>\r\n <template v-if=\"'footer' in $slots\" #footer>\r\n <slot name=\"footer\"></slot>\r\n </template>\r\n </ElDialog>\r\n</template>\r\n","<script setup lang=\"tsx\">\r\nimport type { DialogProps } from 'element-plus'\r\n\r\nimport type { VNodeChild } from 'vue'\r\nimport { ElDialog } from 'element-plus'\r\n\r\nexport interface XDialogProps {\r\n bodyClass?: DialogProps['bodyClass']\r\n width?: DialogProps['width']\r\n showClose?: DialogProps['showClose']\r\n title?: DialogProps['title']\r\n center?: DialogProps['center']\r\n alignCenter?: DialogProps['alignCenter']\r\n draggable?: DialogProps['draggable']\r\n closeOnClickModal?: DialogProps['closeOnClickModal']\r\n closeOnPressEscape?: DialogProps['closeOnPressEscape']\r\n}\r\n\r\nconst {\r\n showClose = undefined,\r\n closeOnClickModal = undefined,\r\n closeOnPressEscape = undefined\r\n} = defineProps<XDialogProps>()\r\ndefineSlots<{\r\n default?: () => VNodeChild\r\n header?: () => VNodeChild\r\n footer?: () => VNodeChild\r\n}>()\r\nconst visible = defineModel<boolean>()\r\n</script>\r\n\r\n<template>\r\n <ElDialog\r\n v-model=\"visible\"\r\n v-bind=\"{\r\n bodyClass,\r\n width,\r\n showClose,\r\n title,\r\n center,\r\n alignCenter,\r\n draggable,\r\n closeOnClickModal,\r\n closeOnPressEscape,\r\n }\"\r\n >\r\n <template v-if=\"'header' in $slots\" #header>\r\n <slot name=\"header\"></slot>\r\n </template>\r\n <slot></slot>\r\n <template v-if=\"'footer' in $slots\" #footer>\r\n <slot name=\"footer\"></slot>\r\n </template>\r\n </ElDialog>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BA,IAAM,IAAU,EAAoB,GAAA,aAAE;yBAIpC,EAqBW,EAAA,EAAA,EArBX,EAqBW;eApBA,EAAA;0CAAA,EAAO,QAAA;;cACC,EAAA;UAAkB,EAAA;cAAc,EAAA;UAAkB,EAAA;WAAc,EAAA;gBAAe,EAAA;cAAoB,EAAA;sBAAkB,EAAA;uBAA0B,EAAA;;oBAenJ,CAAb,EAAa,EAAA,QAAA,UAAA,CAAA,CAAA;;kBAHeA,EAAAA,SAAAA;SAAS;eACR,CAA3B,EAA2B,EAAA,QAAA,SAAA,CAAA,CAAA;;0BAGDA,EAAAA,SAAAA;SAAS;eACR,CAA3B,EAA2B,EAAA,QAAA,SAAA,CAAA,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form-V7_olGHq.js","names":[],"sources":["../../src/components/basic/Form.vue","../../src/components/basic/Form.vue"],"sourcesContent":["<script setup lang=\"tsx\" generic=\"D extends object\">\r\nimport type { VNodeChild } from 'vue'\r\nimport type { XFormItemValidation } from './FormItem.vue'\r\nimport { ElForm } from 'element-plus'\r\nimport { provide, useTemplateRef } from 'vue'\r\nimport { X_ELEMENT_IN_FORM, X_FORM_VALIDATIONS } from '@/constants'\r\n\r\nexport interface XFormProps<D> {\r\n content?: (scope: { data: D }) => VNodeChild\r\n data?: D\r\n disabled?: boolean\r\n inline?: boolean\r\n labelPosition?: 'left' | 'right' | 'top'\r\n labelSuffix?: string\r\n labelWidth?: number | string\r\n}\r\n\r\nconst { content, data, disabled = undefined } = defineProps<XFormProps<D>>()\r\n\r\nconst form = useTemplateRef('form')\r\n\r\nconst Content = () => content?.({ data: data ?? {} } as { data: D })\r\n\r\nprovide(X_ELEMENT_IN_FORM, true)\r\n\r\nconst validations = [] as XFormItemValidation[]\r\nprovide(X_FORM_VALIDATIONS, validations)\r\nconst validate = () => validations.every(item => item.validate())\r\nconst clearValidate = () => validations.forEach(it => it.clearValidate())\r\nconst resetFields = () => {\r\n clearValidate()\r\n form.value?.resetFields()\r\n}\r\n\r\ndefineExpose({ clearValidate, data, validate, resetFields })\r\n</script>\r\n\r\n<template>\r\n <ElForm\r\n ref=\"form\"\r\n v-bind=\"{\r\n model: data,\r\n disabled,\r\n inline,\r\n labelPosition,\r\n labelWidth,\r\n labelSuffix,\r\n }\"\r\n >\r\n <Content />\r\n </ElForm>\r\n</template>\r\n","<script setup lang=\"tsx\" generic=\"D extends object\">\r\nimport type { VNodeChild } from 'vue'\r\nimport type { XFormItemValidation } from './FormItem.vue'\r\nimport { ElForm } from 'element-plus'\r\nimport { provide, useTemplateRef } from 'vue'\r\nimport { X_ELEMENT_IN_FORM, X_FORM_VALIDATIONS } from '@/constants'\r\n\r\nexport interface XFormProps<D> {\r\n content?: (scope: { data: D }) => VNodeChild\r\n data?: D\r\n disabled?: boolean\r\n inline?: boolean\r\n labelPosition?: 'left' | 'right' | 'top'\r\n labelSuffix?: string\r\n labelWidth?: number | string\r\n}\r\n\r\nconst { content, data, disabled = undefined } = defineProps<XFormProps<D>>()\r\n\r\nconst form = useTemplateRef('form')\r\n\r\nconst Content = () => content?.({ data: data ?? {} } as { data: D })\r\n\r\nprovide(X_ELEMENT_IN_FORM, true)\r\n\r\nconst validations = [] as XFormItemValidation[]\r\nprovide(X_FORM_VALIDATIONS, validations)\r\nconst validate = () => validations.every(item => item.validate())\r\nconst clearValidate = () => validations.forEach(it => it.clearValidate())\r\nconst resetFields = () => {\r\n clearValidate()\r\n form.value?.resetFields()\r\n}\r\n\r\ndefineExpose({ clearValidate, data, validate, resetFields })\r\n</script>\r\n\r\n<template>\r\n <ElForm\r\n ref=\"form\"\r\n v-bind=\"{\r\n model: data,\r\n disabled,\r\n inline,\r\n labelPosition,\r\n labelWidth,\r\n labelSuffix,\r\n }\"\r\n >\r\n <Content />\r\n </ElForm>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Form-V7_olGHq.js","names":[],"sources":["../../src/components/basic/Form.vue","../../src/components/basic/Form.vue"],"sourcesContent":["<script setup lang=\"tsx\" generic=\"D extends object\">\r\nimport type { VNodeChild } from 'vue'\r\nimport type { XFormItemValidation } from './FormItem.vue'\r\nimport { ElForm } from 'element-plus'\r\nimport { provide, useTemplateRef } from 'vue'\r\nimport { X_ELEMENT_IN_FORM, X_FORM_VALIDATIONS } from '@/constants'\r\n\r\nexport interface XFormProps<D> {\r\n content?: (scope: { data: D }) => VNodeChild\r\n data?: D\r\n disabled?: boolean\r\n inline?: boolean\r\n labelPosition?: 'left' | 'right' | 'top'\r\n labelSuffix?: string\r\n labelWidth?: number | string\r\n}\r\n\r\nconst { content, data, disabled = undefined } = defineProps<XFormProps<D>>()\r\n\r\nconst form = useTemplateRef('form')\r\n\r\nconst Content = () => content?.({ data: data ?? {} } as { data: D })\r\n\r\nprovide(X_ELEMENT_IN_FORM, true)\r\n\r\nconst validations = [] as XFormItemValidation[]\r\nprovide(X_FORM_VALIDATIONS, validations)\r\nconst validate = () => validations.every(item => item.validate())\r\nconst clearValidate = () => validations.forEach(it => it.clearValidate())\r\nconst resetFields = () => {\r\n clearValidate()\r\n form.value?.resetFields()\r\n}\r\n\r\ndefineExpose({ clearValidate, data, validate, resetFields })\r\n</script>\r\n\r\n<template>\r\n <ElForm\r\n ref=\"form\"\r\n v-bind=\"{\r\n model: data,\r\n disabled,\r\n inline,\r\n labelPosition,\r\n labelWidth,\r\n labelSuffix,\r\n }\"\r\n >\r\n <Content />\r\n </ElForm>\r\n</template>\r\n","<script setup lang=\"tsx\" generic=\"D extends object\">\r\nimport type { VNodeChild } from 'vue'\r\nimport type { XFormItemValidation } from './FormItem.vue'\r\nimport { ElForm } from 'element-plus'\r\nimport { provide, useTemplateRef } from 'vue'\r\nimport { X_ELEMENT_IN_FORM, X_FORM_VALIDATIONS } from '@/constants'\r\n\r\nexport interface XFormProps<D> {\r\n content?: (scope: { data: D }) => VNodeChild\r\n data?: D\r\n disabled?: boolean\r\n inline?: boolean\r\n labelPosition?: 'left' | 'right' | 'top'\r\n labelSuffix?: string\r\n labelWidth?: number | string\r\n}\r\n\r\nconst { content, data, disabled = undefined } = defineProps<XFormProps<D>>()\r\n\r\nconst form = useTemplateRef('form')\r\n\r\nconst Content = () => content?.({ data: data ?? {} } as { data: D })\r\n\r\nprovide(X_ELEMENT_IN_FORM, true)\r\n\r\nconst validations = [] as XFormItemValidation[]\r\nprovide(X_FORM_VALIDATIONS, validations)\r\nconst validate = () => validations.every(item => item.validate())\r\nconst clearValidate = () => validations.forEach(it => it.clearValidate())\r\nconst resetFields = () => {\r\n clearValidate()\r\n form.value?.resetFields()\r\n}\r\n\r\ndefineExpose({ clearValidate, data, validate, resetFields })\r\n</script>\r\n\r\n<template>\r\n <ElForm\r\n ref=\"form\"\r\n v-bind=\"{\r\n model: data,\r\n disabled,\r\n inline,\r\n labelPosition,\r\n labelWidth,\r\n labelSuffix,\r\n }\"\r\n >\r\n <Content />\r\n </ElForm>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAmBA,IAAM,IAAO,EAAe,OAAO,EAE7B,UAAgB,EAAA,UAAU,EAAE,MAAM,EAAA,QAAQ,EAAC,EAAkB,CAAC;AAEpE,IAAQ,GAAmB,GAAK;EAEhC,IAAM,IAAc,EAA2B;AAC/C,IAAQ,GAAoB,EAAY;EACxC,IAAM,UAAiB,EAAY,OAAM,MAAQ,EAAK,UAAU,CAAC,EAC3D,UAAsB,EAAY,SAAQ,MAAM,EAAG,eAAe,CAAC;SAMzE,EAAa;GAAE;GAAe,MAAG,EAAA;GAAG;GAAU,mBALpB;AAExB,IADA,GAAe,EACf,EAAK,OAAO,aAAa;;GAGgC,CAAC,kBAI1D,EAYS,EAAA,EAAA,EAZT,EAYS;YAXH;GAAJ,KAAI;;UACoB,EAAA;aAAa,EAAA;WAAiB,EAAA;kBAAe,EAAA;eAAsB,EAAA;gBAAmB,EAAA;;oBASnG,CAAX,EAAW,EAAA,CAAA,CAAA"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { a as e, c as t, d as n, o as r, s as i, u as a } from "./constants-C_Llxhb6.js";
|
|
2
|
+
import { ElFormItem as o } from "element-plus";
|
|
3
|
+
import { createBlock as s, createVNode as c, defineComponent as l, inject as u, onMounted as d, onUnmounted as f, openBlock as p, provide as m, ref as h, unref as g, useId as _, withCtx as v } from "vue";
|
|
4
|
+
//#endregion
|
|
5
|
+
//#region src/components/basic/FormItem.vue
|
|
6
|
+
var y = /* @__PURE__ */ l({
|
|
7
|
+
__name: "FormItem",
|
|
8
|
+
props: {
|
|
9
|
+
content: { type: Function },
|
|
10
|
+
label: {},
|
|
11
|
+
required: { type: Boolean },
|
|
12
|
+
validator: { type: Function }
|
|
13
|
+
},
|
|
14
|
+
setup(l) {
|
|
15
|
+
let y = u(t, void 0), b = u(e, void 0), x = u(r, void 0), S = u(n, void 0), C = u(a, void 0), w = h(), T = _(), E = {
|
|
16
|
+
id: T,
|
|
17
|
+
clearValidate: () => w.value = void 0,
|
|
18
|
+
label: l.label,
|
|
19
|
+
required: l.required,
|
|
20
|
+
validate: () => (w.value = E.validator?.() ?? void 0, w.value && b && x && S && C?.trigger(S), !w.value)
|
|
21
|
+
};
|
|
22
|
+
m(i, E), d(() => {
|
|
23
|
+
y?.some((e) => e.id === T) || y?.push(E);
|
|
24
|
+
}), f(() => {
|
|
25
|
+
let e = y?.findIndex((e) => e.id === T);
|
|
26
|
+
e && e > -1 && y?.splice(e, 1);
|
|
27
|
+
});
|
|
28
|
+
let D = () => l.content?.();
|
|
29
|
+
return (e, t) => (p(), s(g(o), {
|
|
30
|
+
label: l.label,
|
|
31
|
+
required: l.required,
|
|
32
|
+
error: w.value
|
|
33
|
+
}, {
|
|
34
|
+
default: v(() => [c(D)]),
|
|
35
|
+
_: 1
|
|
36
|
+
}, 8, [
|
|
37
|
+
"label",
|
|
38
|
+
"required",
|
|
39
|
+
"error"
|
|
40
|
+
]));
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
//#endregion
|
|
44
|
+
export { y as t };
|
|
45
|
+
|
|
46
|
+
//# sourceMappingURL=FormItem-DCMMnSQO.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormItem-DCMMnSQO.js","names":[],"sources":["../../src/components/basic/FormItem.vue","../../src/components/basic/FormItem.vue"],"sourcesContent":["<script setup lang=\"tsx\" generic=\"D extends object\">\r\nimport type { VNodeChild } from 'vue'\r\nimport { ElFormItem } from 'element-plus'\r\nimport { inject, onMounted, onUnmounted, provide, ref, useId } from 'vue'\r\nimport { X_ELEMENT_IN_TAB_PANE, X_ELEMENT_IN_TABS, X_FORM_ITEM_VALIDATION, X_FORM_VALIDATIONS, X_TAB_PANE_NAME, X_TABS_MODEL_UPDATE_HOOK } from '@/constants'\r\n\r\nexport interface XFormItemProps {\r\n content?: () => VNodeChild\r\n label?: string\r\n required?: boolean\r\n validator?: () => string | void\r\n}\r\n\r\nexport interface XFormItemValidation {\r\n id?: string\r\n clearValidate: () => void\r\n label?: string\r\n required?: boolean\r\n validate: () => boolean\r\n validator?: () => string | void\r\n}\r\n\r\nconst { content, label, required } = defineProps<XFormItemProps>()\r\n\r\ndefineSlots<{\r\n default: () => VNodeChild\r\n label: () => VNodeChild\r\n}>()\r\n\r\nconst validations = inject(X_FORM_VALIDATIONS, undefined)\r\nconst inTabs = inject(X_ELEMENT_IN_TABS, undefined)\r\nconst inTabPane = inject(X_ELEMENT_IN_TAB_PANE, undefined)\r\nconst tabPaneName = inject(X_TAB_PANE_NAME, undefined)\r\nconst tabsUpdateModelHook = inject(X_TABS_MODEL_UPDATE_HOOK, undefined)\r\n\r\nconst error = ref<string | undefined>()\r\n\r\nconst id = useId()\r\nconst validation: XFormItemValidation = {\r\n id,\r\n clearValidate: () => error.value = undefined,\r\n label,\r\n required,\r\n validate: () => {\r\n error.value = validation.validator?.() ?? undefined\r\n\r\n if (error.value && inTabs && inTabPane && tabPaneName) {\r\n tabsUpdateModelHook?.trigger(tabPaneName)\r\n }\r\n\r\n return !error.value\r\n }\r\n}\r\nprovide(X_FORM_ITEM_VALIDATION, validation)\r\n\r\nonMounted(() => {\r\n const exist = validations?.some(it => it.id === id)\r\n if (!exist) {\r\n validations?.push(validation)\r\n }\r\n})\r\n\r\nonUnmounted(() => {\r\n const index = validations?.findIndex(it => it.id === id)\r\n if (index && index > -1) {\r\n validations?.splice(index, 1)\r\n }\r\n})\r\n\r\nconst Content = () => content?.()\r\n</script>\r\n\r\n<template>\r\n <ElFormItem :label=\"label\" :required=\"required\" :error=\"error\">\r\n <Content />\r\n </ElFormItem>\r\n</template>\r\n","<script setup lang=\"tsx\" generic=\"D extends object\">\r\nimport type { VNodeChild } from 'vue'\r\nimport { ElFormItem } from 'element-plus'\r\nimport { inject, onMounted, onUnmounted, provide, ref, useId } from 'vue'\r\nimport { X_ELEMENT_IN_TAB_PANE, X_ELEMENT_IN_TABS, X_FORM_ITEM_VALIDATION, X_FORM_VALIDATIONS, X_TAB_PANE_NAME, X_TABS_MODEL_UPDATE_HOOK } from '@/constants'\r\n\r\nexport interface XFormItemProps {\r\n content?: () => VNodeChild\r\n label?: string\r\n required?: boolean\r\n validator?: () => string | void\r\n}\r\n\r\nexport interface XFormItemValidation {\r\n id?: string\r\n clearValidate: () => void\r\n label?: string\r\n required?: boolean\r\n validate: () => boolean\r\n validator?: () => string | void\r\n}\r\n\r\nconst { content, label, required } = defineProps<XFormItemProps>()\r\n\r\ndefineSlots<{\r\n default: () => VNodeChild\r\n label: () => VNodeChild\r\n}>()\r\n\r\nconst validations = inject(X_FORM_VALIDATIONS, undefined)\r\nconst inTabs = inject(X_ELEMENT_IN_TABS, undefined)\r\nconst inTabPane = inject(X_ELEMENT_IN_TAB_PANE, undefined)\r\nconst tabPaneName = inject(X_TAB_PANE_NAME, undefined)\r\nconst tabsUpdateModelHook = inject(X_TABS_MODEL_UPDATE_HOOK, undefined)\r\n\r\nconst error = ref<string | undefined>()\r\n\r\nconst id = useId()\r\nconst validation: XFormItemValidation = {\r\n id,\r\n clearValidate: () => error.value = undefined,\r\n label,\r\n required,\r\n validate: () => {\r\n error.value = validation.validator?.() ?? undefined\r\n\r\n if (error.value && inTabs && inTabPane && tabPaneName) {\r\n tabsUpdateModelHook?.trigger(tabPaneName)\r\n }\r\n\r\n return !error.value\r\n }\r\n}\r\nprovide(X_FORM_ITEM_VALIDATION, validation)\r\n\r\nonMounted(() => {\r\n const exist = validations?.some(it => it.id === id)\r\n if (!exist) {\r\n validations?.push(validation)\r\n }\r\n})\r\n\r\nonUnmounted(() => {\r\n const index = validations?.findIndex(it => it.id === id)\r\n if (index && index > -1) {\r\n validations?.splice(index, 1)\r\n }\r\n})\r\n\r\nconst Content = () => content?.()\r\n</script>\r\n\r\n<template>\r\n <ElFormItem :label=\"label\" :required=\"required\" :error=\"error\">\r\n <Content />\r\n </ElFormItem>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;EA6BA,IAAM,IAAc,EAAO,GAAoB,KAAA,EAAU,EACnD,IAAS,EAAO,GAAmB,KAAA,EAAU,EAC7C,IAAY,EAAO,GAAuB,KAAA,EAAU,EACpD,IAAc,EAAO,GAAiB,KAAA,EAAU,EAChD,IAAsB,EAAO,GAA0B,KAAA,EAAU,EAEjE,IAAQ,GAAyB,EAEjC,IAAK,GAAO,EACZ,IAAkC;GACtC;GACA,qBAAqB,EAAM,QAAQ,KAAA;GACnC,OAAI,EAAA;GACJ,UAAO,EAAA;GACP,iBACE,EAAM,QAAQ,EAAW,aAAa,IAAI,KAAA,GAEtC,EAAM,SAAS,KAAU,KAAa,KACxC,GAAqB,QAAQ,EAAY,EAGpC,CAAC,EAAM;GAEjB;AAUD,EATA,EAAQ,GAAwB,EAAW,EAE3C,QAAgB;AAEd,GADc,GAAa,MAAK,MAAM,EAAG,OAAO,EAAG,IAEjD,GAAa,KAAK,EAAW;IAE/B,EAEF,QAAkB;GAChB,IAAM,IAAQ,GAAa,WAAU,MAAM,EAAG,OAAO,EAAG;AACxD,GAAI,KAAS,IAAQ,MACnB,GAAa,OAAO,GAAO,EAAE;IAE/B;EAEF,IAAM,UAAgB,EAAA,WAAW;yBAI/B,EAEa,EAAA,EAAA,EAAA;GAFA,OAAO,EAAA;GAAQ,UAAU,EAAA;GAAW,OAAO,EAAA;;oBAC3C,CAAX,EAAW,EAAA,CAAA,CAAA"}
|
package/dist/es/FormItem.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "./FormItem-
|
|
1
|
+
import { t as e } from "./FormItem-DCMMnSQO.js";
|
|
2
2
|
export { e as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input-CQvLBbzQ.js","names":["$slots"],"sources":["../../src/components/basic/Input.vue","../../src/components/basic/Input.vue"],"sourcesContent":["<script setup lang=\"tsx\" generic=\"MV extends string | number\">\r\nimport type { InputProps } from 'element-plus'\r\nimport type { VNode } from 'vue'\r\nimport { ElInput, useLocale } from 'element-plus'\r\nimport { inject } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION, X_LOCALE_CONFIG } from '@/constants'\r\n\r\nexport interface XInputProps {\r\n clearable?: InputProps['clearable']\r\n disabled?: InputProps['disabled']\r\n size?: InputProps['size']\r\n type?: InputProps['type']\r\n showPassword?: InputProps['showPassword']\r\n autocomplete?: InputProps['autocomplete']\r\n autosize?: InputProps['autosize']\r\n placeholder?: InputProps['placeholder']\r\n prefixIcon?: InputProps['prefixIcon']\r\n suffixIcon?: InputProps['suffixIcon']\r\n}\r\n\r\nconst { disabled = undefined } = defineProps<XInputProps>()\r\nconst emit = defineEmits<{\r\n blur: [e: FocusEvent]\r\n focus: [e: FocusEvent]\r\n change: [e: MV]\r\n}>()\r\ndefineSlots<{\r\n append: () => VNode\r\n prefix: () => VNode\r\n prepend: () => VNode\r\n suffix: () => VNode\r\n}>()\r\nconst model = defineModel<MV>()\r\n\r\n// const inTable = inject(X_ELEMENT_IN_TABLE, false)\r\n// const inTableColumn = inject(X_ELEMENT_IN_TABLE_COLUMN, false)\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nconst { t } = useLocale(locale)\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\n\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (!model.value) {\r\n return `请输入${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n\r\nconst blur = (e: FocusEvent) => {\r\n emit('blur', e)\r\n formItemValidation?.validate?.()\r\n}\r\nconst focus = (e: FocusEvent) => {\r\n emit('focus', e)\r\n}\r\nconst change = (value: string) => {\r\n emit('change', value as MV)\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElInput\r\n v-bind=\"{\r\n disabled,\r\n type,\r\n size,\r\n clearable,\r\n showPassword,\r\n autocomplete,\r\n autosize,\r\n placeholder: placeholder ?? t('el.input.placeholder'),\r\n }\"\r\n v-model=\"model\"\r\n @blur=\"blur\"\r\n @focus=\"focus\"\r\n @change=\"change\"\r\n >\r\n <template v-if=\"'append' in $slots\" #append>\r\n <slot name=\"append\" />\r\n </template>\r\n <template v-if=\"'prepend' in $slots\" #prepend>\r\n <slot name=\"prepend\" />\r\n </template>\r\n <template v-if=\"'prefix' in $slots\" #prefix>\r\n <slot name=\"prefix\" />\r\n </template>\r\n <template v-if=\"'suffix' in $slots\" #suffix>\r\n <slot name=\"suffix\" />\r\n </template>\r\n </ElInput>\r\n</template>\r\n","<script setup lang=\"tsx\" generic=\"MV extends string | number\">\r\nimport type { InputProps } from 'element-plus'\r\nimport type { VNode } from 'vue'\r\nimport { ElInput, useLocale } from 'element-plus'\r\nimport { inject } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION, X_LOCALE_CONFIG } from '@/constants'\r\n\r\nexport interface XInputProps {\r\n clearable?: InputProps['clearable']\r\n disabled?: InputProps['disabled']\r\n size?: InputProps['size']\r\n type?: InputProps['type']\r\n showPassword?: InputProps['showPassword']\r\n autocomplete?: InputProps['autocomplete']\r\n autosize?: InputProps['autosize']\r\n placeholder?: InputProps['placeholder']\r\n prefixIcon?: InputProps['prefixIcon']\r\n suffixIcon?: InputProps['suffixIcon']\r\n}\r\n\r\nconst { disabled = undefined } = defineProps<XInputProps>()\r\nconst emit = defineEmits<{\r\n blur: [e: FocusEvent]\r\n focus: [e: FocusEvent]\r\n change: [e: MV]\r\n}>()\r\ndefineSlots<{\r\n append: () => VNode\r\n prefix: () => VNode\r\n prepend: () => VNode\r\n suffix: () => VNode\r\n}>()\r\nconst model = defineModel<MV>()\r\n\r\n// const inTable = inject(X_ELEMENT_IN_TABLE, false)\r\n// const inTableColumn = inject(X_ELEMENT_IN_TABLE_COLUMN, false)\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nconst { t } = useLocale(locale)\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\n\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (!model.value) {\r\n return `请输入${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n\r\nconst blur = (e: FocusEvent) => {\r\n emit('blur', e)\r\n formItemValidation?.validate?.()\r\n}\r\nconst focus = (e: FocusEvent) => {\r\n emit('focus', e)\r\n}\r\nconst change = (value: string) => {\r\n emit('change', value as MV)\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElInput\r\n v-bind=\"{\r\n disabled,\r\n type,\r\n size,\r\n clearable,\r\n showPassword,\r\n autocomplete,\r\n autosize,\r\n placeholder: placeholder ?? t('el.input.placeholder'),\r\n }\"\r\n v-model=\"model\"\r\n @blur=\"blur\"\r\n @focus=\"focus\"\r\n @change=\"change\"\r\n >\r\n <template v-if=\"'append' in $slots\" #append>\r\n <slot name=\"append\" />\r\n </template>\r\n <template v-if=\"'prepend' in $slots\" #prepend>\r\n <slot name=\"prepend\" />\r\n </template>\r\n <template v-if=\"'prefix' in $slots\" #prefix>\r\n <slot name=\"prefix\" />\r\n </template>\r\n <template v-if=\"'suffix' in $slots\" #suffix>\r\n <slot name=\"suffix\" />\r\n </template>\r\n </ElInput>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Input-CQvLBbzQ.js","names":["$slots"],"sources":["../../src/components/basic/Input.vue","../../src/components/basic/Input.vue"],"sourcesContent":["<script setup lang=\"tsx\" generic=\"MV extends string | number\">\r\nimport type { InputProps } from 'element-plus'\r\nimport type { VNode } from 'vue'\r\nimport { ElInput, useLocale } from 'element-plus'\r\nimport { inject } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION, X_LOCALE_CONFIG } from '@/constants'\r\n\r\nexport interface XInputProps {\r\n clearable?: InputProps['clearable']\r\n disabled?: InputProps['disabled']\r\n size?: InputProps['size']\r\n type?: InputProps['type']\r\n showPassword?: InputProps['showPassword']\r\n autocomplete?: InputProps['autocomplete']\r\n autosize?: InputProps['autosize']\r\n placeholder?: InputProps['placeholder']\r\n prefixIcon?: InputProps['prefixIcon']\r\n suffixIcon?: InputProps['suffixIcon']\r\n}\r\n\r\nconst { disabled = undefined } = defineProps<XInputProps>()\r\nconst emit = defineEmits<{\r\n blur: [e: FocusEvent]\r\n focus: [e: FocusEvent]\r\n change: [e: MV]\r\n}>()\r\ndefineSlots<{\r\n append: () => VNode\r\n prefix: () => VNode\r\n prepend: () => VNode\r\n suffix: () => VNode\r\n}>()\r\nconst model = defineModel<MV>()\r\n\r\n// const inTable = inject(X_ELEMENT_IN_TABLE, false)\r\n// const inTableColumn = inject(X_ELEMENT_IN_TABLE_COLUMN, false)\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nconst { t } = useLocale(locale)\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\n\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (!model.value) {\r\n return `请输入${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n\r\nconst blur = (e: FocusEvent) => {\r\n emit('blur', e)\r\n formItemValidation?.validate?.()\r\n}\r\nconst focus = (e: FocusEvent) => {\r\n emit('focus', e)\r\n}\r\nconst change = (value: string) => {\r\n emit('change', value as MV)\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElInput\r\n v-bind=\"{\r\n disabled,\r\n type,\r\n size,\r\n clearable,\r\n showPassword,\r\n autocomplete,\r\n autosize,\r\n placeholder: placeholder ?? t('el.input.placeholder'),\r\n }\"\r\n v-model=\"model\"\r\n @blur=\"blur\"\r\n @focus=\"focus\"\r\n @change=\"change\"\r\n >\r\n <template v-if=\"'append' in $slots\" #append>\r\n <slot name=\"append\" />\r\n </template>\r\n <template v-if=\"'prepend' in $slots\" #prepend>\r\n <slot name=\"prepend\" />\r\n </template>\r\n <template v-if=\"'prefix' in $slots\" #prefix>\r\n <slot name=\"prefix\" />\r\n </template>\r\n <template v-if=\"'suffix' in $slots\" #suffix>\r\n <slot name=\"suffix\" />\r\n </template>\r\n </ElInput>\r\n</template>\r\n","<script setup lang=\"tsx\" generic=\"MV extends string | number\">\r\nimport type { InputProps } from 'element-plus'\r\nimport type { VNode } from 'vue'\r\nimport { ElInput, useLocale } from 'element-plus'\r\nimport { inject } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION, X_LOCALE_CONFIG } from '@/constants'\r\n\r\nexport interface XInputProps {\r\n clearable?: InputProps['clearable']\r\n disabled?: InputProps['disabled']\r\n size?: InputProps['size']\r\n type?: InputProps['type']\r\n showPassword?: InputProps['showPassword']\r\n autocomplete?: InputProps['autocomplete']\r\n autosize?: InputProps['autosize']\r\n placeholder?: InputProps['placeholder']\r\n prefixIcon?: InputProps['prefixIcon']\r\n suffixIcon?: InputProps['suffixIcon']\r\n}\r\n\r\nconst { disabled = undefined } = defineProps<XInputProps>()\r\nconst emit = defineEmits<{\r\n blur: [e: FocusEvent]\r\n focus: [e: FocusEvent]\r\n change: [e: MV]\r\n}>()\r\ndefineSlots<{\r\n append: () => VNode\r\n prefix: () => VNode\r\n prepend: () => VNode\r\n suffix: () => VNode\r\n}>()\r\nconst model = defineModel<MV>()\r\n\r\n// const inTable = inject(X_ELEMENT_IN_TABLE, false)\r\n// const inTableColumn = inject(X_ELEMENT_IN_TABLE_COLUMN, false)\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nconst { t } = useLocale(locale)\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\n\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (!model.value) {\r\n return `请输入${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n\r\nconst blur = (e: FocusEvent) => {\r\n emit('blur', e)\r\n formItemValidation?.validate?.()\r\n}\r\nconst focus = (e: FocusEvent) => {\r\n emit('focus', e)\r\n}\r\nconst change = (value: string) => {\r\n emit('change', value as MV)\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElInput\r\n v-bind=\"{\r\n disabled,\r\n type,\r\n size,\r\n clearable,\r\n showPassword,\r\n autocomplete,\r\n autosize,\r\n placeholder: placeholder ?? t('el.input.placeholder'),\r\n }\"\r\n v-model=\"model\"\r\n @blur=\"blur\"\r\n @focus=\"focus\"\r\n @change=\"change\"\r\n >\r\n <template v-if=\"'append' in $slots\" #append>\r\n <slot name=\"append\" />\r\n </template>\r\n <template v-if=\"'prepend' in $slots\" #prepend>\r\n <slot name=\"prepend\" />\r\n </template>\r\n <template v-if=\"'prefix' in $slots\" #prefix>\r\n <slot name=\"prefix\" />\r\n </template>\r\n <template v-if=\"'suffix' in $slots\" #suffix>\r\n <slot name=\"suffix\" />\r\n </template>\r\n </ElInput>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsBA,IAAM,IAAO,GAWP,IAAQ,EAAe,GAAA,aAAE,EAMzB,EAAE,SAAM,EADC,EAAO,EAAgB,CACP,EAEzB,IAAqB,EAAO,GAAwB,KAAA,EAAU;AAEpE,MAAI,GAAoB,UAAU;GAChC,IAAM,EAAE,UAAO,iBAAc;AAC7B,KAAmB,kBACZ,EAAM,QAGJ,KAAa,GAFX,MAAM;;EAMnB,IAAM,KAAQ,MAAkB;AAE9B,GADA,EAAK,QAAQ,EAAE,EACf,GAAoB,YAAY;KAE5B,KAAS,MAAkB;AAC/B,KAAK,SAAS,EAAE;KAEZ,KAAU,MAAkB;AAChC,KAAK,UAAU,EAAY;;yBAK3B,EA4BU,EAAA,EAAA,EA5BV,EA4BU;aA3BS,EAAA;SAAiB,EAAA;SAAa,EAAA;cAAa,EAAA;iBAAkB,EAAA;iBAAqB,EAAA;aAAqB,EAAA;gBAA8B,EAAA,eAAe,EAAA,EAAC,CAAA,uBAAA;;eAU7J,EAAA;0CAAA,EAAK,QAAA;GACb,QAAM;GACN,SAAO;GACP,UAAQ;;eAEmBA,EAAAA,SAAAA;UAAS;gBACb,CAAtB,EAAsB,EAAA,QAAA,SAAA,CAAA,CAAA;;;gBAEKA,EAAAA,SAAAA;UAAS;gBACb,CAAvB,EAAuB,EAAA,QAAA,UAAA,CAAA,CAAA;;;eAEGA,EAAAA,SAAAA;UAAS;gBACb,CAAtB,EAAsB,EAAA,QAAA,SAAA,CAAA,CAAA;;;eAEIA,EAAAA,SAAAA;UAAS;gBACb,CAAtB,EAAsB,EAAA,QAAA,SAAA,CAAA,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputNumber-DxMf5l3F.js","names":["$slots"],"sources":["../../src/components/basic/InputNumber.vue","../../src/components/basic/InputNumber.vue"],"sourcesContent":["<script setup lang=\"tsx\">\r\nimport type { InputNumberProps } from 'element-plus'\r\nimport type { VNode } from 'vue'\r\nimport { ElInputNumber, useLocale } from 'element-plus'\r\nimport { inject } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION, X_LOCALE_CONFIG } from '@/constants'\r\n\r\nexport interface XInputNumberProps {\r\n align?: InputNumberProps['align']\r\n controls?: InputNumberProps['controls']\r\n disabled?: InputNumberProps['disabled']\r\n inputmode?: InputNumberProps['inputmode']\r\n max?: InputNumberProps['max']\r\n min?: InputNumberProps['min']\r\n placeholder?: InputNumberProps['placeholder']\r\n precision?: InputNumberProps['precision']\r\n size?: InputNumberProps['size']\r\n step?: InputNumberProps['step']\r\n stepStrictly?: InputNumberProps['stepStrictly']\r\n}\r\n\r\nconst { disabled = undefined } = defineProps<XInputNumberProps>()\r\n\r\nconst emit = defineEmits<{\r\n blur: [e: FocusEvent]\r\n focus: [e: FocusEvent]\r\n}>()\r\n\r\ndefineSlots<{\r\n prefix: () => VNode\r\n suffix: () => VNode\r\n}>()\r\n\r\nconst model = defineModel<number>()\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nconst { t } = useLocale(locale)\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (!model.value) {\r\n return `请输入${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n\r\nconst focus = (e: FocusEvent) => {\r\n emit('focus', e)\r\n}\r\n\r\nconst blur = (e: FocusEvent) => {\r\n emit('blur', e)\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElInputNumber\r\n v-bind=\"{\r\n align,\r\n controls,\r\n disabled,\r\n inputmode,\r\n max,\r\n min,\r\n placeholder: placeholder ?? t('el.inputNumber.placeholder'),\r\n precision,\r\n size,\r\n step,\r\n stepStrictly,\r\n }\"\r\n v-model=\"model\"\r\n @blur=\"blur\"\r\n @focus=\"focus\"\r\n >\r\n <template\r\n v-if=\"'prefix' in $slots\"\r\n #prefix\r\n >\r\n <slot name=\"prefix\" />\r\n </template>\r\n <template\r\n v-if=\"'suffix' in $slots\"\r\n #suffix\r\n >\r\n <slot name=\"suffix\" />\r\n </template>\r\n </ElInputNumber>\r\n</template>\r\n","<script setup lang=\"tsx\">\r\nimport type { InputNumberProps } from 'element-plus'\r\nimport type { VNode } from 'vue'\r\nimport { ElInputNumber, useLocale } from 'element-plus'\r\nimport { inject } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION, X_LOCALE_CONFIG } from '@/constants'\r\n\r\nexport interface XInputNumberProps {\r\n align?: InputNumberProps['align']\r\n controls?: InputNumberProps['controls']\r\n disabled?: InputNumberProps['disabled']\r\n inputmode?: InputNumberProps['inputmode']\r\n max?: InputNumberProps['max']\r\n min?: InputNumberProps['min']\r\n placeholder?: InputNumberProps['placeholder']\r\n precision?: InputNumberProps['precision']\r\n size?: InputNumberProps['size']\r\n step?: InputNumberProps['step']\r\n stepStrictly?: InputNumberProps['stepStrictly']\r\n}\r\n\r\nconst { disabled = undefined } = defineProps<XInputNumberProps>()\r\n\r\nconst emit = defineEmits<{\r\n blur: [e: FocusEvent]\r\n focus: [e: FocusEvent]\r\n}>()\r\n\r\ndefineSlots<{\r\n prefix: () => VNode\r\n suffix: () => VNode\r\n}>()\r\n\r\nconst model = defineModel<number>()\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nconst { t } = useLocale(locale)\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (!model.value) {\r\n return `请输入${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n\r\nconst focus = (e: FocusEvent) => {\r\n emit('focus', e)\r\n}\r\n\r\nconst blur = (e: FocusEvent) => {\r\n emit('blur', e)\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElInputNumber\r\n v-bind=\"{\r\n align,\r\n controls,\r\n disabled,\r\n inputmode,\r\n max,\r\n min,\r\n placeholder: placeholder ?? t('el.inputNumber.placeholder'),\r\n precision,\r\n size,\r\n step,\r\n stepStrictly,\r\n }\"\r\n v-model=\"model\"\r\n @blur=\"blur\"\r\n @focus=\"focus\"\r\n >\r\n <template\r\n v-if=\"'prefix' in $slots\"\r\n #prefix\r\n >\r\n <slot name=\"prefix\" />\r\n </template>\r\n <template\r\n v-if=\"'suffix' in $slots\"\r\n #suffix\r\n >\r\n <slot name=\"suffix\" />\r\n </template>\r\n </ElInputNumber>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"InputNumber-DxMf5l3F.js","names":["$slots"],"sources":["../../src/components/basic/InputNumber.vue","../../src/components/basic/InputNumber.vue"],"sourcesContent":["<script setup lang=\"tsx\">\r\nimport type { InputNumberProps } from 'element-plus'\r\nimport type { VNode } from 'vue'\r\nimport { ElInputNumber, useLocale } from 'element-plus'\r\nimport { inject } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION, X_LOCALE_CONFIG } from '@/constants'\r\n\r\nexport interface XInputNumberProps {\r\n align?: InputNumberProps['align']\r\n controls?: InputNumberProps['controls']\r\n disabled?: InputNumberProps['disabled']\r\n inputmode?: InputNumberProps['inputmode']\r\n max?: InputNumberProps['max']\r\n min?: InputNumberProps['min']\r\n placeholder?: InputNumberProps['placeholder']\r\n precision?: InputNumberProps['precision']\r\n size?: InputNumberProps['size']\r\n step?: InputNumberProps['step']\r\n stepStrictly?: InputNumberProps['stepStrictly']\r\n}\r\n\r\nconst { disabled = undefined } = defineProps<XInputNumberProps>()\r\n\r\nconst emit = defineEmits<{\r\n blur: [e: FocusEvent]\r\n focus: [e: FocusEvent]\r\n}>()\r\n\r\ndefineSlots<{\r\n prefix: () => VNode\r\n suffix: () => VNode\r\n}>()\r\n\r\nconst model = defineModel<number>()\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nconst { t } = useLocale(locale)\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (!model.value) {\r\n return `请输入${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n\r\nconst focus = (e: FocusEvent) => {\r\n emit('focus', e)\r\n}\r\n\r\nconst blur = (e: FocusEvent) => {\r\n emit('blur', e)\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElInputNumber\r\n v-bind=\"{\r\n align,\r\n controls,\r\n disabled,\r\n inputmode,\r\n max,\r\n min,\r\n placeholder: placeholder ?? t('el.inputNumber.placeholder'),\r\n precision,\r\n size,\r\n step,\r\n stepStrictly,\r\n }\"\r\n v-model=\"model\"\r\n @blur=\"blur\"\r\n @focus=\"focus\"\r\n >\r\n <template\r\n v-if=\"'prefix' in $slots\"\r\n #prefix\r\n >\r\n <slot name=\"prefix\" />\r\n </template>\r\n <template\r\n v-if=\"'suffix' in $slots\"\r\n #suffix\r\n >\r\n <slot name=\"suffix\" />\r\n </template>\r\n </ElInputNumber>\r\n</template>\r\n","<script setup lang=\"tsx\">\r\nimport type { InputNumberProps } from 'element-plus'\r\nimport type { VNode } from 'vue'\r\nimport { ElInputNumber, useLocale } from 'element-plus'\r\nimport { inject } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION, X_LOCALE_CONFIG } from '@/constants'\r\n\r\nexport interface XInputNumberProps {\r\n align?: InputNumberProps['align']\r\n controls?: InputNumberProps['controls']\r\n disabled?: InputNumberProps['disabled']\r\n inputmode?: InputNumberProps['inputmode']\r\n max?: InputNumberProps['max']\r\n min?: InputNumberProps['min']\r\n placeholder?: InputNumberProps['placeholder']\r\n precision?: InputNumberProps['precision']\r\n size?: InputNumberProps['size']\r\n step?: InputNumberProps['step']\r\n stepStrictly?: InputNumberProps['stepStrictly']\r\n}\r\n\r\nconst { disabled = undefined } = defineProps<XInputNumberProps>()\r\n\r\nconst emit = defineEmits<{\r\n blur: [e: FocusEvent]\r\n focus: [e: FocusEvent]\r\n}>()\r\n\r\ndefineSlots<{\r\n prefix: () => VNode\r\n suffix: () => VNode\r\n}>()\r\n\r\nconst model = defineModel<number>()\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nconst { t } = useLocale(locale)\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (!model.value) {\r\n return `请输入${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n\r\nconst focus = (e: FocusEvent) => {\r\n emit('focus', e)\r\n}\r\n\r\nconst blur = (e: FocusEvent) => {\r\n emit('blur', e)\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElInputNumber\r\n v-bind=\"{\r\n align,\r\n controls,\r\n disabled,\r\n inputmode,\r\n max,\r\n min,\r\n placeholder: placeholder ?? t('el.inputNumber.placeholder'),\r\n precision,\r\n size,\r\n step,\r\n stepStrictly,\r\n }\"\r\n v-model=\"model\"\r\n @blur=\"blur\"\r\n @focus=\"focus\"\r\n >\r\n <template\r\n v-if=\"'prefix' in $slots\"\r\n #prefix\r\n >\r\n <slot name=\"prefix\" />\r\n </template>\r\n <template\r\n v-if=\"'suffix' in $slots\"\r\n #suffix\r\n >\r\n <slot name=\"suffix\" />\r\n </template>\r\n </ElInputNumber>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBA,IAAM,IAAO,GAUP,IAAQ,EAAmB,GAAA,aAAE,EAG7B,EAAE,SAAM,EADC,EAAO,EAAgB,CACP,EAEzB,IAAqB,EAAO,GAAwB,KAAA,EAAU;AACpE,MAAI,GAAoB,UAAU;GAChC,IAAM,EAAE,UAAO,iBAAc;AAC7B,KAAmB,kBACZ,EAAM,QAGJ,KAAa,GAFX,MAAM;;EAMnB,IAAM,KAAS,MAAkB;AAC/B,KAAK,SAAS,EAAE;KAGZ,KAAQ,MAAkB;AAC9B,KAAK,QAAQ,EAAE;;yBAKf,EA8BgB,EAAA,EAAA,EA9BhB,EA8BgB;UA7BG,EAAA;aAAc,EAAA;aAAiB,EAAA;cAAiB,EAAA;QAAkB,EAAA;QAAY,EAAA;gBAAyB,EAAA,eAAe,EAAA,EAAC,CAAA,6BAAA;cAAuC,EAAA;SAAkB,EAAA;SAAa,EAAA;iBAAa,EAAA;;eAalN,EAAA;0CAAA,EAAK,QAAA;GACb,QAAM;GACN,SAAO;+BAGYA,EAAAA,SAAAA;SACjB;eAEqB,CAAtB,EAAsB,EAAA,QAAA,SAAA,CAAA,CAAA;;0BAGJA,EAAAA,SAAAA;SACjB;eAEqB,CAAtB,EAAsB,EAAA,QAAA,SAAA,CAAA,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination-BJEeN66O.js","names":[],"sources":["../../src/components/basic/Pagination.vue","../../src/components/basic/Pagination.vue"],"sourcesContent":["<script setup lang=\"tsx\">\r\nimport type { PaginationProps } from 'element-plus'\r\nimport { ElConfigProvider, ElPagination, useLocale } from 'element-plus'\r\n\r\nimport { inject } from 'vue'\r\nimport { X_LOCALE_CONFIG } from '@/constants'\r\n\r\nexport interface XPaginationProps {\r\n pageSizes?: PaginationProps['pageSizes']\r\n background?: PaginationProps['background']\r\n size?: PaginationProps['size']\r\n layout?: PaginationProps['layout']\r\n total?: PaginationProps['total']\r\n defaultPageSize?: PaginationProps['defaultPageSize']\r\n}\r\n\r\nconst { defaultPageSize = 20, layout = 'prev, pager, next, sizes, jumper, ->, total' } = defineProps<XPaginationProps>()\r\n\r\nconst emit = defineEmits<{\r\n sizeChange: [size: number]\r\n currentChange: [current: number]\r\n}>()\r\nconst currentPage = defineModel<number>('currentPage')\r\nconst pageSize = defineModel<number>('pageSize')\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nuseLocale(locale)\r\n</script>\r\n\r\n<template>\r\n <ElConfigProvider :locale=\"locale\">\r\n <ElPagination\r\n v-bind=\"{ size, total, pageSizes, background, layout }\"\r\n v-model:current-page=\"currentPage\"\r\n v-model:page-size=\"pageSize\"\r\n :default-page-size=\"defaultPageSize\"\r\n @size-change=\"emit('sizeChange', $event)\"\r\n @current-change=\"emit('currentChange', $event)\"\r\n >\r\n <slot />\r\n </ElPagination>\r\n </ElConfigProvider>\r\n</template>\r\n","<script setup lang=\"tsx\">\r\nimport type { PaginationProps } from 'element-plus'\r\nimport { ElConfigProvider, ElPagination, useLocale } from 'element-plus'\r\n\r\nimport { inject } from 'vue'\r\nimport { X_LOCALE_CONFIG } from '@/constants'\r\n\r\nexport interface XPaginationProps {\r\n pageSizes?: PaginationProps['pageSizes']\r\n background?: PaginationProps['background']\r\n size?: PaginationProps['size']\r\n layout?: PaginationProps['layout']\r\n total?: PaginationProps['total']\r\n defaultPageSize?: PaginationProps['defaultPageSize']\r\n}\r\n\r\nconst { defaultPageSize = 20, layout = 'prev, pager, next, sizes, jumper, ->, total' } = defineProps<XPaginationProps>()\r\n\r\nconst emit = defineEmits<{\r\n sizeChange: [size: number]\r\n currentChange: [current: number]\r\n}>()\r\nconst currentPage = defineModel<number>('currentPage')\r\nconst pageSize = defineModel<number>('pageSize')\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nuseLocale(locale)\r\n</script>\r\n\r\n<template>\r\n <ElConfigProvider :locale=\"locale\">\r\n <ElPagination\r\n v-bind=\"{ size, total, pageSizes, background, layout }\"\r\n v-model:current-page=\"currentPage\"\r\n v-model:page-size=\"pageSize\"\r\n :default-page-size=\"defaultPageSize\"\r\n @size-change=\"emit('sizeChange', $event)\"\r\n @current-change=\"emit('currentChange', $event)\"\r\n >\r\n <slot />\r\n </ElPagination>\r\n </ElConfigProvider>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Pagination-BJEeN66O.js","names":[],"sources":["../../src/components/basic/Pagination.vue","../../src/components/basic/Pagination.vue"],"sourcesContent":["<script setup lang=\"tsx\">\r\nimport type { PaginationProps } from 'element-plus'\r\nimport { ElConfigProvider, ElPagination, useLocale } from 'element-plus'\r\n\r\nimport { inject } from 'vue'\r\nimport { X_LOCALE_CONFIG } from '@/constants'\r\n\r\nexport interface XPaginationProps {\r\n pageSizes?: PaginationProps['pageSizes']\r\n background?: PaginationProps['background']\r\n size?: PaginationProps['size']\r\n layout?: PaginationProps['layout']\r\n total?: PaginationProps['total']\r\n defaultPageSize?: PaginationProps['defaultPageSize']\r\n}\r\n\r\nconst { defaultPageSize = 20, layout = 'prev, pager, next, sizes, jumper, ->, total' } = defineProps<XPaginationProps>()\r\n\r\nconst emit = defineEmits<{\r\n sizeChange: [size: number]\r\n currentChange: [current: number]\r\n}>()\r\nconst currentPage = defineModel<number>('currentPage')\r\nconst pageSize = defineModel<number>('pageSize')\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nuseLocale(locale)\r\n</script>\r\n\r\n<template>\r\n <ElConfigProvider :locale=\"locale\">\r\n <ElPagination\r\n v-bind=\"{ size, total, pageSizes, background, layout }\"\r\n v-model:current-page=\"currentPage\"\r\n v-model:page-size=\"pageSize\"\r\n :default-page-size=\"defaultPageSize\"\r\n @size-change=\"emit('sizeChange', $event)\"\r\n @current-change=\"emit('currentChange', $event)\"\r\n >\r\n <slot />\r\n </ElPagination>\r\n </ElConfigProvider>\r\n</template>\r\n","<script setup lang=\"tsx\">\r\nimport type { PaginationProps } from 'element-plus'\r\nimport { ElConfigProvider, ElPagination, useLocale } from 'element-plus'\r\n\r\nimport { inject } from 'vue'\r\nimport { X_LOCALE_CONFIG } from '@/constants'\r\n\r\nexport interface XPaginationProps {\r\n pageSizes?: PaginationProps['pageSizes']\r\n background?: PaginationProps['background']\r\n size?: PaginationProps['size']\r\n layout?: PaginationProps['layout']\r\n total?: PaginationProps['total']\r\n defaultPageSize?: PaginationProps['defaultPageSize']\r\n}\r\n\r\nconst { defaultPageSize = 20, layout = 'prev, pager, next, sizes, jumper, ->, total' } = defineProps<XPaginationProps>()\r\n\r\nconst emit = defineEmits<{\r\n sizeChange: [size: number]\r\n currentChange: [current: number]\r\n}>()\r\nconst currentPage = defineModel<number>('currentPage')\r\nconst pageSize = defineModel<number>('pageSize')\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nuseLocale(locale)\r\n</script>\r\n\r\n<template>\r\n <ElConfigProvider :locale=\"locale\">\r\n <ElPagination\r\n v-bind=\"{ size, total, pageSizes, background, layout }\"\r\n v-model:current-page=\"currentPage\"\r\n v-model:page-size=\"pageSize\"\r\n :default-page-size=\"defaultPageSize\"\r\n @size-change=\"emit('sizeChange', $event)\"\r\n @current-change=\"emit('currentChange', $event)\"\r\n >\r\n <slot />\r\n </ElPagination>\r\n </ElConfigProvider>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAkBA,IAAM,IAAO,GAIP,IAAc,EAAmB,GAAC,cAAc,EAChD,IAAW,EAAmB,GAAC,WAAW,EAE1C,IAAS,EAAO,EAAgB;SACtC,EAAU,EAAO,kBAIf,EAWmB,EAAA,EAAA,EAAA,EAXA,QAAQ,EAAA,EAAA,EAAM,EAAA;oBAUhB,CATf,EASe,EAAA,EAAA,EATf,EASe;IAAA,MARH,EAAA;IAAI,OAAE,EAAA;IAAK,WAAE,EAAA;IAAS,YAAE,EAAA;IAAU,QAAE,EAAA;IAAM,EAAA;IAC5C,gBAAc,EAAA;4CAAA,EAAW,QAAA;IACzB,aAAW,EAAA;yCAAA,EAAQ,QAAA;IAC1B,qBAAmB,EAAA;IACnB,cAAW,AAAA,EAAA,QAAA,MAAE,EAAI,cAAe,EAAM;IACtC,iBAAc,AAAA,EAAA,QAAA,MAAE,EAAI,iBAAkB,EAAM;;qBAErC,CAAR,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA"}
|
|
@@ -69,7 +69,11 @@ var C = /* @__PURE__ */ d({
|
|
|
69
69
|
P.validator = () => !w.value || Array.isArray(w.value) && w.value.length === 0 ? `请选择${e}` : t?.();
|
|
70
70
|
}
|
|
71
71
|
let F = (e) => {
|
|
72
|
-
C("
|
|
72
|
+
C("blur", e), P?.validate?.();
|
|
73
|
+
}, I = (e) => {
|
|
74
|
+
C("focus", e);
|
|
75
|
+
}, L = (e) => {
|
|
76
|
+
C("change", e);
|
|
73
77
|
};
|
|
74
78
|
return (e, t) => (h(), c(y(i), m({
|
|
75
79
|
placeholder: d.placeholder ?? y(T)("el.select.placeholder"),
|
|
@@ -89,9 +93,9 @@ var C = /* @__PURE__ */ d({
|
|
|
89
93
|
}, {
|
|
90
94
|
modelValue: N.value,
|
|
91
95
|
"onUpdate:modelValue": t[0] ||= (e) => N.value = e,
|
|
92
|
-
onBlur:
|
|
93
|
-
onFocus:
|
|
94
|
-
onChange:
|
|
96
|
+
onBlur: F,
|
|
97
|
+
onFocus: I,
|
|
98
|
+
onChange: L
|
|
95
99
|
}), {
|
|
96
100
|
default: S(() => [(h(!0), l(o, null, _(M.value, (e) => (h(), c(y(r), {
|
|
97
101
|
key: e.key,
|
|
@@ -113,4 +117,4 @@ var C = /* @__PURE__ */ d({
|
|
|
113
117
|
//#endregion
|
|
114
118
|
export { C as t };
|
|
115
119
|
|
|
116
|
-
//# sourceMappingURL=Select-
|
|
120
|
+
//# sourceMappingURL=Select-BHgPcMvn.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select-BHgPcMvn.js","names":[],"sources":["../../src/components/basic/Select.vue","../../src/components/basic/Select.vue"],"sourcesContent":["<script setup lang=\"tsx\" generic=\"D, V, MV extends V | V[]\">\r\nimport type { SelectProps } from 'element-plus'\r\nimport type { Ref } from 'vue'\r\n\r\nimport { useArrayMap } from '@vueuse/core'\r\nimport { ElOption, ElSelect, useLocale } from 'element-plus'\r\nimport { computed, inject, ref, watch } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION, X_LOCALE_CONFIG } from '@/constants'\r\n\r\nexport interface XSelectOptionProps<V> {\r\n disabled?: boolean\r\n label?: number | string\r\n value: V\r\n}\r\n\r\nexport interface XSelectProps<D, V> {\r\n collapseTagsTooltip?: SelectProps['collapseTagsTooltip']\r\n defaultFirstOption?: SelectProps['defaultFirstOption']\r\n clearable?: SelectProps['clearable']\r\n allowCreate?: SelectProps['allowCreate']\r\n collapseTags?: SelectProps['collapseTags']\r\n data?: D[]\r\n disabled?: SelectProps['disabled']\r\n factory: (option: D) => XSelectOptionProps<V>\r\n\r\n filterable?: SelectProps['filterable']\r\n identify?: (value: V) => number | string\r\n loading?: SelectProps['loading']\r\n multiple?: SelectProps['multiple']\r\n remote?: SelectProps['remote']\r\n\r\n remoteMethod?: (query: string) => void\r\n size?: SelectProps['size']\r\n\r\n supplement?: (lacks: V[]) => D[] | PromiseLike<D[]>\r\n placeholder?: SelectProps['placeholder']\r\n noDataText?: SelectProps['noDataText']\r\n}\r\n\r\nexport interface XSelectEvents<V> {\r\n blur: [e: FocusEvent]\r\n change: [value: V]\r\n focus: [e: FocusEvent]\r\n}\r\n\r\nconst {\r\n allowCreate,\r\n data,\r\n disabled = undefined,\r\n factory,\r\n identify,\r\n supplement\r\n} = defineProps<XSelectProps<D, V>>()\r\n\r\nconst emit = defineEmits<XSelectEvents<V>>()\r\n\r\nconst model = defineModel<MV>()\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nconst { t } = useLocale(locale)\r\n\r\nconst supplements = ref([]) as Ref<D[]>\r\nconst init = useArrayMap(() => data ?? [], factory)\r\nconst options = computed(() => [...useArrayMap(supplements, factory).value, ...init.value])\r\n\r\nconst forward = (value: V) => {\r\n if (typeof value === 'object') {\r\n if (identify) {\r\n return identify(value)\r\n }\r\n else {\r\n throw new Error('`identify` is required when value\\'s type extends `object` or `object[]`')\r\n }\r\n }\r\n else {\r\n return value as number | string\r\n }\r\n}\r\nconst backward = (key: number | string) => options.value.map(item => item.value).find(item => forward(item) === key)\r\n\r\nlet no = 0\r\nwatch(\r\n [model, init],\r\n async () => {\r\n no++\r\n if (model.value) {\r\n const lacks = [...[] as V[], ...Array.isArray(model.value) ? model.value : [model.value]]\r\n .filter(item => !init.value.map(it => forward(it.value)).includes(forward(item)))\r\n const _no = no\r\n const _data = await supplement?.(lacks)\r\n if (_no === no && _data) {\r\n supplements.value = _data\r\n }\r\n }\r\n else {\r\n supplements.value = []\r\n }\r\n },\r\n { immediate: true }\r\n)\r\n\r\nconst localOptions = computed(() =>\r\n options.value.map((item) => {\r\n const key = forward(item.value)\r\n return { disabled: item.disabled, key, label: item.label, value: key }\r\n })\r\n)\r\n\r\nconst localModel = computed({\r\n get: () => model.value && (Array.isArray(model.value) ? model.value.map(forward) : forward(model.value as V)),\r\n set: (value) => {\r\n if (Array.isArray(value)) {\r\n model.value = value.map(item => backward(item)!) as MV\r\n }\r\n else {\r\n model.value\r\n = value === undefined\r\n ? undefined\r\n : ((backward(value) ?? (allowCreate ? value : undefined)) as MV)\r\n }\r\n }\r\n})\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (!model.value || (Array.isArray(model.value) && model.value.length === 0)) {\r\n return `请选择${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n\r\nconst blur = (e: FocusEvent) => {\r\n emit('blur', e)\r\n formItemValidation?.validate?.()\r\n}\r\nconst focus = (e: FocusEvent) => {\r\n emit('focus', e)\r\n}\r\nconst change = (value: V) => {\r\n emit('change', value)\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElSelect\r\n v-bind=\"{\r\n placeholder: placeholder ?? t('el.select.placeholder'),\r\n noDataText: noDataText ?? t('el.select.noDataText'),\r\n disabled,\r\n allowCreate,\r\n remote,\r\n filterable: filterable || remote,\r\n clearable,\r\n remoteMethod,\r\n multiple,\r\n loading,\r\n size,\r\n collapseTags,\r\n collapseTagsTooltip,\r\n defaultFirstOption: defaultFirstOption || allowCreate,\r\n }\"\r\n v-model=\"localModel\"\r\n @blur=\"blur\"\r\n @focus=\"focus\"\r\n @change=\"change\"\r\n >\r\n <ElOption\r\n v-for=\"option of localOptions\"\r\n :key=\"option.key\"\r\n :label=\"option.label\"\r\n :value=\"option.value\"\r\n :disabled=\"option.disabled\"\r\n >\r\n {{ option.label }}\r\n </ElOption>\r\n </ElSelect>\r\n</template>\r\n","<script setup lang=\"tsx\" generic=\"D, V, MV extends V | V[]\">\r\nimport type { SelectProps } from 'element-plus'\r\nimport type { Ref } from 'vue'\r\n\r\nimport { useArrayMap } from '@vueuse/core'\r\nimport { ElOption, ElSelect, useLocale } from 'element-plus'\r\nimport { computed, inject, ref, watch } from 'vue'\r\n\r\nimport { X_FORM_ITEM_VALIDATION, X_LOCALE_CONFIG } from '@/constants'\r\n\r\nexport interface XSelectOptionProps<V> {\r\n disabled?: boolean\r\n label?: number | string\r\n value: V\r\n}\r\n\r\nexport interface XSelectProps<D, V> {\r\n collapseTagsTooltip?: SelectProps['collapseTagsTooltip']\r\n defaultFirstOption?: SelectProps['defaultFirstOption']\r\n clearable?: SelectProps['clearable']\r\n allowCreate?: SelectProps['allowCreate']\r\n collapseTags?: SelectProps['collapseTags']\r\n data?: D[]\r\n disabled?: SelectProps['disabled']\r\n factory: (option: D) => XSelectOptionProps<V>\r\n\r\n filterable?: SelectProps['filterable']\r\n identify?: (value: V) => number | string\r\n loading?: SelectProps['loading']\r\n multiple?: SelectProps['multiple']\r\n remote?: SelectProps['remote']\r\n\r\n remoteMethod?: (query: string) => void\r\n size?: SelectProps['size']\r\n\r\n supplement?: (lacks: V[]) => D[] | PromiseLike<D[]>\r\n placeholder?: SelectProps['placeholder']\r\n noDataText?: SelectProps['noDataText']\r\n}\r\n\r\nexport interface XSelectEvents<V> {\r\n blur: [e: FocusEvent]\r\n change: [value: V]\r\n focus: [e: FocusEvent]\r\n}\r\n\r\nconst {\r\n allowCreate,\r\n data,\r\n disabled = undefined,\r\n factory,\r\n identify,\r\n supplement\r\n} = defineProps<XSelectProps<D, V>>()\r\n\r\nconst emit = defineEmits<XSelectEvents<V>>()\r\n\r\nconst model = defineModel<MV>()\r\n\r\nconst locale = inject(X_LOCALE_CONFIG)\r\nconst { t } = useLocale(locale)\r\n\r\nconst supplements = ref([]) as Ref<D[]>\r\nconst init = useArrayMap(() => data ?? [], factory)\r\nconst options = computed(() => [...useArrayMap(supplements, factory).value, ...init.value])\r\n\r\nconst forward = (value: V) => {\r\n if (typeof value === 'object') {\r\n if (identify) {\r\n return identify(value)\r\n }\r\n else {\r\n throw new Error('`identify` is required when value\\'s type extends `object` or `object[]`')\r\n }\r\n }\r\n else {\r\n return value as number | string\r\n }\r\n}\r\nconst backward = (key: number | string) => options.value.map(item => item.value).find(item => forward(item) === key)\r\n\r\nlet no = 0\r\nwatch(\r\n [model, init],\r\n async () => {\r\n no++\r\n if (model.value) {\r\n const lacks = [...[] as V[], ...Array.isArray(model.value) ? model.value : [model.value]]\r\n .filter(item => !init.value.map(it => forward(it.value)).includes(forward(item)))\r\n const _no = no\r\n const _data = await supplement?.(lacks)\r\n if (_no === no && _data) {\r\n supplements.value = _data\r\n }\r\n }\r\n else {\r\n supplements.value = []\r\n }\r\n },\r\n { immediate: true }\r\n)\r\n\r\nconst localOptions = computed(() =>\r\n options.value.map((item) => {\r\n const key = forward(item.value)\r\n return { disabled: item.disabled, key, label: item.label, value: key }\r\n })\r\n)\r\n\r\nconst localModel = computed({\r\n get: () => model.value && (Array.isArray(model.value) ? model.value.map(forward) : forward(model.value as V)),\r\n set: (value) => {\r\n if (Array.isArray(value)) {\r\n model.value = value.map(item => backward(item)!) as MV\r\n }\r\n else {\r\n model.value\r\n = value === undefined\r\n ? undefined\r\n : ((backward(value) ?? (allowCreate ? value : undefined)) as MV)\r\n }\r\n }\r\n})\r\n\r\nconst formItemValidation = inject(X_FORM_ITEM_VALIDATION, undefined)\r\nif (formItemValidation?.required) {\r\n const { label, validator } = formItemValidation\r\n formItemValidation.validator = () => {\r\n if (!model.value || (Array.isArray(model.value) && model.value.length === 0)) {\r\n return `请选择${label}`\r\n }\r\n return validator?.()\r\n }\r\n}\r\n\r\nconst blur = (e: FocusEvent) => {\r\n emit('blur', e)\r\n formItemValidation?.validate?.()\r\n}\r\nconst focus = (e: FocusEvent) => {\r\n emit('focus', e)\r\n}\r\nconst change = (value: V) => {\r\n emit('change', value)\r\n}\r\n</script>\r\n\r\n<template>\r\n <ElSelect\r\n v-bind=\"{\r\n placeholder: placeholder ?? t('el.select.placeholder'),\r\n noDataText: noDataText ?? t('el.select.noDataText'),\r\n disabled,\r\n allowCreate,\r\n remote,\r\n filterable: filterable || remote,\r\n clearable,\r\n remoteMethod,\r\n multiple,\r\n loading,\r\n size,\r\n collapseTags,\r\n collapseTagsTooltip,\r\n defaultFirstOption: defaultFirstOption || allowCreate,\r\n }\"\r\n v-model=\"localModel\"\r\n @blur=\"blur\"\r\n @focus=\"focus\"\r\n @change=\"change\"\r\n >\r\n <ElOption\r\n v-for=\"option of localOptions\"\r\n :key=\"option.key\"\r\n :label=\"option.label\"\r\n :value=\"option.value\"\r\n :disabled=\"option.disabled\"\r\n >\r\n {{ option.label }}\r\n </ElOption>\r\n </ElSelect>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuDA,IAAM,IAAO,GAEP,IAAQ,EAAe,GAAA,aAAE,EAGzB,EAAE,SAAM,EADC,EAAO,EAAgB,CACP,EAEzB,IAAc,EAAI,EAAE,CAAa,EACjC,IAAO,QAAkB,EAAA,QAAQ,EAAE,EAAE,EAAA,QAAQ,EAC7C,IAAU,QAAe,CAAC,GAAG,EAAY,GAAa,EAAA,QAAQ,CAAC,OAAO,GAAG,EAAK,MAAM,CAAC,EAErF,KAAW,MAAa;AAC5B,OAAI,OAAO,KAAU,UACnB;QAAI,EAAA,SACF,QAAO,EAAA,SAAS,EAAM;AAGtB,UAAU,MAAM,0EAA2E;SAI7F,QAAO;KAGL,KAAY,MAAyB,EAAQ,MAAM,KAAI,MAAQ,EAAK,MAAM,CAAC,MAAK,MAAQ,EAAQ,EAAK,KAAK,EAAI,EAEhH,IAAK;AACT,IACE,CAAC,GAAO,EAAK,EACb,YAAY;AAEV,OADA,KACI,EAAM,OAAO;IACf,IAAM,IAAQ,CAAC,GAAG,EAAS,EAAE,GAAG,MAAM,QAAQ,EAAM,MAAM,GAAG,EAAM,QAAQ,CAAC,EAAM,MAAM,CAAC,CACtF,QAAO,MAAQ,CAAC,EAAK,MAAM,KAAI,MAAM,EAAQ,EAAG,MAAM,CAAC,CAAC,SAAS,EAAQ,EAAK,CAAC,CAAC,EAC7E,IAAM,GACN,IAAQ,MAAM,EAAA,aAAa,EAAM;AACvC,IAAI,MAAQ,KAAM,MAChB,EAAY,QAAQ;SAItB,GAAY,QAAQ,EAAE;KAG1B,EAAE,WAAW,IACf,CAAC;EAED,IAAM,IAAe,QACnB,EAAQ,MAAM,KAAK,MAAS;GAC1B,IAAM,IAAM,EAAQ,EAAK,MAAM;AAC/B,UAAO;IAAE,UAAU,EAAK;IAAU;IAAK,OAAO,EAAK;IAAO,OAAO;IAAK;IAE1E,CAAC,EAEK,IAAa,EAAS;GAC1B,WAAW,EAAM,UAAU,MAAM,QAAQ,EAAM,MAAM,GAAG,EAAM,MAAM,IAAI,EAAQ,GAAG,EAAQ,EAAM,MAAW;GAC5G,MAAM,MAAU;AACd,IAAI,MAAM,QAAQ,EAAM,GACtB,EAAM,QAAQ,EAAM,KAAI,MAAQ,EAAS,EAAM,CAAO,GAGtD,EAAM,QACF,MAAU,KAAA,IACR,KAAA,IACE,EAAS,EAAM,KAAK,EAAA,cAAc,IAAQ,KAAA;;GAGvD,CAAC,EAEI,IAAqB,EAAO,GAAwB,KAAA,EAAU;AACpE,MAAI,GAAoB,UAAU;GAChC,IAAM,EAAE,UAAO,iBAAc;AAC7B,KAAmB,kBACb,CAAC,EAAM,SAAU,MAAM,QAAQ,EAAM,MAAM,IAAI,EAAM,MAAM,WAAW,IACjE,MAAM,MAER,KAAa;;EAIxB,IAAM,KAAQ,MAAkB;AAE9B,GADA,EAAK,QAAQ,EAAE,EACf,GAAoB,YAAY;KAE5B,KAAS,MAAkB;AAC/B,KAAK,SAAS,EAAE;KAEZ,KAAU,MAAa;AAC3B,KAAK,UAAU,EAAM;;yBAKrB,EA+BW,EAAA,EAAA,EA/BX,EA+BW;gBA9BqB,EAAA,eAAe,EAAA,EAAC,CAAA,wBAAA;eAA8C,EAAA,cAAc,EAAA,EAAC,CAAA,uBAAA;aAAiC,EAAA;gBAAiB,EAAA;WAAoB,EAAA;eAA2B,EAAA,cAAc,EAAA;cAAe,EAAA;iBAAkB,EAAA;aAAqB,EAAA;YAAiB,EAAA;SAAgB,EAAA;iBAAa,EAAA;wBAAqB,EAAA;uBAAgD,EAAA,sBAAsB,EAAA;;eAgBhZ,EAAA;0CAAA,EAAU,QAAA;GAClB,QAAM;GACN,SAAO;GACP,UAAQ;;oBAGuB,EAAA,EAAA,GAAA,EADhC,EAQW,GAAA,MAAA,EAPQ,EAAA,QAAV,YADT,EAQW,EAAA,EAAA,EAAA;IANR,KAAK,EAAO;IACZ,OAAO,EAAO;IACd,OAAO,EAAO;IACd,UAAU,EAAO;;qBAEA,CAAA,EAAA,EAAf,EAAO,MAAK,EAAA,EAAA,CAAA,CAAA"}
|
package/dist/es/Select.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "./Select-
|
|
1
|
+
import { t as e } from "./Select-BHgPcMvn.js";
|
|
2
2
|
export { e as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabPane-B_fsTqWm.js","names":[],"sources":["../../src/components/basic/TabPane.vue","../../src/components/basic/TabPane.vue"],"sourcesContent":["<script setup lang=\"tsx\">\r\nimport type { TabPaneProps } from 'element-plus'\r\nimport { ElTabPane } from 'element-plus'\r\nimport { provide } from 'vue'\r\nimport { X_ELEMENT_IN_TAB_PANE, X_TAB_PANE_NAME } from '@/constants'\r\n\r\nexport interface XTabPaneConfig {\r\n label?: string\r\n name?: number | string\r\n}\r\n\r\nexport interface XTabPaneProps {\r\n closable?: TabPaneProps['closable']\r\n disabled?: TabPaneProps['disabled']\r\n label?: TabPaneProps['label']\r\n lazy?: TabPaneProps['lazy']\r\n name?: TabPaneProps['name']\r\n}\r\n\r\nconst { label, name } = defineProps<XTabPaneProps>()\r\n\r\nconst pane = { label, name }\r\n\r\ndefineExpose({ ...pane })\r\n\r\nprovide(X_ELEMENT_IN_TAB_PANE, true)\r\nprovide(X_TAB_PANE_NAME, name)\r\n</script>\r\n\r\n<template>\r\n <ElTabPane\r\n v-bind=\"{ label, name, disabled, closable, lazy }\"\r\n >\r\n <slot />\r\n </ElTabPane>\r\n</template>\r\n","<script setup lang=\"tsx\">\r\nimport type { TabPaneProps } from 'element-plus'\r\nimport { ElTabPane } from 'element-plus'\r\nimport { provide } from 'vue'\r\nimport { X_ELEMENT_IN_TAB_PANE, X_TAB_PANE_NAME } from '@/constants'\r\n\r\nexport interface XTabPaneConfig {\r\n label?: string\r\n name?: number | string\r\n}\r\n\r\nexport interface XTabPaneProps {\r\n closable?: TabPaneProps['closable']\r\n disabled?: TabPaneProps['disabled']\r\n label?: TabPaneProps['label']\r\n lazy?: TabPaneProps['lazy']\r\n name?: TabPaneProps['name']\r\n}\r\n\r\nconst { label, name } = defineProps<XTabPaneProps>()\r\n\r\nconst pane = { label, name }\r\n\r\ndefineExpose({ ...pane })\r\n\r\nprovide(X_ELEMENT_IN_TAB_PANE, true)\r\nprovide(X_TAB_PANE_NAME, name)\r\n</script>\r\n\r\n<template>\r\n <ElTabPane\r\n v-bind=\"{ label, name, disabled, closable, lazy }\"\r\n >\r\n <slot />\r\n </ElTabPane>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"TabPane-B_fsTqWm.js","names":[],"sources":["../../src/components/basic/TabPane.vue","../../src/components/basic/TabPane.vue"],"sourcesContent":["<script setup lang=\"tsx\">\r\nimport type { TabPaneProps } from 'element-plus'\r\nimport { ElTabPane } from 'element-plus'\r\nimport { provide } from 'vue'\r\nimport { X_ELEMENT_IN_TAB_PANE, X_TAB_PANE_NAME } from '@/constants'\r\n\r\nexport interface XTabPaneConfig {\r\n label?: string\r\n name?: number | string\r\n}\r\n\r\nexport interface XTabPaneProps {\r\n closable?: TabPaneProps['closable']\r\n disabled?: TabPaneProps['disabled']\r\n label?: TabPaneProps['label']\r\n lazy?: TabPaneProps['lazy']\r\n name?: TabPaneProps['name']\r\n}\r\n\r\nconst { label, name } = defineProps<XTabPaneProps>()\r\n\r\nconst pane = { label, name }\r\n\r\ndefineExpose({ ...pane })\r\n\r\nprovide(X_ELEMENT_IN_TAB_PANE, true)\r\nprovide(X_TAB_PANE_NAME, name)\r\n</script>\r\n\r\n<template>\r\n <ElTabPane\r\n v-bind=\"{ label, name, disabled, closable, lazy }\"\r\n >\r\n <slot />\r\n </ElTabPane>\r\n</template>\r\n","<script setup lang=\"tsx\">\r\nimport type { TabPaneProps } from 'element-plus'\r\nimport { ElTabPane } from 'element-plus'\r\nimport { provide } from 'vue'\r\nimport { X_ELEMENT_IN_TAB_PANE, X_TAB_PANE_NAME } from '@/constants'\r\n\r\nexport interface XTabPaneConfig {\r\n label?: string\r\n name?: number | string\r\n}\r\n\r\nexport interface XTabPaneProps {\r\n closable?: TabPaneProps['closable']\r\n disabled?: TabPaneProps['disabled']\r\n label?: TabPaneProps['label']\r\n lazy?: TabPaneProps['lazy']\r\n name?: TabPaneProps['name']\r\n}\r\n\r\nconst { label, name } = defineProps<XTabPaneProps>()\r\n\r\nconst pane = { label, name }\r\n\r\ndefineExpose({ ...pane })\r\n\r\nprovide(X_ELEMENT_IN_TAB_PANE, true)\r\nprovide(X_TAB_PANE_NAME, name)\r\n</script>\r\n\r\n<template>\r\n <ElTabPane\r\n v-bind=\"{ label, name, disabled, closable, lazy }\"\r\n >\r\n <slot />\r\n </ElTabPane>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;SAuBA,EAAa;GAFE,OAAI,EAAA;GAAG,MAAG,EAAA;GAED,CAAC,EAEzB,EAAQ,GAAuB,GAAK,EACpC,EAAQ,GAAiB,EAAA,KAAK,kBAI5B,EAIY,EAAA,EAAA,EAAA,EAAA,EAAA;GAAA,OAHA,EAAA;GAAK,MAAE,EAAA;GAAI,UAAE,EAAA;GAAQ,UAAE,EAAA;GAAQ,MAAE,EAAA;GAAI,CAAA,CAAA,EAAA;oBAEvC,CAAR,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA"}
|