@ctzy-web-client/plugin-component-vue 1.0.23 → 1.0.25

package/es/data-form/data-form-item.mjs

@@ -1,32 +1,48 @@
-import { defineComponent, useAttrs, inject, computed, provide, reactive, unref, openBlock, createBlock, mergeProps, withCtx, renderSlot, createVNode, createCommentVNode } from 'vue';
+import { useAttrs, inject, computed, provide, reactive, unref, openBlock, createBlock, mergeProps, withCtx, renderSlot, createVNode, createCommentVNode } from 'vue';
 import { formContextKey, ElFormItem } from 'element-plus';
 import { dataFormKey } from '@ctzy-web-client/web-base-client-vue';
 import DynamicComponent from './dynamic-component.mjs';
 import _export_sfc from '../_virtual/_plugin-vue_export-helper.mjs';
 
-const __default__ = defineComponent({ name: "BwaDataFormItem" });
-const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
-  props: {
-    name: { type: String },
-    isShowLabelColon: { type: Boolean }
-  },
+const _sfc_main = {
+  __name: 'data-form-item',
+  props: {
+  name: { type: String },
+    isShowLabelColon: { type: Boolean }
+},
   setup(__props) {
-    const props = __props;
-    const attrs = useAttrs();
-    const dataForm = inject(dataFormKey);
-    const formContext = inject(formContextKey, {});
-    const formColumn = dataForm.getDisplayColumns().find((col) => col.fullAttrName == props.name);
-    const label = computed(() => {
-      return attrs.label || (formColumn ? formColumn.title + (props.isShowLabelColon ? " :" : "") : "");
-    });
-    const _formContext = {};
-    _formContext.disabled = computed(
-      () => formContext.disabled || (formColumn == null ? void 0 : formColumn.disabled)
-    );
-    Reflect.setPrototypeOf(_formContext, formContext);
-    provide(formContextKey, reactive(_formContext));
-    return (_ctx, _cache) => {
-      return unref(formColumn) && unref(formColumn).visible ? (openBlock(), createBlock(unref(ElFormItem), mergeProps({ key: 0 }, unref(attrs), {
+
+const props = __props;
+
+defineOptions({ name: 'BwaDataFormItem' });
+
+
+
+const attrs = useAttrs();
+
+const dataForm = inject(dataFormKey);
+
+const formContext = inject(formContextKey, {});
+
+const formColumn = dataForm
+  .getDisplayColumns()
+  .find((col) => col.fullAttrName == props.name);
+
+const label = computed(() => {
+  return attrs.label || (formColumn ? formColumn.title + (props.isShowLabelColon ? ' :' : '') : '');
+});
+
+const _formContext = {};
+_formContext.disabled = computed(
+  () => formContext.disabled || formColumn?.disabled
+);
+Reflect.setPrototypeOf(_formContext, formContext);
+
+provide(formContextKey, reactive(_formContext));
+
+return (_ctx, _cache) => {
+  return (unref(formColumn) && unref(formColumn).visible)
+    ? (openBlock(), createBlock(unref(ElFormItem), mergeProps({ key: 0 }, unref(attrs), {
         label: unref(label),
         class: { custom: !_ctx.$slots.default },
         prop: unref(formColumn).fullAttrName
@@ -40,14 +56,16 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             createVNode(unref(DynamicComponent), {
               column: unref(formColumn),
               record: unref(dataForm).data
-            }, null, 8, ["column", "record"])
+            }, null, 8 /* PROPS */, ["column", "record"])
           ])
         ]),
-        _: 3
-      }, 16, ["label", "class", "prop"])) : createCommentVNode("v-if", true);
-    };
-  }
-});
-var DataFormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "data-form-item.vue"]]);
+        _: 3 /* FORWARDED */
+      }, 16 /* FULL_PROPS */, ["label", "class", "prop"]))
+    : createCommentVNode("v-if", true)
+}
+}
+
+};
+var DataFormItem = /*#__PURE__*/_export_sfc(_sfc_main, [['__file',"data-form-item.vue"]]);
 
 export { DataFormItem as default };

package/es/data-form/data-form.mjs

@@ -1,175 +1,222 @@
-import { defineComponent, useAttrs, ref, computed, watch, provide, onMounted, unref, onBeforeUnmount, openBlock, createBlock, mergeProps, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
+import { useAttrs, ref, computed, watch, provide, onMounted, unref, onBeforeUnmount, openBlock, createBlock, mergeProps, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
 import { ElMessage, ElForm } from 'element-plus';
 import { dataFormKey } from '@ctzy-web-client/web-base-client-vue';
 import { mergeWith, isArray } from 'lodash';
 import DataFormItem from './data-form-item.mjs';
 import _export_sfc from '../_virtual/_plugin-vue_export-helper.mjs';
 
-const __default__ = defineComponent({ name: "BwaDataForm" });
-const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
-  props: {
-    dataForm: {
-      type: Object
-    },
-    autoLoad: {
-      type: Boolean,
-      default: true
-    },
-    record: {
-      type: Object
-    },
-    recID: {
-      type: String
-    },
-    labelPosition: {
-      type: String
-    },
-    labelWidth: {
-      type: String,
-      default: ""
-    },
-    rules: {
-      type: Object,
-      default: () => ({})
-    },
-    validateOnRuleChange: {
-      type: Boolean,
-      default: false
-    },
-    isShowLabelColon: {
-      type: Boolean,
-      default: true
-    }
-  },
+const _sfc_main = {
+  __name: 'data-form',
+  props: {
+  dataForm: {
+    type: Object,
+  },
+  autoLoad: {
+    type: Boolean,
+    default: true,
+  },
+  //注册id 和 记录数据
+  record: {
+    type: Object,
+  },
+  recID: {
+    type: String,
+  },
+  labelPosition: {
+    type: String,
+  },
+  labelWidth: {
+    type: String,
+    default: '',
+  },
+  rules: {
+    type: Object,
+    default: () => ({}),
+  },
+  validateOnRuleChange: {
+    type: Boolean,
+    default: false,
+  },
+    isShowLabelColon: {
+        type: Boolean,
+        default: true,
+    },
+},
   setup(__props, { expose }) {
-    const props = __props;
-    const attrs = useAttrs();
-    const dataForm = props.dataForm;
-    const dataFormElRef = ref();
-    const rules = computed(() => {
-      let data = {};
-      dataForm.getDisplayColumns().forEach((item) => {
-        data[item.fullAttrName] = (item.required ? [{ required: true, message: item.title + "\u5FC5\u586B!" }] : []).concat(item.rules);
-      });
-      return mergeWith(
-        {},
-        data,
-        props.rules,
-        function customizer(objValue, srcValue) {
-          if (isArray(objValue)) {
-            return objValue.concat(srcValue);
-          }
-        }
-      );
-    });
-    const computedLabelWidth = computed(() => {
-      if (props.labelWidth) {
-        return props.labelWidth;
-      }
-      let labelWidth = 0;
-      if (props.labelPosition != "top") {
-        let maxLabelCharCount = 0;
-        dataForm.getDisplayColumns().forEach((item) => {
-          maxLabelCharCount = Math.max(
-            maxLabelCharCount,
-            item.title.length + (item.required ? 1 : 0)
-          );
-        });
-        labelWidth = (maxLabelCharCount + 1) * 18;
-      }
-      return labelWidth + "px";
-    });
-    if (props.autoLoad) {
-      watch(
-        computed(() => props.record),
-        async () => {
-          if (props.recID) {
-            try {
-              await dataForm.loadDataByRecId(props.recID);
-            } catch (e) {
-              console.error(e);
-              ElMessage.error("\u83B7\u53D6\u8BB0\u5F55\u5931\u8D25\u3002");
-            }
-            return;
-          }
-          if (props.record) {
-            dataForm.setData(props.record);
-            return;
-          }
-          dataForm.setData();
-        },
-        { immediate: true }
-      );
-    }
-    provide(dataFormKey, dataForm);
-    const validate = (callback) => {
-      return dataFormElRef.value.validate(callback);
-    };
-    window.dataFormElRef = dataFormElRef;
-    window.aaavvv = validate;
-    const submit = (data) => {
-      return validate().then(() => {
-        dataForm.submit(data).then(() => {
-          ElMessage.info("\u4FDD\u5B58\u6210\u529F!");
-        }).catch((e) => ElMessage.error(e.message));
-      }).catch((result) => {
-        console.log(result);
-      });
-    };
-    onMounted(() => {
-      unref(dataForm).formValivators.push(unref(dataFormElRef));
-    });
-    onBeforeUnmount(() => {
-      const _dataFormEl = unref(dataFormElRef);
-      unref(dataForm).formValivators = unref(dataForm).formValivators.filter(
-        (validate2) => validate2 !== _dataFormEl
-      );
-    });
-    expose({
-      dataForm,
-      dataFormElRef,
-      validate,
-      submit,
-      rules,
-      computedLabelWidth
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ElForm), mergeProps({
-        ref_key: "dataFormElRef",
-        ref: dataFormElRef
-      }, unref(attrs), {
-        model: unref(dataForm).data,
-        "label-position": __props.labelPosition,
-        "label-width": unref(computedLabelWidth),
-        rules: unref(rules),
-        "validate-on-rule-change": __props.validateOnRuleChange,
-        disabled: unref(dataForm).disabled
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", { dataForm: unref(dataForm) }, () => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(dataForm).getDisplayColumns(), (column) => {
-              return openBlock(), createBlock(DataFormItem, {
-                key: column.fullAttrName,
-                name: column.fullAttrName,
-                isShowLabelColon: __props.isShowLabelColon
-              }, {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "form-item-" + column.fullAttrName, {
-                    column,
-                    record: unref(dataForm).data,
-                    dataForm: unref(dataForm)
-                  })
-                ]),
-                _: 2
-              }, 1032, ["name", "isShowLabelColon"]);
-            }), 128))
-          ])
-        ]),
-        _: 3
-      }, 16, ["model", "label-position", "label-width", "rules", "validate-on-rule-change", "disabled"]);
-    };
-  }
-});
-var DataForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "data-form.vue"]]);
+
+const props = __props;
+
+defineOptions({ name: 'BwaDataForm' });
+
+
+
+const attrs = useAttrs();
+
+const dataForm = props.dataForm;
+
+//表单对象的引用
+const dataFormElRef = ref();
+
+//验证规则
+const rules = computed(() => {
+  let data = {};
+
+  dataForm.getDisplayColumns().forEach((item) => {
+    data[item.fullAttrName] = (
+      item.required ? [{ required: true, message: item.title + '必填!' }] : []
+    ).concat(item.rules);
+  });
+
+  return mergeWith(
+    {},
+    data,
+    props.rules,
+    function customizer(objValue, srcValue) {
+      if (isArray(objValue)) {
+        return objValue.concat(srcValue);
+      }
+    }
+  );
+});
+
+//计算后的描述宽度
+const computedLabelWidth = computed(() => {
+  if (props.labelWidth) {
+    return props.labelWidth;
+  }
+
+  let labelWidth = 0;
+
+  if (props.labelPosition != 'top') {
+    let maxLabelCharCount = 0;
+    dataForm.getDisplayColumns().forEach((item) => {
+      maxLabelCharCount = Math.max(
+        maxLabelCharCount,
+        item.title.length + (item.required ? 1 : 0)
+      );
+    });
+    labelWidth = (maxLabelCharCount + 1) * 18;
+  }
+  return labelWidth + 'px';
+});
+
+if (props.autoLoad) {
+  //监听recid的变化 是否自动加载数据
+  watch(
+    computed(() => props.record),
+    async () => {
+      if (props.recID) {
+        try {
+          await dataForm.loadDataByRecId(props.recID);
+        } catch (e) {
+          console.error(e);
+          ElMessage.error('获取记录失败。');
+        }
+        return;
+      }
+
+      if (props.record) {
+        dataForm.setData(props.record);
+        return;
+      }
+
+      dataForm.setData();
+    },
+    { immediate: true }
+  );
+}
+
+//当前data table 上下文对象
+provide(dataFormKey, dataForm);
+
+/**
+ * 表单验证
+ * @param {*} data
+ */
+const validate = (callback) => {
+  return dataFormElRef.value.validate(callback);
+};
+
+window.dataFormElRef = dataFormElRef;
+window.aaavvv = validate;
+
+/**
+ * 提交表单
+ * @param {Object} 额外附加的提交数据
+ */
+const submit = (data) => {
+  return validate()
+    .then(() => {
+      dataForm
+        .submit(data)
+        .then(() => {
+          ElMessage.info('保存成功!');
+        })
+        .catch((e) => ElMessage.error(e.message));
+    })
+    .catch((result) => {
+      console.log(result);
+    });
+};
+
+onMounted(() => {
+  unref(dataForm).formValivators.push(unref(dataFormElRef));
+});
+
+onBeforeUnmount(() => {
+  const _dataFormEl = unref(dataFormElRef);
+  unref(dataForm).formValivators = unref(dataForm).formValivators.filter(
+    (validate) => validate !== _dataFormEl
+  );
+});
+
+expose({
+  dataForm,
+  dataFormElRef,
+  validate,
+  submit,
+  rules,
+  computedLabelWidth,
+});
+
+return (_ctx, _cache) => {
+  return (openBlock(), createBlock(unref(ElForm), mergeProps({
+    ref_key: "dataFormElRef",
+    ref: dataFormElRef
+  }, unref(attrs), {
+    model: unref(dataForm).data,
+    "label-position": __props.labelPosition,
+    "label-width": unref(computedLabelWidth),
+    rules: unref(rules),
+    "validate-on-rule-change": __props.validateOnRuleChange,
+    disabled: unref(dataForm).disabled
+  }), {
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default", { dataForm: unref(dataForm) }, () => [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(dataForm).getDisplayColumns(), (column) => {
+          return (openBlock(), createBlock(DataFormItem, {
+            key: column.fullAttrName,
+            name: column.fullAttrName,
+            isShowLabelColon: __props.isShowLabelColon
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, 'form-item-' + column.fullAttrName, {
+                column: column,
+                record: unref(dataForm).data,
+                dataForm: unref(dataForm)
+              })
+            ]),
+            _: 2 /* DYNAMIC */
+          }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["name", "isShowLabelColon"]))
+        }), 128 /* KEYED_FRAGMENT */))
+      ])
+    ]),
+    _: 3 /* FORWARDED */
+  }, 16 /* FULL_PROPS */, ["model", "label-position", "label-width", "rules", "validate-on-rule-change", "disabled"]))
+}
+}
+
+};
+var DataForm = /*#__PURE__*/_export_sfc(_sfc_main, [['__file',"data-form.vue"]]);
 
 export { DataForm as default };

package/es/data-form/form-components/bwa-date-picker.mjs

@@ -1,45 +1,57 @@
-import { defineComponent, useAttrs, computed, openBlock, createBlock, unref, mergeProps, isRef } from 'vue';
+import { useAttrs, computed, openBlock, createBlock, unref, mergeProps, isRef } from 'vue';
 import { dayjs, ElDatePicker } from 'element-plus';
 import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
 
-const __default__ = defineComponent({
-  name: "BwaDatePicker"
-});
-const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
-  props: {
-    modelValue: {
-      type: [String, Date],
-      default: null
-    },
-    placeholder: {
-      type: String,
-      default: "\u8BF7\u9009\u62E9"
-    }
-  },
-  emits: ["update:model-value"],
+const _sfc_main = {
+  __name: 'bwa-date-picker',
+  props: {
+  modelValue: {
+    type: [String, Date],
+    default: null,
+  },
+  placeholder: {
+    type: String,
+    default: '请选择',
+  },
+},
+  emits: ['update:model-value'],
   setup(__props, { emit }) {
-    const props = __props;
-    const attrs = useAttrs();
-    const modelValue = computed({
-      get: () => props.modelValue,
-      set: (v) => emit(
-        "update:model-value",
-        v ? dayjs(new Date(v.getTime())).format("YYYY-MM-DD") : ""
-      )
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ElDatePicker), mergeProps({
-        modelValue: unref(modelValue),
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
-        type: "date",
-        placeholder: __props.placeholder
-      }, unref(attrs), {
-        teleported: false,
-        style: { "width": "100%" }
-      }), null, 16, ["modelValue", "placeholder"]);
-    };
-  }
-});
-var DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "bwa-date-picker.vue"]]);
+
+const props = __props;
+
+defineOptions({
+  name: 'BwaDatePicker',
+});
+
+
+
+const attrs = useAttrs();
+
+
+
+const modelValue = computed({
+  get: () => props.modelValue,
+  set: (v) =>
+    emit(
+      'update:model-value',
+        v ? dayjs(new Date(v.getTime())).format('YYYY-MM-DD') : ''
+    ),
+});
+
+return (_ctx, _cache) => {
+  return (openBlock(), createBlock(unref(ElDatePicker), mergeProps({
+    modelValue: unref(modelValue),
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (isRef(modelValue) ? (modelValue).value = $event : null)),
+    type: "date",
+    placeholder: __props.placeholder
+  }, unref(attrs), {
+    teleported: false,
+    style: {"width":"100%"}
+  }), null, 16 /* FULL_PROPS */, ["modelValue", "placeholder"]))
+}
+}
+
+};
+var DatePicker = /*#__PURE__*/_export_sfc(_sfc_main, [['__file',"bwa-date-picker.vue"]]);
 
 export { DatePicker as default };