el-plus-crud 0.0.62 → 0.0.63

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.0.63](https://github.com/KDJack/el-plus-crud/compare/v0.0.62...v0.0.63) (2023-08-31)
+
 ### [0.0.62](https://github.com/KDJack/el-plus-crud/compare/v0.0.61...v0.0.62) (2023-08-29)
 
 ### [0.0.61](https://github.com/KDJack/el-plus-crud/compare/v0.0.60...v0.0.61) (2023-08-29)

package/dist/el-plus-crud.mjs

@@ -5831,6 +5831,8 @@ const Xi = /* @__PURE__ */ He(H2, [["__scopeId", "data-v-e79c62e8"]]), K2 = /* @
     const l = d, o = Ce("globalData"), p = Ce("format"), g = _(l.modelValue);
     s("update:modelValue", g);
     const h = Je([]), m = _(""), M = me(() => {
+      if (l.desc.icolor)
+        return typeof l.desc.icolor == "function" ? { background: l.desc.icolor(l.formData) || "#909399" } : { background: l.desc.icolor || "#909399" };
       const a = h.find((v) => (v.value || v.v) == g.value) || {};
       return { background: a.c || a.color || "#909399" };
     });
@@ -5857,7 +5859,7 @@ const Xi = /* @__PURE__ */ He(H2, [["__scopeId", "data-v-e79c62e8"]]), K2 = /* @
     ]));
   }
 });
-const ea = /* @__PURE__ */ He(q2, [["__scopeId", "data-v-54e5faf5"]]), X2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: ea }, Symbol.toStringTag, { value: "Module" })), ey = { class: "el-plus-form-switch" }, ty = {
+const ea = /* @__PURE__ */ He(q2, [["__scopeId", "data-v-e321331e"]]), X2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: ea }, Symbol.toStringTag, { value: "Module" })), ey = { class: "el-plus-form-switch" }, ty = {
   name: "ElPlusFormSwitch",
   inheritAttrs: !1,
   typeName: "switch",
@@ -6813,7 +6815,7 @@ const dD = ["innerHTML"], gD = {
                           }, {
                             default: Q(() => [
                               (D(), W(Yi(ee._type), le({
-                                style: { "min-width": "80px", width: "100%" },
+                                style: { "min-width": "80px", width: "100%", flex: "1" },
                                 formData: o.modelValue,
                                 disabled: ee._disabled ?? w.disabled ?? !1,
                                 readonly: w.readonly ?? !1

package/lib/components/el-plus-form/ElPlusForm.vue

@@ -7,7 +7,7 @@
           <el-col v-for="(formItem, y) in formList" :key="index + '-' + y + '-' + formItem.field" :xs="24" :sm="24" :md="formItem.colspan && formItem.colspan >= column ? 24 : column >= 2 ? 12 : 24" :lg="formItem.colspan && formItem.colspan >= column ? 24 : Math.floor((24 / column) * (formItem.colspan || 1))" :xl="formItem.colspan && formItem.colspan >= column ? 24 : Math.floor((24 / column) * (formItem.colspan || 1))">
             <div v-if="formItem._vif" class="el-plus-form-column-panel" :style="{ 'justify-content': isTable ? 'flex-end' : 'flex-start' }">
               <el-form-item style="min-height: 40px; display: flex" :label="showLabel && formItem.showLabel !== false ? formItem._label : null" :label-width="formItem.labelWidth || labelWidth || (isDialog ? '100px' : '120px')" :prop="formItem.field" :style="{ width: formItem._attrs?.width || formItem.width || (isTable ? '150px' : '100%') }">
-                <component style="min-width: 80px; width: 100%" :is="formItem._type" :formData="props.modelValue" :disabled="formItem._disabled ?? disabled ?? false" :readonly="readonly ?? false" v-bind="formItem._attrs" :desc="formItem" :ref="setComponentRef" :field="formItem.field" v-model="props.modelValue[formItem.field || '']" :isTable="isTable" @validateThis="() => handelValidateThis(formItem.field || '')"></component>
+                <component style="min-width: 80px; width: 100%; flex: 1" :is="formItem._type" :formData="props.modelValue" :disabled="formItem._disabled ?? disabled ?? false" :readonly="readonly ?? false" v-bind="formItem._attrs" :desc="formItem" :ref="setComponentRef" :field="formItem.field" v-model="props.modelValue[formItem.field || '']" :isTable="isTable" @validateThis="() => handelValidateThis(formItem.field || '')"></component>
                 <div class="el-plus-form-tip" v-if="formItem._tip" v-html="formItem._tip" />
               </el-form-item>
             </div>
@@ -770,6 +770,7 @@ defineExpose({ submit: handleSubmitForm, getData: getFormData, validate: validat
     color: #909399;
     line-height: 1.5em;
     margin-top: 3px;
+    margin-left: 12px;
   }
 
   .el-plus-form-tip code {

package/lib/components/el-plus-form/components/ElPlusFormStatus.vue

@@ -37,6 +37,12 @@ const formatValue = ref('' as any)
 
 // icon 样式
 const iconStyle = computed(() => {
+  if (props.desc.icolor) {
+    if (typeof props.desc.icolor === 'function') {
+      return { background: props.desc.icolor(props.formData) || '#909399' }
+    }
+    return { background: props.desc.icolor || '#909399' }
+  }
   const optionsItem = options.find((item: any) => (item.value || item.v) == currentValue.value) || {}
   return { background: optionsItem.c || optionsItem.color || '#909399' }
 })

package/package.json

@@ -2,7 +2,7 @@
   "name": "el-plus-crud",
   "description": "采用Vue3 + TS，封装的element-plus数据驱动表单、列表组件",
   "author": "K.D.Jack",
-  "version": "0.0.62",
+  "version": "0.0.63",
   "license": "MIT",
   "private": false,
   "main": "dist/el-plus-crud.mjs",