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

package/es/contextmenu/contextmenu.mjs

@@ -1,80 +1,75 @@
-import { ref, onMounted, watch, computed, unref, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, Fragment, renderList, toDisplayString } from 'vue';
+import { defineComponent, ref, onMounted, watch, computed, unref, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, Fragment, renderList, toDisplayString } from 'vue';
 import { ElScrollbar } from 'element-plus';
 import { useNamespace } from '@ctzy-web-client/web-base-client-vue';
 import _export_sfc from '../_virtual/_plugin-vue_export-helper.mjs';
 
-const _hoisted_1 = ["onClick"];
-
-
-const _sfc_main = {
-  __name: 'contextmenu',
-  props: {
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  menus: {
-    type: Array,
-    default: () => [],
-  },
-},
-  emits: ['select'],
-  setup(__props, { emit }) {
-
-const props = __props;
-
-defineOptions({ name: 'BwaContextmenu' });
-
-
-
-
-
-const ns = useNamespace('contextmenu');
-
-const scrollbarRef = ref(null);
-
-const clickHandle = (item) => {
-  emit('select', item);
-};
-
-onMounted(() => {
-  watch(
-    computed(() => props.visible),
-    (visible) => {
-      if (!visible) {
-        return;
-      }
-
-      unref(scrollbarRef).scrollTo(0, 0);
-    }
-  );
-});
-
-return (_ctx, _cache) => {
-  return (openBlock(), createElementBlock("div", {
-    class: normalizeClass(unref(ns).b())
-  }, [
-    createVNode(unref(ElScrollbar), {
-      "max-height": "400px",
-      ref_key: "scrollbarRef",
-      ref: scrollbarRef
-    }, {
-      default: withCtx(() => [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.menus, (menu) => {
-          return (openBlock(), createElementBlock("div", {
-            onClick: $event => (clickHandle(menu)),
-            key: menu.id,
-            class: normalizeClass(unref(ns).b('item'))
-          }, toDisplayString(menu.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_1))
-        }), 128 /* KEYED_FRAGMENT */))
-      ]),
-      _: 1 /* STABLE */
-    }, 512 /* NEED_PATCH */)
-  ], 2 /* CLASS */))
+// Inject __name helper
+if (typeof __name === 'undefined') {
+  function __name(obj, name) {
+    Object.defineProperty(obj, "name", {
+      value: name,
+      configurable: true
+    });
+  }
 }
-}
-
-};
-var Contextmenu = /*#__PURE__*/_export_sfc(_sfc_main, [['__file',"contextmenu.vue"]]);
+const _hoisted_1 = ["onClick"];
+const __default__ = defineComponent({ name: "BwaContextmenu" });
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    menus: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["select"],
+  setup(__props, { emit: __emit }) {
+    ;
+    const props = __props;
+    const emit = __emit;
+    const ns = useNamespace("contextmenu");
+    const scrollbarRef = ref(null);
+    const clickHandle = (item) => {
+      emit("select", item);
+    };
+    onMounted(() => {
+      watch(
+        computed(() => props.visible),
+        (visible) => {
+          if (!visible) {
+            return;
+          }
+          unref(scrollbarRef).scrollTo(0, 0);
+        }
+      );
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(ns).b())
+      }, [
+        createVNode(unref(ElScrollbar), {
+          "max-height": "400px",
+          ref_key: "scrollbarRef",
+          ref: scrollbarRef
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.menus, (menu) => {
+              return openBlock(), createElementBlock("div", {
+                onClick: ($event) => clickHandle(menu),
+                key: menu.id,
+                class: normalizeClass(unref(ns).b("item"))
+              }, toDisplayString(menu.label), 11, _hoisted_1);
+            }), 128))
+          ]),
+          _: 1
+        }, 512)
+      ], 2);
+    };
+  }
+});
+var Contextmenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "contextmenu.vue"]]);
 
 export { Contextmenu as default };

package/es/contextmenu/index.mjs

@@ -1,6 +1,15 @@
 import Contextmenu from './contextmenu.mjs';
 export { useContextmenu } from './use-contextmenu.mjs';
 
+// Inject __name helper
+if (typeof __name === 'undefined') {
+  function __name(obj, name) {
+    Object.defineProperty(obj, "name", {
+      value: name,
+      configurable: true
+    });
+  }
+}
 Contextmenu.install = (app) => {
   Contextmenu._context = app._context;
   app.component(Contextmenu.name, Contextmenu);

package/es/contextmenu/use-contextmenu.mjs

@@ -1,8 +1,17 @@
 import { ref, reactive, createApp, onMounted, withDirectives, h, unref, vShow, nextTick, onBeforeUnmount } from 'vue';
-import { useWindowSize, useElementBounding } from '../node_modules/.pnpm/@vueuse_core@9.6.0_vue@3.2.41/node_modules/@vueuse/core/index.mjs';
+import { useWindowSize, useElementBounding } from '../node_modules/.pnpm/@vueuse_core@9.13.0_vue@3.5.29_typescript@4.9.5_/node_modules/@vueuse/core/index.mjs';
 import { useNamespace } from '@ctzy-web-client/web-base-client-vue';
 import Contextmenu from './contextmenu.mjs';
 
+// Inject __name helper
+if (typeof __name === 'undefined') {
+  function __name(obj, name) {
+    Object.defineProperty(obj, "name", {
+      value: name,
+      configurable: true
+    });
+  }
+}
 function useContextmenu({
   menus = []
 } = {}) {

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

@@ -1,49 +1,43 @@
-import { useAttrs, inject, computed, provide, reactive, unref, openBlock, createBlock, mergeProps, withCtx, renderSlot, createVNode, createCommentVNode } from 'vue';
+import { defineComponent, 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 _sfc_main = {
-  __name: 'data-form-item',
-  props: {
-  name: { type: String },
-    isShowLabelColon: { type: Boolean }
-},
+// Inject __name helper
+if (typeof __name === 'undefined') {
+  function __name(obj, name) {
+    Object.defineProperty(obj, "name", {
+      value: name,
+      configurable: true
+    });
+  }
+}
+const __default__ = defineComponent({ name: "BwaDataFormItem" });
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    name: { type: String },
+    isShowLabelColon: { type: Boolean }
+  },
   setup(__props) {
-
-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),
+    ;
+    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), {
+        label: label.value,
         class: { custom: !_ctx.$slots.default },
         prop: unref(formColumn).fullAttrName
       }), {
@@ -56,16 +50,14 @@ return (_ctx, _cache) => {
             createVNode(unref(DynamicComponent), {
               column: unref(formColumn),
               record: unref(dataForm).data
-            }, null, 8 /* PROPS */, ["column", "record"])
+            }, null, 8, ["column", "record"])
           ])
         ]),
-        _: 3 /* FORWARDED */
-      }, 16 /* FULL_PROPS */, ["label", "class", "prop"]))
-    : createCommentVNode("v-if", true)
-}
-}
-
-};
-var DataFormItem = /*#__PURE__*/_export_sfc(_sfc_main, [['__file',"data-form-item.vue"]]);
+        _: 3
+      }, 16, ["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,222 +1,185 @@
-import { useAttrs, ref, computed, watch, provide, onMounted, unref, onBeforeUnmount, openBlock, createBlock, mergeProps, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
+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 _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;
-
-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"]))
+// Inject __name helper
+if (typeof __name === 'undefined') {
+  function __name(obj, name) {
+    Object.defineProperty(obj, "name", {
+      value: name,
+      configurable: true
+    });
+  }
 }
-}
-
-};
-var DataForm = /*#__PURE__*/_export_sfc(_sfc_main, [['__file',"data-form.vue"]]);
+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: __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": computedLabelWidth.value,
+        rules: rules.value,
+        "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 };