@ctzy-web-client/plugin-component-vue 1.0.9 → 1.0.10

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

@@ -0,0 +1,175 @@
+import { defineComponent, 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
+    }
+  },
+  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"]]);
+
+export { DataForm as default };

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

@@ -0,0 +1,23 @@
+import { h, unref } from 'vue';
+import 'lodash/get';
+import 'lodash/set';
+import { useDynamicComponent } from '../utils.mjs';
+
+var DynamicComponent = {
+  props: {
+    column: Object,
+    record: Object
+  },
+  emits: ["on-change"],
+  setup(props, context) {
+    const {
+      component,
+      params
+    } = useDynamicComponent(props, context, "BwaInput", "fullAttrName");
+    return () => {
+      return h(unref(component), unref(params));
+    };
+  }
+};
+
+export { DynamicComponent as default };

package/es/data-form/form-components/Blots/AtBlot.mjs

@@ -0,0 +1,25 @@
+import Quill from 'quill';
+
+const Parchment = Quill.imports.parchment;
+class AtBlot extends Parchment.Embed {
+  static create(options) {
+    options = options || "";
+    let node = super.create();
+    node.setAttribute("d-id", options.id);
+    node.setAttribute("class", options.class || "ptp-at-item");
+    options.style && node.setAttribute("style", options.style);
+    node.innerHTML = options.desc.startsWith("@") ? options.desc : "@" + options.desc;
+    return node;
+  }
+  static value(node) {
+    return {
+      id: node.getAttribute("d-id"),
+      desc: node.innerHTML,
+      style: node.getAttribute("style"),
+      class: node.getAttribute("ptp-at-item")
+    };
+  }
+}
+AtBlot.blotName = "at";
+AtBlot.tagName = "span";
+Quill.register(AtBlot, true);

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

@@ -0,0 +1,45 @@
+import { defineComponent, 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"],
+  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"]]);
+
+export { DatePicker as default };

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

@@ -0,0 +1,50 @@
+import { defineComponent, 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: "BwaDateTimePicker"
+});
+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"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const attrs = useAttrs();
+    const modelValue = computed({
+      get: () => props.modelValue,
+      set: (v) => {
+        if (!v) {
+          emit("update:model-value", "");
+          return;
+        }
+        emit(
+          "update:model-value",
+          dayjs(new Date(v.getTime())).format("YYYY-MM-DD HH:mm:ss")
+        );
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElDatePicker), mergeProps(unref(attrs), {
+        modelValue: unref(modelValue),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
+        type: "datetime",
+        placeholder: __props.placeholder,
+        teleported: false,
+        style: { "width": "100%" }
+      }), null, 16, ["modelValue", "placeholder"]);
+    };
+  }
+});
+var DateTimePicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "bwa-date-time-picker.vue"]]);
+
+export { DateTimePicker as default };

package/es/data-form/form-components/bwa-input-float.mjs

@@ -0,0 +1,43 @@
+import { defineComponent, useAttrs, computed, openBlock, createBlock, mergeProps, unref, isRef } from 'vue';
+import InputInteger from './bwa-input-integer.mjs';
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
+
+const __default__ = defineComponent({
+  name: "BwaInputFloat"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: 0
+    },
+    precision: {
+      type: Number,
+      default: 1
+    },
+    step: {
+      type: Number,
+      default: 0.1
+    }
+  },
+  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)
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(InputInteger, mergeProps(unref(attrs), {
+        modelValue: unref(modelValue),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
+        precision: __props.precision,
+        step: __props.step
+      }), null, 16, ["modelValue", "precision", "step"]);
+    };
+  }
+});
+var InputFloat = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "bwa-input-float.vue"]]);
+
+export { InputFloat as default };

package/es/data-form/form-components/bwa-input-integer.mjs

@@ -0,0 +1,56 @@
+import { defineComponent, useAttrs, computed, ref, watch, unref, openBlock, createBlock, mergeProps } from 'vue';
+import { ElInputNumber } from 'element-plus';
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
+
+const __default__ = defineComponent({
+  name: "BwaInputInteger"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: 0
+    }
+  },
+  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);
+      }
+    });
+    const value = ref(modelValue.value);
+    watch(value, (newValue) => {
+      if (newValue === unref(modelValue)) {
+        return;
+      }
+      modelValue.value = newValue;
+    });
+    watch(
+      modelValue,
+      (newValue) => {
+        if (typeof newValue === "string") {
+          newValue = Number.parseFloat(newValue);
+          newValue = Number.isNaN(newValue) ? 0 : newValue;
+        }
+        if (value.value === newValue && value.value !== unref(modelValue)) {
+          modelValue.value = newValue;
+        }
+        value.value = newValue;
+      },
+      { immediate: true }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElInputNumber), mergeProps(unref(attrs), {
+        modelValue: value.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
+      }), null, 16, ["modelValue"]);
+    };
+  }
+});
+var InputInteger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "bwa-input-integer.vue"]]);
+
+export { InputInteger as default };

package/es/data-form/form-components/bwa-input.mjs

@@ -0,0 +1,38 @@
+import { defineComponent, useAttrs, computed, openBlock, createBlock, unref, mergeProps, isRef } from 'vue';
+import { ElInput } from 'element-plus';
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
+
+const __default__ = defineComponent({
+  name: "BwaInput"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    value: {
+      type: [String, Number],
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: "\u8BF7\u8F93\u5165"
+    }
+  },
+  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)
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElInput), mergeProps(unref(attrs), {
+        modelValue: unref(modelValue),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
+        placeholder: __props.placeholder
+      }), null, 16, ["modelValue", "placeholder"]);
+    };
+  }
+});
+var Input = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "bwa-input.vue"]]);
+
+export { Input as default };

package/es/data-form/form-components/bwa-multi-select.mjs

@@ -0,0 +1,35 @@
+import { defineComponent, computed, useAttrs, openBlock, createBlock, mergeProps, unref, isRef, withCtx, renderSlot } from 'vue';
+import Select from './bwa-select.mjs';
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
+
+const __default__ = defineComponent({
+  name: "BwaMultiSelect"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    modelValue: null
+  },
+  emits: ["update:model-value"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const modelValue = computed({
+      get: () => props.modelValue,
+      set: (v) => emit("update:model-value", v)
+    });
+    const attrs = useAttrs();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Select, mergeProps({
+        modelValue: unref(modelValue),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null)
+      }, unref(attrs), { multiple: "" }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["modelValue"]);
+    };
+  }
+});
+var MultiSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "bwa-multi-select.vue"]]);
+
+export { MultiSelect as default };