@xjw_/vue2-npm-system 1.0.78 → 1.0.80

package/lib/components/XDatePicker.map_script.js

@@ -0,0 +1 @@
+{"version":3,"file":"XDatePicker.vue_rollup-plugin-vue_script.js","sources":["../../src/components/XDatePicker.vue"],"sourcesContent":["<template>\n  <div class=\"x-date-picker\">\n    <el-date-picker\n      :value=\"internalValue\"\n      :type=\"xType\"\n      :placeholder=\"currentPlaceholder\"\n      :start-placeholder=\"currentStartPlaceholder\"\n      :end-placeholder=\"currentEndPlaceholder\"\n      :range-separator=\"xRangeSeparator\"\n      :value-format=\"currentValueFormat\"\n      :default-time=\"currentDefaultTime\"\n      @input=\"handleUpdate\"\n    />\n  </div>\n</template>\n\n<script>\nimport '../styles/x-ui.scss'\nimport { injectCSSVariables } from '../styles.js'\n\ninjectCSSVariables()\n\n/**\n * @author xjw\n * @since 2026/4/10\n * @description 对 el-date-picker 的二次封装，根据 type 自动设置 placeholder 和 value-format\n */\n\nexport default {\n  name: 'XDatePicker',\n  \n  inheritAttrs: false,\n  \n  props: {\n    // 时间选择器类型\n    xType: {\n      type: String,\n      default: 'date',\n      validator: (val) => [\n        'year', 'years', \n        'month', 'months', \n        'date', 'dates', \n        'datetime', \n        'week', \n        'datetimerange', \n        'daterange', \n        'monthrange', \n        'yearrange'\n      ].includes(val)\n    },\n    \n    // 自定义值格式，如果有则以 prop 为准\n    xValueFormat: {\n      type: String,\n      default: null\n    },\n    \n    // 占位符\n    xPlaceholder: {\n      type: String,\n      default: null\n    },\n    \n    // 范围选择开始占位符\n    xStartPlaceholder: {\n      type: String,\n      default: null\n    },\n    \n    // 范围选择结束占位符\n    xEndPlaceholder: {\n      type: String,\n      default: null\n    },\n    \n    // 范围选择分隔符\n    xRangeSeparator: {\n      type: String,\n      default: '至'\n    },\n    \n    // 日期时间范围选择的默认时间\n    xDefaultTime: {\n      type: [String, Array],\n      default: null\n    },\n    \n    // 双向绑定的值\n    value: {\n      type: [String, Number, Array, Date],\n      default: ''\n    }\n  },\n  \n  data() {\n    return {\n      internalValue: this.value\n    }\n  },\n  \n  computed: {\n    // 计算当前使用的占位符\n    currentPlaceholder() {\n      if (this.xPlaceholder !== null) {\n        return this.xPlaceholder\n      }\n      \n      const isRange = this.xType.includes('range')\n      if (isRange) {\n        return undefined // 范围选择使用 start-placeholder 和 end-placeholder\n      }\n      \n      return this.getDefaultPlaceholder(this.xType)\n    },\n    \n    // 计算开始占位符\n    currentStartPlaceholder() {\n      if (this.xStartPlaceholder !== null) {\n        return this.xStartPlaceholder\n      }\n      \n      const isRange = this.xType.includes('range')\n      if (!isRange) {\n        return undefined\n      }\n      \n      const defaults = this.getDefaultPlaceholder(this.xType)\n      return defaults.start\n    },\n    \n    // 计算结束占位符\n    currentEndPlaceholder() {\n      if (this.xEndPlaceholder !== null) {\n        return this.xEndPlaceholder\n      }\n      \n      const isRange = this.xType.includes('range')\n      if (!isRange) {\n        return undefined\n      }\n      \n      const defaults = this.getDefaultPlaceholder(this.xType)\n      return defaults.end\n    },\n    \n    // 计算当前使用的值格式\n    currentValueFormat() {\n      // 如果传入了自定义格式，使用自定义格式\n      if (this.xValueFormat !== null && this.xValueFormat !== undefined) {\n        return this.xValueFormat\n      }\n      // 否则根据类型自动匹配默认格式\n      return this.getDefaultFormat(this.xType)\n    },\n    \n    // 计算默认时间\n    currentDefaultTime() {\n      // 如果传入了自定义默认时间，使用自定义值\n      if (this.xDefaultTime !== null && this.xDefaultTime !== undefined) {\n        return this.xDefaultTime\n      }\n      // 如果是 datetimerange 类型，设置默认时间为 ['00:00:00', '23:59:59']\n      if (this.xType === 'datetimerange') {\n        return ['00:00:00', '23:59:59']\n      }\n      return undefined\n    }\n  },\n  \n  watch: {\n    value(newVal) {\n      this.internalValue = newVal\n    }\n  },\n  \n  methods: {\n    // 获取默认格式\n    getDefaultFormat(type) {\n      const formatMap = {\n        'year': 'yyyy',\n        'years': 'yyyy',\n        'month': 'yyyy-MM',\n        'months': 'yyyy-MM',\n        'date': 'yyyy-MM-dd',\n        'dates': 'yyyy-MM-dd',\n        'datetime': 'yyyy-MM-dd HH:mm:ss',\n        'week': 'yyyy-MM-dd',\n        'datetimerange': 'yyyy-MM-dd HH:mm:ss',\n        'daterange': 'yyyy-MM-dd',\n        'monthrange': 'yyyy-MM',\n        'yearrange': 'yyyy'\n      }\n      return formatMap[type] || 'yyyy-MM-dd'\n    },\n    \n    // 获取默认占位符\n    getDefaultPlaceholder(type) {\n      const isRange = type.includes('range')\n      const hasTime = type.includes('time')\n      \n      if (isRange) {\n        return {\n          start: hasTime ? '开始日期时间' : '开始日期',\n          end: hasTime ? '结束日期时间' : '结束日期'\n        }\n      } else {\n        if (type === 'year' || type === 'years') {\n          return '选择年'\n        } else if (type === 'month' || type === 'months') {\n          return '选择月'\n        } else if (type === 'week') {\n          return '选择周'\n        } else if (hasTime) {\n          return '选择日期时间'\n        } else {\n          return '选择日期'\n        }\n      }\n    },\n    \n    // 处理值更新\n    handleUpdate(value) {\n      this.internalValue = value\n      this.$emit('input', value)\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n</style>\n"],"names":["injectCSSVariables","script","name","inheritAttrs","props","xType","type","String","default","validator","val","includes","xValueFormat","xPlaceholder","xStartPlaceholder","xEndPlaceholder","xRangeSeparator","xDefaultTime","Array","value","Number","Date","data","internalValue","this","computed","currentPlaceholder","getDefaultPlaceholder","currentStartPlaceholder","start","currentEndPlaceholder","end","currentValueFormat","undefined","getDefaultFormat","currentDefaultTime","watch","newVal","methods","year","years","month","months","date","dates","datetime","week","datetimerange","daterange","monthrange","yearrange","isRange","hasTime","handleUpdate","$emit"],"mappings":"8HAoBAA,qBAQA,IAAAC,EAAA,CACAC,KAAA,cAEAC,cAAA,EAEAC,MAAA,CAEAC,MAAA,CACAC,KAAAC,OACAC,QAAA,OACAC,UAAA,SAAAC,GAAA,MAAA,CACA,OAAA,QACA,QAAA,SACA,OAAA,QACA,WACA,OACA,gBACA,YACA,aACA,aACAC,SAAAD,EAAA,GAIAE,aAAA,CACAN,KAAAC,OACAC,QAAA,MAIAK,aAAA,CACAP,KAAAC,OACAC,QAAA,MAIAM,kBAAA,CACAR,KAAAC,OACAC,QAAA,MAIAO,gBAAA,CACAT,KAAAC,OACAC,QAAA,MAIAQ,gBAAA,CACAV,KAAAC,OACAC,QAAA,KAIAS,aAAA,CACAX,KAAA,CAAAC,OAAAW,OACAV,QAAA,MAIAW,MAAA,CACAb,KAAA,CAAAC,OAAAa,OAAAF,MAAAG,MACAb,QAAA,KAIAc,KAAA,WACA,MAAA,CACAC,cAAAC,KAAAL,MAEA,EAEAM,SAAA,CAEAC,mBAAA,WACA,OAAA,OAAAF,KAAAX,aACAW,KAAAX,aAGAW,KAAAnB,MAAAM,SAAA,cACA,EAIAa,KAAAG,sBAAAH,KAAAnB,MACA,EAGAuB,wBAAA,WACA,OAAA,OAAAJ,KAAAV,kBACAU,KAAAV,kBAGAU,KAAAnB,MAAAM,SAAA,SAKAa,KAAAG,sBAAAH,KAAAnB,OACAwB,WALA,CAMA,EAGAC,sBAAA,WACA,OAAA,OAAAN,KAAAT,gBACAS,KAAAT,gBAGAS,KAAAnB,MAAAM,SAAA,SAKAa,KAAAG,sBAAAH,KAAAnB,OACA0B,SALA,CAMA,EAGAC,mBAAA,WAEA,OAAA,OAAAR,KAAAZ,mBAAAqB,IAAAT,KAAAZ,aACAY,KAAAZ,aAGAY,KAAAU,iBAAAV,KAAAnB,MACA,EAGA8B,mBAAA,WAEA,OAAA,OAAAX,KAAAP,mBAAAgB,IAAAT,KAAAP,aACAO,KAAAP,aAGA,kBAAAO,KAAAnB,MACA,CAAA,WAAA,iBADA,CAIA,GAGA+B,MAAA,CACAjB,MAAAA,SAAAkB,GACAb,KAAAD,cAAAc,CACA,GAGAC,QAAA,CAEAJ,iBAAAA,SAAA5B,GAeA,MAdA,CACAiC,KAAA,OACAC,MAAA,OACAC,MAAA,UACAC,OAAA,UACAC,KAAA,aACAC,MAAA,aACAC,SAAA,sBACAC,KAAA,aACAC,cAAA,sBACAC,UAAA,aACAC,WAAA,UACAC,UAAA,QAEA5C,IAAA,YACA,EAGAqB,sBAAAA,SAAArB,GACA,IAAA6C,EAAA7C,EAAAK,SAAA,SACAyC,EAAA9C,EAAAK,SAAA,QAEA,OAAAwC,EACA,CACAtB,MAAAuB,EAAA,SAAA,OACArB,IAAAqB,EAAA,SAAA,QAGA,SAAA9C,GAAA,UAAAA,EACA,MACA,UAAAA,GAAA,WAAAA,EACA,MACA,SAAAA,EACA,MACA8C,EACA,SAEA,MAGA,EAGAC,aAAAA,SAAAlC,GACAK,KAAAD,cAAAJ,EACAK,KAAA8B,MAAA,QAAAnC,EACA"}

package/lib/components/XDatePicker.vue

@@ -0,0 +1,229 @@
+<template>
+  <el-date-picker
+    :value="internalValue"
+    :type="xType"
+    :placeholder="currentPlaceholder"
+    :start-placeholder="currentStartPlaceholder"
+    :end-placeholder="currentEndPlaceholder"
+    :range-separator="xRangeSeparator"
+    :value-format="currentValueFormat"
+    :default-time="currentDefaultTime"
+    v-bind="$attrs"
+    @input="handleUpdate"
+  />
+</template>
+
+<script>
+/**
+ * @author xjw
+ * @since 2026/4/10
+ * @description 对 el-date-picker 的二次封装，根据 type 自动设置 placeholder 和 value-format
+ */
+
+export default {
+  name: 'XDatePicker',
+  
+  inheritAttrs: false,
+  
+  props: {
+    // 时间选择器类型
+    xType: {
+      type: String,
+      default: 'date',
+      validator: (val) => [
+        'year', 'years', 
+        'month', 'months', 
+        'date', 'dates', 
+        'datetime', 
+        'week', 
+        'datetimerange', 
+        'daterange', 
+        'monthrange', 
+        'yearrange'
+      ].includes(val)
+    },
+    
+    // 自定义值格式，如果有则以 prop 为准
+    xValueFormat: {
+      type: String,
+      default: null
+    },
+    
+    // 占位符
+    xPlaceholder: {
+      type: String,
+      default: null
+    },
+    
+    // 范围选择开始占位符
+    xStartPlaceholder: {
+      type: String,
+      default: null
+    },
+    
+    // 范围选择结束占位符
+    xEndPlaceholder: {
+      type: String,
+      default: null
+    },
+    
+    // 范围选择分隔符
+    xRangeSeparator: {
+      type: String,
+      default: '至'
+    },
+    
+    // 日期时间范围选择的默认时间
+    xDefaultTime: {
+      type: [String, Array],
+      default: null
+    },
+    
+    // 双向绑定的值
+    value: {
+      type: [String, Number, Array, Date],
+      default: ''
+    }
+  },
+  
+  data() {
+    return {
+      internalValue: this.value
+    }
+  },
+  
+  computed: {
+    // 计算当前使用的占位符
+    currentPlaceholder() {
+      if (this.xPlaceholder !== null) {
+        return this.xPlaceholder
+      }
+      
+      const isRange = this.xType.includes('range')
+      if (isRange) {
+        return undefined // 范围选择使用 start-placeholder 和 end-placeholder
+      }
+      
+      return this.getDefaultPlaceholder(this.xType)
+    },
+    
+    // 计算开始占位符
+    currentStartPlaceholder() {
+      if (this.xStartPlaceholder !== null) {
+        return this.xStartPlaceholder
+      }
+      
+      const isRange = this.xType.includes('range')
+      if (!isRange) {
+        return undefined
+      }
+      
+      const defaults = this.getDefaultPlaceholder(this.xType)
+      return defaults.start
+    },
+    
+    // 计算结束占位符
+    currentEndPlaceholder() {
+      if (this.xEndPlaceholder !== null) {
+        return this.xEndPlaceholder
+      }
+      
+      const isRange = this.xType.includes('range')
+      if (!isRange) {
+        return undefined
+      }
+      
+      const defaults = this.getDefaultPlaceholder(this.xType)
+      return defaults.end
+    },
+    
+    // 计算当前使用的值格式
+    currentValueFormat() {
+      // 如果传入了自定义格式，使用自定义格式
+      if (this.xValueFormat !== null && this.xValueFormat !== undefined) {
+        return this.xValueFormat
+      }
+      // 否则根据类型自动匹配默认格式
+      return this.getDefaultFormat(this.xType)
+    },
+    
+    // 计算默认时间
+    currentDefaultTime() {
+      // 如果传入了自定义默认时间，使用自定义值
+      if (this.xDefaultTime !== null && this.xDefaultTime !== undefined) {
+        return this.xDefaultTime
+      }
+      // 如果是 datetimerange 类型，设置默认时间为 ['00:00:00', '23:59:59']
+      if (this.xType === 'datetimerange') {
+        return ['00:00:00', '23:59:59']
+      }
+      return undefined
+    }
+  },
+  
+  watch: {
+    value(newVal) {
+      this.internalValue = newVal
+    }
+  },
+  
+  methods: {
+    // 获取默认格式
+    getDefaultFormat(type) {
+      const formatMap = {
+        'year': 'yyyy',
+        'years': 'yyyy',
+        'month': 'yyyy-MM',
+        'months': 'yyyy-MM',
+        'date': 'yyyy-MM-dd',
+        'dates': 'yyyy-MM-dd',
+        'datetime': 'yyyy-MM-dd HH:mm:ss',
+        'week': 'yyyy-MM-dd',
+        'datetimerange': 'yyyy-MM-dd HH:mm:ss',
+        'daterange': 'yyyy-MM-dd',
+        'monthrange': 'yyyy-MM',
+        'yearrange': 'yyyy'
+      }
+      return formatMap[type] || 'yyyy-MM-dd'
+    },
+    
+    // 获取默认占位符
+    getDefaultPlaceholder(type) {
+      const isRange = type.includes('range')
+      const hasTime = type.includes('time')
+      
+      if (isRange) {
+        return {
+          start: hasTime ? '开始日期时间' : '开始日期',
+          end: hasTime ? '结束日期时间' : '结束日期'
+        }
+      } else {
+        if (type === 'year' || type === 'years') {
+          return '选择年'
+        } else if (type === 'month' || type === 'months') {
+          return '选择月'
+        } else if (type === 'week') {
+          return '选择周'
+        } else if (hasTime) {
+          return '选择日期时间'
+        } else {
+          return '选择日期'
+        }
+      }
+    },
+    
+    // 处理值更新
+    handleUpdate(value) {
+      this.internalValue = value
+      this.$emit('input', value)
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+// 保持与 el-date-picker 一致的样式
+::v-deep .el-date-editor {
+  width: 100%;
+}
+</style>

package/lib/components/XDatePicker.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XDatePicker.vue.js","sources":["../../src/components/XDatePicker.vue"],"sourcesContent":["<template>\n  <div class=\"x-date-picker\">\n    <el-date-picker\n      :value=\"internalValue\"\n      :type=\"xType\"\n      :placeholder=\"currentPlaceholder\"\n      :start-placeholder=\"currentStartPlaceholder\"\n      :end-placeholder=\"currentEndPlaceholder\"\n      :range-separator=\"xRangeSeparator\"\n      :value-format=\"currentValueFormat\"\n      :default-time=\"currentDefaultTime\"\n      @input=\"handleUpdate\"\n    />\n  </div>\n</template>\n\n<script>\nimport '../styles/x-ui.scss'\nimport { injectCSSVariables } from '../styles.js'\n\ninjectCSSVariables()\n\n/**\n * @author xjw\n * @since 2026/4/10\n * @description 对 el-date-picker 的二次封装，根据 type 自动设置 placeholder 和 value-format\n */\n\nexport default {\n  name: 'XDatePicker',\n  \n  inheritAttrs: false,\n  \n  props: {\n    // 时间选择器类型\n    xType: {\n      type: String,\n      default: 'date',\n      validator: (val) => [\n        'year', 'years', \n        'month', 'months', \n        'date', 'dates', \n        'datetime', \n        'week', \n        'datetimerange', \n        'daterange', \n        'monthrange', \n        'yearrange'\n      ].includes(val)\n    },\n    \n    // 自定义值格式，如果有则以 prop 为准\n    xValueFormat: {\n      type: String,\n      default: null\n    },\n    \n    // 占位符\n    xPlaceholder: {\n      type: String,\n      default: null\n    },\n    \n    // 范围选择开始占位符\n    xStartPlaceholder: {\n      type: String,\n      default: null\n    },\n    \n    // 范围选择结束占位符\n    xEndPlaceholder: {\n      type: String,\n      default: null\n    },\n    \n    // 范围选择分隔符\n    xRangeSeparator: {\n      type: String,\n      default: '至'\n    },\n    \n    // 日期时间范围选择的默认时间\n    xDefaultTime: {\n      type: [String, Array],\n      default: null\n    },\n    \n    // 双向绑定的值\n    value: {\n      type: [String, Number, Array, Date],\n      default: ''\n    }\n  },\n  \n  data() {\n    return {\n      internalValue: this.value\n    }\n  },\n  \n  computed: {\n    // 计算当前使用的占位符\n    currentPlaceholder() {\n      if (this.xPlaceholder !== null) {\n        return this.xPlaceholder\n      }\n      \n      const isRange = this.xType.includes('range')\n      if (isRange) {\n        return undefined // 范围选择使用 start-placeholder 和 end-placeholder\n      }\n      \n      return this.getDefaultPlaceholder(this.xType)\n    },\n    \n    // 计算开始占位符\n    currentStartPlaceholder() {\n      if (this.xStartPlaceholder !== null) {\n        return this.xStartPlaceholder\n      }\n      \n      const isRange = this.xType.includes('range')\n      if (!isRange) {\n        return undefined\n      }\n      \n      const defaults = this.getDefaultPlaceholder(this.xType)\n      return defaults.start\n    },\n    \n    // 计算结束占位符\n    currentEndPlaceholder() {\n      if (this.xEndPlaceholder !== null) {\n        return this.xEndPlaceholder\n      }\n      \n      const isRange = this.xType.includes('range')\n      if (!isRange) {\n        return undefined\n      }\n      \n      const defaults = this.getDefaultPlaceholder(this.xType)\n      return defaults.end\n    },\n    \n    // 计算当前使用的值格式\n    currentValueFormat() {\n      // 如果传入了自定义格式，使用自定义格式\n      if (this.xValueFormat !== null && this.xValueFormat !== undefined) {\n        return this.xValueFormat\n      }\n      // 否则根据类型自动匹配默认格式\n      return this.getDefaultFormat(this.xType)\n    },\n    \n    // 计算默认时间\n    currentDefaultTime() {\n      // 如果传入了自定义默认时间，使用自定义值\n      if (this.xDefaultTime !== null && this.xDefaultTime !== undefined) {\n        return this.xDefaultTime\n      }\n      // 如果是 datetimerange 类型，设置默认时间为 ['00:00:00', '23:59:59']\n      if (this.xType === 'datetimerange') {\n        return ['00:00:00', '23:59:59']\n      }\n      return undefined\n    }\n  },\n  \n  watch: {\n    value(newVal) {\n      this.internalValue = newVal\n    }\n  },\n  \n  methods: {\n    // 获取默认格式\n    getDefaultFormat(type) {\n      const formatMap = {\n        'year': 'yyyy',\n        'years': 'yyyy',\n        'month': 'yyyy-MM',\n        'months': 'yyyy-MM',\n        'date': 'yyyy-MM-dd',\n        'dates': 'yyyy-MM-dd',\n        'datetime': 'yyyy-MM-dd HH:mm:ss',\n        'week': 'yyyy-MM-dd',\n        'datetimerange': 'yyyy-MM-dd HH:mm:ss',\n        'daterange': 'yyyy-MM-dd',\n        'monthrange': 'yyyy-MM',\n        'yearrange': 'yyyy'\n      }\n      return formatMap[type] || 'yyyy-MM-dd'\n    },\n    \n    // 获取默认占位符\n    getDefaultPlaceholder(type) {\n      const isRange = type.includes('range')\n      const hasTime = type.includes('time')\n      \n      if (isRange) {\n        return {\n          start: hasTime ? '开始日期时间' : '开始日期',\n          end: hasTime ? '结束日期时间' : '结束日期'\n        }\n      } else {\n        if (type === 'year' || type === 'years') {\n          return '选择年'\n        } else if (type === 'month' || type === 'months') {\n          return '选择月'\n        } else if (type === 'week') {\n          return '选择周'\n        } else if (hasTime) {\n          return '选择日期时间'\n        } else {\n          return '选择日期'\n        }\n      }\n    },\n    \n    // 处理值更新\n    handleUpdate(value) {\n      this.internalValue = value\n      this.$emit('input', value)\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n</style>\n"],"names":["__vue_script__","script"],"mappings":"2RAEcA,EAAAC,EAAAA"}

package/lib/components/XDatePicker.vue_rollup-plugin-vue_script.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../styles/x-ui.scss.js"),require("../styles.js").injectCSSVariables();var e={name:"XDatePicker",inheritAttrs:!1,props:{xType:{type:String,default:"date",validator:function(e){return["year","years","month","months","date","dates","datetime","week","datetimerange","daterange","monthrange","yearrange"].includes(e)}},xValueFormat:{type:String,default:null},xPlaceholder:{type:String,default:null},xStartPlaceholder:{type:String,default:null},xEndPlaceholder:{type:String,default:null},xRangeSeparator:{type:String,default:"至"},xDefaultTime:{type:[String,Array],default:null},value:{type:[String,Number,Array,Date],default:""}},data:function(){return{internalValue:this.value}},computed:{currentPlaceholder:function(){return null!==this.xPlaceholder?this.xPlaceholder:this.xType.includes("range")?void 0:this.getDefaultPlaceholder(this.xType)},currentStartPlaceholder:function(){return null!==this.xStartPlaceholder?this.xStartPlaceholder:this.xType.includes("range")?this.getDefaultPlaceholder(this.xType).start:void 0},currentEndPlaceholder:function(){return null!==this.xEndPlaceholder?this.xEndPlaceholder:this.xType.includes("range")?this.getDefaultPlaceholder(this.xType).end:void 0},currentValueFormat:function(){return null!==this.xValueFormat&&void 0!==this.xValueFormat?this.xValueFormat:this.getDefaultFormat(this.xType)},currentDefaultTime:function(){return null!==this.xDefaultTime&&void 0!==this.xDefaultTime?this.xDefaultTime:"datetimerange"===this.xType?["00:00:00","23:59:59"]:void 0}},watch:{value:function(e){this.internalValue=e}},methods:{getDefaultFormat:function(e){return{year:"yyyy",years:"yyyy",month:"yyyy-MM",months:"yyyy-MM",date:"yyyy-MM-dd",dates:"yyyy-MM-dd",datetime:"yyyy-MM-dd HH:mm:ss",week:"yyyy-MM-dd",datetimerange:"yyyy-MM-dd HH:mm:ss",daterange:"yyyy-MM-dd",monthrange:"yyyy-MM",yearrange:"yyyy"}[e]||"yyyy-MM-dd"},getDefaultPlaceholder:function(e){var t=e.includes("range"),a=e.includes("time");return t?{start:a?"开始日期时间":"开始日期",end:a?"结束日期时间":"结束日期"}:"year"===e||"years"===e?"选择年":"month"===e||"months"===e?"选择月":"week"===e?"选择周":a?"选择日期时间":"选择日期"},handleUpdate:function(e){this.internalValue=e,this.$emit("input",e)}}};exports.default=e;
+//# sourceMappingURL=XDatePicker.vue_rollup-plugin-vue_script.js.map

package/lib/components/XDatePicker.vue_rollup-plugin-vue_styles.0.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e="\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJYRGF0ZVBpY2tlci52dWU/cm9sbHVwLXBsdWdpbi12dWU9c3R5bGVzLjAuY3NzIn0= */";if("undefined"!=typeof document&&document.head){const t=document.createElement("style");t.type="text/css",t.setAttribute("data-jc-components","true"),t.textContent=e,document.head.appendChild(t)}exports.default=e;
+//# sourceMappingURL=XDatePicker.vue_rollup-plugin-vue_styles.0.js.map

package/lib/components/XDatePicker.vue_rollup-plugin-vue_styles.0.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XDatePicker.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/components/XElForm.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./XElForm.vue_rollup-plugin-vue_script.vue.js"),t=require("../node_modules/vue-runtime-helpers/dist/normalize-component.mjs.js"),i=e.default,s=t.default({render:function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("el-form",e._b({ref:"formRef",staticStyle:{width:"100%"},attrs:{model:e.xModel,rules:e.xRules,inline:e.xInline,"label-width":e.xLabelWidth,"label-position":e.xLabelPosition,size:e.xSize,disabled:e.xDisabled,"show-message":e.xShowMessage,"inline-message":e.xInlineMessage,"status-icon":e.xStatusIcon,"validate-on-rule-change":e.xValidateOnRuleChange,"hide-required-asterisk":e.xHideRequiredAsterisk,"require-asterisk-position":e.xRequireAsteriskPosition}},"el-form",e.$attrs,!1),[i("el-row",{style:e.rowStyle,attrs:{gutter:e.xGutter}},[e._t("default")],2)],1)},staticRenderFns:[]},void 0,i,"data-v-737d5a7c",false,void 0,!1,void 0,void 0,void 0);exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./XElForm.vue_rollup-plugin-vue_script.js");require("./XElForm.vue_rollup-plugin-vue_styles.0.js");var t=require("../node_modules/vue-runtime-helpers/dist/normalize-component.mjs.js"),l=e.default,r=t.default({render:function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("el-form",{ref:"formRef",staticClass:"x-el-form",staticStyle:{width:"100%"},attrs:{model:e.xModel,rules:e.xRules,inline:e.xInline,"label-width":e.xLabelWidth,"label-position":e.xLabelPosition,size:e.xSize,disabled:e.xDisabled}},[l("el-row",{style:e.rowStyle,attrs:{gutter:e.xGutter}},[e._t("default")],2)],1)},staticRenderFns:[]},void 0,l,"data-v-356020e6",false,void 0,!1,void 0,void 0,void 0);exports.default=r;
+//# sourceMappingURL=XElForm.js.map

package/lib/components/XElForm.map_script.js

@@ -0,0 +1 @@
+{"version":3,"file":"XElForm.vue_rollup-plugin-vue_script.js","sources":["../../src/components/XElForm.vue"],"sourcesContent":["\n<template>\n  <el-form\n    ref=\"formRef\"\n    class=\"x-el-form\"\n    :model=\"xModel\"\n    :rules=\"xRules\"\n    :inline=\"xInline\"\n    :label-width=\"xLabelWidth\"\n    :label-position=\"xLabelPosition\"\n    :size=\"xSize\"\n    :disabled=\"xDisabled\"\n    style=\"width: 100%;\"\n  >\n    <el-row :gutter=\"xGutter\" :style=\"rowStyle\">\n      <slot></slot>\n    </el-row>\n  </el-form>\n</template>\n\n<script>\nimport '../styles/x-ui.scss'\nimport { injectCSSVariables } from '../styles.js'\n\ninjectCSSVariables()\n\n/**\n * @author xjw\n * @since 2026/4/10\n * @description 对 el-form 的二次封装，添加 el-row 布局支持\n */\n\nexport default {\n  name: 'XElForm',\n  \n  inheritAttrs: true,\n  \n  props: {\n    // el-form 原生属性\n    xModel: {\n      type: Object,\n      default: () => ({})\n    },\n    xRules: {\n      type: Object,\n      default: () => ({})\n    },\n    xInline: {\n      type: Boolean,\n      default: false\n    },\n    xLabelWidth: {\n      type: String,\n      default: '120px'\n    },\n    xLabelPosition: {\n      type: String,\n      default: 'right',\n      validator: (val) => ['left', 'right', 'top'].includes(val)\n    },\n    xSize: {\n      type: String,\n      default: undefined\n    },\n    xDisabled: {\n      type: Boolean,\n      default: false\n    },\n    \n    // 自定义属性\n    xSpan: {\n      type: Number,\n      default: 24\n    },\n    xGutter: {\n      type: Number,\n      default: 20\n    }\n  },\n  \n  computed: {\n    // 计算 row 样式，移除负 margin\n    rowStyle() {\n      return {\n        marginLeft: 0,\n        marginRight: 0\n      }\n    }\n  },\n  \n  provide() {\n    return {\n      formItemSpan: this.xSpan,\n      formGutter: this.xGutter\n    }\n  },\n  \n  methods: {\n    // 表单验证\n    validate(callback) {\n      return this.$refs.formRef?.validate(callback)\n    },\n    \n    // 部分字段验证\n    validateField(props, callback) {\n      return this.$refs.formRef?.validateField(props, callback)\n    },\n    \n    // 重置表单\n    resetFields() {\n      return this.$refs.formRef?.resetFields()\n    },\n    \n    // 清除验证\n    clearValidate(props) {\n      return this.$refs.formRef?.clearValidate(props)\n    },\n    \n    // 滚动到指定字段\n    scrollToField(prop) {\n      return this.$refs.formRef?.scrollToField(prop)\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n</style>\n"],"names":["injectCSSVariables","script","name","inheritAttrs","props","xModel","type","Object","default","xRules","xInline","Boolean","xLabelWidth","String","xLabelPosition","validator","val","includes","xSize","undefined","xDisabled","xSpan","Number","xGutter","computed","rowStyle","marginLeft","marginRight","provide","formItemSpan","this","formGutter","methods","validate","callback","_this$$refs$formRef","$refs","formRef","validateField","_this$$refs$formRef2","resetFields","_this$$refs$formRef3","clearValidate","_this$$refs$formRef4","scrollToField","prop","_this$$refs$formRef5"],"mappings":"8HAwBAA,qBAQA,IAAAC,EAAA,CACAC,KAAA,UAEAC,cAAA,EAEAC,MAAA,CAEAC,OAAA,CACAC,KAAAC,OACAC,QAAA,WAAA,MAAA,EAAA,GAEAC,OAAA,CACAH,KAAAC,OACAC,QAAA,WAAA,MAAA,EAAA,GAEAE,QAAA,CACAJ,KAAAK,QACAH,SAAA,GAEAI,YAAA,CACAN,KAAAO,OACAL,QAAA,SAEAM,eAAA,CACAR,KAAAO,OACAL,QAAA,QACAO,UAAA,SAAAC,GAAA,MAAA,CAAA,OAAA,QAAA,OAAAC,SAAAD,EAAA,GAEAE,MAAA,CACAZ,KAAAO,OACAL,aAAAW,GAEAC,UAAA,CACAd,KAAAK,QACAH,SAAA,GAIAa,MAAA,CACAf,KAAAgB,OACAd,QAAA,IAEAe,QAAA,CACAjB,KAAAgB,OACAd,QAAA,KAIAgB,SAAA,CAEAC,SAAA,WACA,MAAA,CACAC,WAAA,EACAC,YAAA,EAEA,GAGAC,QAAA,WACA,MAAA,CACAC,aAAAC,KAAAT,MACAU,WAAAD,KAAAP,QAEA,EAEAS,QAAA,CAEAC,SAAAA,SAAAC,GAAA,IAAAC,EACA,OAAAA,QAAAA,EAAAL,KAAAM,MAAAC,mBAAAF,SAAAA,EAAAF,SAAAC,EACA,EAGAI,uBAAAlC,EAAA8B,GAAA,IAAAK,EACA,OAAA,QAAAA,EAAAT,KAAAM,MAAAC,eAAA,IAAAE,OAAA,EAAAA,EAAAD,cAAAlC,EAAA8B,EACA,EAGAM,YAAA,WAAA,IAAAC,EACA,OAAAA,QAAAA,EAAAX,KAAAM,MAAAC,eAAAI,IAAAA,OAAAA,EAAAA,EAAAD,aACA,EAGAE,cAAAA,SAAAtC,GAAA,IAAAuC,EACA,OAAAA,QAAAA,EAAAb,KAAAM,MAAAC,mBAAAM,SAAAA,EAAAD,cAAAtC,EACA,EAGAwC,cAAAA,SAAAC,GAAA,IAAAC,EACA,OAAAA,QAAAA,EAAAhB,KAAAM,MAAAC,mBAAAS,SAAAA,EAAAF,cAAAC,EACA"}

package/lib/components/XElForm.vue

@@ -0,0 +1,164 @@
+
+<template>
+  <el-form
+    ref="formRef"
+    v-bind="$attrs"
+    :model="xModel"
+    :rules="xRules"
+    :inline="xInline"
+    :label-width="xLabelWidth"
+    :label-position="xLabelPosition"
+    :size="xSize"
+    :disabled="xDisabled"
+    :show-message="xShowMessage"
+    :inline-message="xInlineMessage"
+    :status-icon="xStatusIcon"
+    :validate-on-rule-change="xValidateOnRuleChange"
+    :hide-required-asterisk="xHideRequiredAsterisk"
+    :require-asterisk-position="xRequireAsteriskPosition"
+    style="width: 100%;"
+  >
+    <el-row :gutter="xGutter" :style="rowStyle">
+      <slot></slot>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+/**
+ * @author xjw
+ * @since 2026/4/10
+ * @description 对 el-form 的二次封装，添加 el-row 布局支持
+ */
+
+export default {
+  name: 'XElForm',
+  
+  inheritAttrs: true,
+  
+  props: {
+    // el-form 原生属性
+    xModel: {
+      type: Object,
+      default: () => ({})
+    },
+    xRules: {
+      type: Object,
+      default: () => ({})
+    },
+    xInline: {
+      type: Boolean,
+      default: false
+    },
+    xLabelWidth: {
+      type: String,
+      default: '120px'
+    },
+    xLabelPosition: {
+      type: String,
+      default: 'right',
+      validator: (val) => ['left', 'right', 'top'].includes(val)
+    },
+    xSize: {
+      type: String,
+      default: undefined
+    },
+    xDisabled: {
+      type: Boolean,
+      default: false
+    },
+    xShowMessage: {
+      type: Boolean,
+      default: true
+    },
+    xInlineMessage: {
+      type: Boolean,
+      default: false
+    },
+    xStatusIcon: {
+      type: Boolean,
+      default: false
+    },
+    xValidateOnRuleChange: {
+      type: Boolean,
+      default: true
+    },
+    xHideRequiredAsterisk: {
+      type: Boolean,
+      default: false
+    },
+    xRequireAsteriskPosition: {
+      type: String,
+      default: 'left',
+      validator: (val) => ['left', 'right'].includes(val)
+    },
+    
+    // 自定义属性
+    xSpan: {
+      type: Number,
+      default: 24
+    },
+    xGutter: {
+      type: Number,
+      default: 20
+    }
+  },
+  
+  computed: {
+    // 计算 row 样式，移除负 margin
+    rowStyle() {
+      return {
+        marginLeft: 0,
+        marginRight: 0
+      }
+    }
+  },
+  
+  provide() {
+    return {
+      formItemSpan: this.xSpan,
+      formGutter: this.xGutter
+    }
+  },
+  
+  methods: {
+    // 表单验证
+    validate(callback) {
+      return this.$refs.formRef?.validate(callback)
+    },
+    
+    // 部分字段验证
+    validateField(props, callback) {
+      return this.$refs.formRef?.validateField(props, callback)
+    },
+    
+    // 重置表单
+    resetFields() {
+      return this.$refs.formRef?.resetFields()
+    },
+    
+    // 清除验证
+    clearValidate(props) {
+      return this.$refs.formRef?.clearValidate(props)
+    },
+    
+    // 滚动到指定字段
+    scrollToField(prop) {
+      return this.$refs.formRef?.scrollToField(prop)
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+// 保持与 el-form 一致的样式
+::v-deep .el-form {
+  width: 100%;
+}
+
+// 移除 el-row 的负 margin，避免与外层容器 padding 冲突
+::v-deep .el-row {
+  margin-left: 0 !important;
+  margin-right: 0 !important;
+}
+</style>

package/lib/components/XElForm.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XElForm.vue.js","sources":["../../src/components/XElForm.vue"],"sourcesContent":["\n<template>\n  <el-form\n    ref=\"formRef\"\n    class=\"x-el-form\"\n    :model=\"xModel\"\n    :rules=\"xRules\"\n    :inline=\"xInline\"\n    :label-width=\"xLabelWidth\"\n    :label-position=\"xLabelPosition\"\n    :size=\"xSize\"\n    :disabled=\"xDisabled\"\n    style=\"width: 100%;\"\n  >\n    <el-row :gutter=\"xGutter\" :style=\"rowStyle\">\n      <slot></slot>\n    </el-row>\n  </el-form>\n</template>\n\n<script>\nimport '../styles/x-ui.scss'\nimport { injectCSSVariables } from '../styles.js'\n\ninjectCSSVariables()\n\n/**\n * @author xjw\n * @since 2026/4/10\n * @description 对 el-form 的二次封装，添加 el-row 布局支持\n */\n\nexport default {\n  name: 'XElForm',\n  \n  inheritAttrs: true,\n  \n  props: {\n    // el-form 原生属性\n    xModel: {\n      type: Object,\n      default: () => ({})\n    },\n    xRules: {\n      type: Object,\n      default: () => ({})\n    },\n    xInline: {\n      type: Boolean,\n      default: false\n    },\n    xLabelWidth: {\n      type: String,\n      default: '120px'\n    },\n    xLabelPosition: {\n      type: String,\n      default: 'right',\n      validator: (val) => ['left', 'right', 'top'].includes(val)\n    },\n    xSize: {\n      type: String,\n      default: undefined\n    },\n    xDisabled: {\n      type: Boolean,\n      default: false\n    },\n    \n    // 自定义属性\n    xSpan: {\n      type: Number,\n      default: 24\n    },\n    xGutter: {\n      type: Number,\n      default: 20\n    }\n  },\n  \n  computed: {\n    // 计算 row 样式，移除负 margin\n    rowStyle() {\n      return {\n        marginLeft: 0,\n        marginRight: 0\n      }\n    }\n  },\n  \n  provide() {\n    return {\n      formItemSpan: this.xSpan,\n      formGutter: this.xGutter\n    }\n  },\n  \n  methods: {\n    // 表单验证\n    validate(callback) {\n      return this.$refs.formRef?.validate(callback)\n    },\n    \n    // 部分字段验证\n    validateField(props, callback) {\n      return this.$refs.formRef?.validateField(props, callback)\n    },\n    \n    // 重置表单\n    resetFields() {\n      return this.$refs.formRef?.resetFields()\n    },\n    \n    // 清除验证\n    clearValidate(props) {\n      return this.$refs.formRef?.clearValidate(props)\n    },\n    \n    // 滚动到指定字段\n    scrollToField(prop) {\n      return this.$refs.formRef?.scrollToField(prop)\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n</style>\n"],"names":["__vue_script__","script"],"mappings":"mRAEcA,EAAAC,EAAAA"}

package/lib/components/XElForm.vue_rollup-plugin-vue_script.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../styles/x-ui.scss.js"),require("../styles.js").injectCSSVariables();var e={name:"XElForm",inheritAttrs:!0,props:{xModel:{type:Object,default:function(){return{}}},xRules:{type:Object,default:function(){return{}}},xInline:{type:Boolean,default:!1},xLabelWidth:{type:String,default:"120px"},xLabelPosition:{type:String,default:"right",validator:function(e){return["left","right","top"].includes(e)}},xSize:{type:String,default:void 0},xDisabled:{type:Boolean,default:!1},xSpan:{type:Number,default:24},xGutter:{type:Number,default:20}},computed:{rowStyle:function(){return{marginLeft:0,marginRight:0}}},provide:function(){return{formItemSpan:this.xSpan,formGutter:this.xGutter}},methods:{validate:function(e){var t;return null===(t=this.$refs.formRef)||void 0===t?void 0:t.validate(e)},validateField:function(e,t){var r;return null===(r=this.$refs.formRef)||void 0===r?void 0:r.validateField(e,t)},resetFields:function(){var e;return null===(e=this.$refs.formRef)||void 0===e?void 0:e.resetFields()},clearValidate:function(e){var t;return null===(t=this.$refs.formRef)||void 0===t?void 0:t.clearValidate(e)},scrollToField:function(e){var t;return null===(t=this.$refs.formRef)||void 0===t?void 0:t.scrollToField(e)}}};exports.default=e;
+//# sourceMappingURL=XElForm.vue_rollup-plugin-vue_script.js.map

package/lib/components/XElForm.vue_rollup-plugin-vue_styles.0.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e="\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJYRWxGb3JtLnZ1ZT9yb2xsdXAtcGx1Z2luLXZ1ZT1zdHlsZXMuMC5jc3MifQ== */";if("undefined"!=typeof document&&document.head){const t=document.createElement("style");t.type="text/css",t.setAttribute("data-jc-components","true"),t.textContent=e,document.head.appendChild(t)}exports.default=e;
+//# sourceMappingURL=XElForm.vue_rollup-plugin-vue_styles.0.js.map

package/lib/components/XElForm.vue_rollup-plugin-vue_styles.0.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XElForm.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/components/XElFormItem.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./XElFormItem.vue_rollup-plugin-vue_script.vue.js"),r=require("../node_modules/vue-runtime-helpers/dist/normalize-component.mjs.js"),t=e.default,s=r.default({render:function(){var e=this,r=e.$createElement,t=e._self._c||r;return t("el-col",{attrs:{span:e.currentSpan}},[t("el-form-item",e._b({attrs:{label:e.xLabel,prop:e.xProp,"label-width":e.xLabelWidth,required:e.xRequired,rules:e.xRules,error:e.xError,"validate-status":e.xValidateStatus,"show-message":e.xShowMessage,"inline-message":e.xInlineMessage,size:e.xSize}},"el-form-item",e.$attrs,!1),[e._t("default")],2)],1)},staticRenderFns:[]},void 0,t,"data-v-e6222a20",false,void 0,!1,void 0,void 0,void 0);exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./XElFormItem.vue_rollup-plugin-vue_script.js");require("./XElFormItem.vue_rollup-plugin-vue_styles.0.js");var r=require("../node_modules/vue-runtime-helpers/dist/normalize-component.mjs.js"),t=e.default,l=r.default({render:function(){var e=this,r=e.$createElement,t=e._self._c||r;return t("el-col",{staticClass:"x-el-form-item",attrs:{span:e.currentSpan}},[t("el-form-item",{attrs:{label:e.xLabel,prop:e.xProp,"label-width":e.xLabelWidth,required:e.xRequired,size:e.xSize}},[e._t("default")],2)],1)},staticRenderFns:[]},void 0,t,"data-v-699c7d89",false,void 0,!1,void 0,void 0,void 0);exports.default=l;
+//# sourceMappingURL=XElFormItem.js.map

package/lib/components/XElFormItem.map_script.js

@@ -0,0 +1 @@
+{"version":3,"file":"XElFormItem.vue_rollup-plugin-vue_script.js","sources":["../../src/components/XElFormItem.vue"],"sourcesContent":["<template>\n  <el-col :span=\"currentSpan\" class=\"x-el-form-item\">\n    <el-form-item \n      :label=\"xLabel\"\n      :prop=\"xProp\"\n      :label-width=\"xLabelWidth\"\n      :required=\"xRequired\"\n      :size=\"xSize\"\n    >\n      <slot></slot>\n    </el-form-item>\n  </el-col>\n</template>\n\n<script>\nimport '../styles/x-ui.scss'\nimport { injectCSSVariables } from '../styles.js'\n\ninjectCSSVariables()\n\n/**\n * @author xjw\n * @since 2026/4/10\n * @description 对 el-form-item 的二次封装，支持栅格布局\n */\n\nexport default {\n  name: 'XElFormItem',\n  \n  inheritAttrs: false,\n  \n  inject: {\n    formItemSpan: {\n      default: 24\n    },\n    formGutter: {\n      default: 0\n    }\n  },\n  \n  props: {\n    // el-form-item 原生属性\n    xLabel: {\n      type: String,\n      default: undefined\n    },\n    xProp: {\n      type: String,\n      default: undefined\n    },\n    xLabelWidth: {\n      type: [String, Number],\n      default: undefined\n    },\n    xRequired: {\n      type: Boolean,\n      default: false\n    },\n    xSize: {\n      type: String,\n      default: undefined\n    },\n    \n    // 自定义属性\n    xSpan: {\n      type: Number,\n      default: null\n    }\n  },\n  \n  computed: {\n    // 计算当前表单项的 span 值，优先使用自身的 span 属性\n    currentSpan() {\n      return this.xSpan !== null ? this.xSpan : this.formItemSpan\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n</style>\n"],"names":["injectCSSVariables","script","name","inheritAttrs","inject","formItemSpan","default","formGutter","props","xLabel","type","String","undefined","xProp","xLabelWidth","Number","xRequired","Boolean","xSize","xSpan","computed","currentSpan","this"],"mappings":"8HAkBAA,qBAQA,IAAAC,EAAA,CACAC,KAAA,cAEAC,cAAA,EAEAC,OAAA,CACAC,aAAA,CACAC,QAAA,IAEAC,WAAA,CACAD,QAAA,IAIAE,MAAA,CAEAC,OAAA,CACAC,KAAAC,OACAL,aAAAM,GAEAC,MAAA,CACAH,KAAAC,OACAL,aAAAM,GAEAE,YAAA,CACAJ,KAAA,CAAAC,OAAAI,QACAT,aAAAM,GAEAI,UAAA,CACAN,KAAAO,QACAX,SAAA,GAEAY,MAAA,CACAR,KAAAC,OACAL,aAAAM,GAIAO,MAAA,CACAT,KAAAK,OACAT,QAAA,OAIAc,SAAA,CAEAC,YAAA,WACA,OAAA,OAAAC,KAAAH,MAAAG,KAAAH,MAAAG,KAAAjB,YACA"}

package/lib/components/XElFormItem.vue

@@ -0,0 +1,113 @@
+<template>
+  <el-col :span="currentSpan">
+    <el-form-item 
+      v-bind="$attrs"
+      :label="xLabel"
+      :prop="xProp"
+      :label-width="xLabelWidth"
+      :required="xRequired"
+      :rules="xRules"
+      :error="xError"
+      :validate-status="xValidateStatus"
+      :show-message="xShowMessage"
+      :inline-message="xInlineMessage"
+      :size="xSize"
+    >
+      <slot></slot>
+    </el-form-item>
+  </el-col>
+</template>
+
+<script>
+/**
+ * @author xjw
+ * @since 2026/4/10
+ * @description 对 el-form-item 的二次封装，支持栅格布局
+ */
+
+export default {
+  name: 'XElFormItem',
+  
+  inheritAttrs: false,
+  
+  inject: {
+    formItemSpan: {
+      default: 24
+    },
+    formGutter: {
+      default: 0
+    }
+  },
+  
+  props: {
+    // el-form-item 原生属性
+    xLabel: {
+      type: String,
+      default: undefined
+    },
+    xProp: {
+      type: String,
+      default: undefined
+    },
+    xLabelWidth: {
+      type: [String, Number],
+      default: undefined
+    },
+    xRequired: {
+      type: Boolean,
+      default: false
+    },
+    xRules: {
+      type: [Object, Array],
+      default: undefined
+    },
+    xError: {
+      type: String,
+      default: undefined
+    },
+    xValidateStatus: {
+      type: String,
+      default: undefined
+    },
+    xShowMessage: {
+      type: Boolean,
+      default: true
+    },
+    xInlineMessage: {
+      type: Boolean,
+      default: false
+    },
+    xSize: {
+      type: String,
+      default: undefined
+    },
+    
+    // 自定义属性
+    xSpan: {
+      type: Number,
+      default: null
+    }
+  },
+  
+  computed: {
+    // 计算当前表单项的 span 值，优先使用自身的 span 属性
+    currentSpan() {
+      return this.xSpan !== null ? this.xSpan : this.formItemSpan
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+// 保持与 el-form-item 一致的样式
+::v-deep .el-form-item {
+  margin-bottom: 16px;
+}
+
+::v-deep .el-col {
+  padding: 0 8px;
+}
+::v-deep .el-date-editor.el-input, .el-date-editor.el-input__inner {
+  width: 100% !important;
+}
+</style>

package/lib/components/XElFormItem.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XElFormItem.vue.js","sources":["../../src/components/XElFormItem.vue"],"sourcesContent":["<template>\n  <el-col :span=\"currentSpan\" class=\"x-el-form-item\">\n    <el-form-item \n      :label=\"xLabel\"\n      :prop=\"xProp\"\n      :label-width=\"xLabelWidth\"\n      :required=\"xRequired\"\n      :size=\"xSize\"\n    >\n      <slot></slot>\n    </el-form-item>\n  </el-col>\n</template>\n\n<script>\nimport '../styles/x-ui.scss'\nimport { injectCSSVariables } from '../styles.js'\n\ninjectCSSVariables()\n\n/**\n * @author xjw\n * @since 2026/4/10\n * @description 对 el-form-item 的二次封装，支持栅格布局\n */\n\nexport default {\n  name: 'XElFormItem',\n  \n  inheritAttrs: false,\n  \n  inject: {\n    formItemSpan: {\n      default: 24\n    },\n    formGutter: {\n      default: 0\n    }\n  },\n  \n  props: {\n    // el-form-item 原生属性\n    xLabel: {\n      type: String,\n      default: undefined\n    },\n    xProp: {\n      type: String,\n      default: undefined\n    },\n    xLabelWidth: {\n      type: [String, Number],\n      default: undefined\n    },\n    xRequired: {\n      type: Boolean,\n      default: false\n    },\n    xSize: {\n      type: String,\n      default: undefined\n    },\n    \n    // 自定义属性\n    xSpan: {\n      type: Number,\n      default: null\n    }\n  },\n  \n  computed: {\n    // 计算当前表单项的 span 值，优先使用自身的 span 属性\n    currentSpan() {\n      return this.xSpan !== null ? this.xSpan : this.formItemSpan\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n</style>\n"],"names":["__vue_script__","script"],"mappings":"2RAEcA,EAAAC,EAAAA"}

package/lib/components/XElFormItem.vue_rollup-plugin-vue_script.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../styles/x-ui.scss.js"),require("../styles.js").injectCSSVariables();var e={name:"XElFormItem",inheritAttrs:!1,inject:{formItemSpan:{default:24},formGutter:{default:0}},props:{xLabel:{type:String,default:void 0},xProp:{type:String,default:void 0},xLabelWidth:{type:[String,Number],default:void 0},xRequired:{type:Boolean,default:!1},xSize:{type:String,default:void 0},xSpan:{type:Number,default:null}},computed:{currentSpan:function(){return null!==this.xSpan?this.xSpan:this.formItemSpan}}};exports.default=e;
+//# sourceMappingURL=XElFormItem.vue_rollup-plugin-vue_script.js.map

package/lib/components/XElFormItem.vue_rollup-plugin-vue_styles.0.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e="\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJYRWxGb3JtSXRlbS52dWU/cm9sbHVwLXBsdWdpbi12dWU9c3R5bGVzLjAuY3NzIn0= */";if("undefined"!=typeof document&&document.head){const t=document.createElement("style");t.type="text/css",t.setAttribute("data-jc-components","true"),t.textContent=e,document.head.appendChild(t)}exports.default=e;
+//# sourceMappingURL=XElFormItem.vue_rollup-plugin-vue_styles.0.js.map

package/lib/components/XElFormItem.vue_rollup-plugin-vue_styles.0.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XElFormItem.vue_rollup-plugin-vue_styles.0.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/components/XElOption.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./XElOption.vue_rollup-plugin-vue_script.vue.js"),t=require("../node_modules/vue-runtime-helpers/dist/normalize-component.mjs.js"),r=e.default,l=t.default({render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("el-option",e._b({attrs:{label:e.computedLabel,value:e.computedValue}},"el-option",e.$attrs,!1),[e._t("default")],2)},staticRenderFns:[]},void 0,r,"data-v-420f045f",false,void 0,!1,void 0,void 0,void 0);exports.default=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./XElOption.vue_rollup-plugin-vue_script.js");require("./XElOption.vue_rollup-plugin-vue_styles.0.js");var t=require("../node_modules/vue-runtime-helpers/dist/normalize-component.mjs.js"),l=e.default,u=t.default({render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("el-option",{attrs:{label:e.computedLabel,value:e.computedValue,disabled:e.xDisabled}},[e._t("default")],2)},staticRenderFns:[]},void 0,l,"data-v-4001b472",false,void 0,!1,void 0,void 0,void 0);exports.default=u;
+//# sourceMappingURL=XElOption.js.map