@ctzy-web-client/plugin-component-vue 1.0.26 → 1.0.28

package/lib/contextmenu/contextmenu.js

@@ -7,78 +7,73 @@ var ElementPlus = require('element-plus');
 var webBaseClientVue = require('@ctzy-web-client/web-base-client-vue');
 var _pluginVue_exportHelper = require('../_virtual/_plugin-vue_export-helper.js');
 
-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 = webBaseClientVue.useNamespace('contextmenu');
-
-const scrollbarRef = vue.ref(null);
-
-const clickHandle = (item) => {
-  emit('select', item);
-};
-
-vue.onMounted(() => {
-  vue.watch(
-    vue.computed(() => props.visible),
-    (visible) => {
-      if (!visible) {
-        return;
-      }
-
-      vue.unref(scrollbarRef).scrollTo(0, 0);
-    }
-  );
-});
-
-return (_ctx, _cache) => {
-  return (vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass(vue.unref(ns).b())
-  }, [
-    vue.createVNode(vue.unref(ElementPlus.ElScrollbar), {
-      "max-height": "400px",
-      ref_key: "scrollbarRef",
-      ref: scrollbarRef
-    }, {
-      default: vue.withCtx(() => [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.menus, (menu) => {
-          return (vue.openBlock(), vue.createElementBlock("div", {
-            onClick: $event => (clickHandle(menu)),
-            key: menu.id,
-            class: vue.normalizeClass(vue.unref(ns).b('item'))
-          }, vue.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__*/_pluginVue_exportHelper["default"](_sfc_main, [['__file',"contextmenu.vue"]]);
+const _hoisted_1 = ["onClick"];
+const __default__ = vue.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 = webBaseClientVue.useNamespace("contextmenu");
+    const scrollbarRef = vue.ref(null);
+    const clickHandle = (item) => {
+      emit("select", item);
+    };
+    vue.onMounted(() => {
+      vue.watch(
+        vue.computed(() => props.visible),
+        (visible) => {
+          if (!visible) {
+            return;
+          }
+          vue.unref(scrollbarRef).scrollTo(0, 0);
+        }
+      );
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(ns).b())
+      }, [
+        vue.createVNode(vue.unref(ElementPlus.ElScrollbar), {
+          "max-height": "400px",
+          ref_key: "scrollbarRef",
+          ref: scrollbarRef
+        }, {
+          default: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.menus, (menu) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                onClick: ($event) => clickHandle(menu),
+                key: menu.id,
+                class: vue.normalizeClass(vue.unref(ns).b("item"))
+              }, vue.toDisplayString(menu.label), 11, _hoisted_1);
+            }), 128))
+          ]),
+          _: 1
+        }, 512)
+      ], 2);
+    };
+  }
+});
+var Contextmenu = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "contextmenu.vue"]]);
 
 exports["default"] = Contextmenu;

package/lib/contextmenu/index.js

@@ -5,6 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var contextmenu = require('./contextmenu.js');
 var useContextmenu = require('./use-contextmenu.js');
 
+// Inject __name helper
+if (typeof __name === 'undefined') {
+  function __name(obj, name) {
+    Object.defineProperty(obj, "name", {
+      value: name,
+      configurable: true
+    });
+  }
+}
 contextmenu["default"].install = (app) => {
   contextmenu["default"]._context = app._context;
   app.component(contextmenu["default"].name, contextmenu["default"]);

package/lib/contextmenu/use-contextmenu.js

@@ -3,10 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var index = require('../node_modules/.pnpm/@vueuse_core@9.6.0_vue@3.2.41/node_modules/@vueuse/core/index.js');
+var index = require('../node_modules/.pnpm/@vueuse_core@9.13.0_vue@3.5.29_typescript@4.9.5_/node_modules/@vueuse/core/index.js');
 var webBaseClientVue = require('@ctzy-web-client/web-base-client-vue');
 var contextmenu = require('./contextmenu.js');
 
+// Inject __name helper
+if (typeof __name === 'undefined') {
+  function __name(obj, name) {
+    Object.defineProperty(obj, "name", {
+      value: name,
+      configurable: true
+    });
+  }
+}
 function useContextmenu({
   menus = []
 } = {}) {

package/lib/data-form/data-form-item.js

@@ -8,46 +8,40 @@ var webBaseClientVue = require('@ctzy-web-client/web-base-client-vue');
 var dynamicComponent = require('./dynamic-component.js');
 var _pluginVue_exportHelper = require('../_virtual/_plugin-vue_export-helper.js');
 
-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__ = vue.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 = vue.useAttrs();
-
-const dataForm = vue.inject(webBaseClientVue.dataFormKey);
-
-const formContext = vue.inject(ElementPlus.formContextKey, {});
-
-const formColumn = dataForm
-  .getDisplayColumns()
-  .find((col) => col.fullAttrName == props.name);
-
-const label = vue.computed(() => {
-  return attrs.label || (formColumn ? formColumn.title + (props.isShowLabelColon ? ' :' : '') : '');
-});
-
-const _formContext = {};
-_formContext.disabled = vue.computed(
-  () => formContext.disabled || formColumn?.disabled
-);
-Reflect.setPrototypeOf(_formContext, formContext);
-
-vue.provide(ElementPlus.formContextKey, vue.reactive(_formContext));
-
-return (_ctx, _cache) => {
-  return (vue.unref(formColumn) && vue.unref(formColumn).visible)
-    ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElFormItem), vue.mergeProps({ key: 0 }, vue.unref(attrs), {
-        label: vue.unref(label),
+    ;
+    const props = __props;
+    const attrs = vue.useAttrs();
+    const dataForm = vue.inject(webBaseClientVue.dataFormKey);
+    const formContext = vue.inject(ElementPlus.formContextKey, {});
+    const formColumn = dataForm.getDisplayColumns().find((col) => col.fullAttrName == props.name);
+    const label = vue.computed(() => {
+      return attrs.label || (formColumn ? formColumn.title + (props.isShowLabelColon ? " :" : "") : "");
+    });
+    const _formContext = {};
+    _formContext.disabled = vue.computed(
+      () => formContext.disabled || (formColumn == null ? void 0 : formColumn.disabled)
+    );
+    Reflect.setPrototypeOf(_formContext, formContext);
+    vue.provide(ElementPlus.formContextKey, vue.reactive(_formContext));
+    return (_ctx, _cache) => {
+      return vue.unref(formColumn) && vue.unref(formColumn).visible ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElFormItem), vue.mergeProps({ key: 0 }, vue.unref(attrs), {
+        label: label.value,
         class: { custom: !_ctx.$slots.default },
         prop: vue.unref(formColumn).fullAttrName
       }), {
@@ -60,16 +54,14 @@ return (_ctx, _cache) => {
             vue.createVNode(vue.unref(dynamicComponent["default"]), {
               column: vue.unref(formColumn),
               record: vue.unref(dataForm).data
-            }, null, 8 /* PROPS */, ["column", "record"])
+            }, null, 8, ["column", "record"])
           ])
         ]),
-        _: 3 /* FORWARDED */
-      }, 16 /* FULL_PROPS */, ["label", "class", "prop"]))
-    : vue.createCommentVNode("v-if", true)
-}
-}
-
-};
-var DataFormItem = /*#__PURE__*/_pluginVue_exportHelper["default"](_sfc_main, [['__file',"data-form-item.vue"]]);
+        _: 3
+      }, 16, ["label", "class", "prop"])) : vue.createCommentVNode("v-if", true);
+    };
+  }
+});
+var DataFormItem = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "data-form-item.vue"]]);
 
 exports["default"] = DataFormItem;

package/lib/data-form/data-form.js

@@ -9,218 +9,181 @@ var lodash = require('lodash');
 var dataFormItem = require('./data-form-item.js');
 var _pluginVue_exportHelper = require('../_virtual/_plugin-vue_export-helper.js');
 
-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 = vue.useAttrs();
-
-const dataForm = props.dataForm;
-
-//表单对象的引用
-const dataFormElRef = vue.ref();
-
-//验证规则
-const rules = vue.computed(() => {
-  let data = {};
-
-  dataForm.getDisplayColumns().forEach((item) => {
-    data[item.fullAttrName] = (
-      item.required ? [{ required: true, message: item.title + '必填!' }] : []
-    ).concat(item.rules);
-  });
-
-  return lodash.mergeWith(
-    {},
-    data,
-    props.rules,
-    function customizer(objValue, srcValue) {
-      if (lodash.isArray(objValue)) {
-        return objValue.concat(srcValue);
-      }
-    }
-  );
-});
-
-//计算后的描述宽度
-const computedLabelWidth = vue.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的变化 是否自动加载数据
-  vue.watch(
-    vue.computed(() => props.record),
-    async () => {
-      if (props.recID) {
-        try {
-          await dataForm.loadDataByRecId(props.recID);
-        } catch (e) {
-          console.error(e);
-          ElementPlus.ElMessage.error('获取记录失败。');
-        }
-        return;
-      }
-
-      if (props.record) {
-        dataForm.setData(props.record);
-        return;
-      }
-
-      dataForm.setData();
-    },
-    { immediate: true }
-  );
-}
-
-//当前data table 上下文对象
-vue.provide(webBaseClientVue.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(() => {
-          ElementPlus.ElMessage.info('保存成功!');
-        })
-        .catch((e) => ElementPlus.ElMessage.error(e.message));
-    })
-    .catch((result) => {
-      console.log(result);
-    });
-};
-
-vue.onMounted(() => {
-  vue.unref(dataForm).formValivators.push(vue.unref(dataFormElRef));
-});
-
-vue.onBeforeUnmount(() => {
-  const _dataFormEl = vue.unref(dataFormElRef);
-  vue.unref(dataForm).formValivators = vue.unref(dataForm).formValivators.filter(
-    (validate) => validate !== _dataFormEl
-  );
-});
-
-expose({
-  dataForm,
-  dataFormElRef,
-  validate,
-  submit,
-  rules,
-  computedLabelWidth,
-});
-
-return (_ctx, _cache) => {
-  return (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElForm), vue.mergeProps({
-    ref_key: "dataFormElRef",
-    ref: dataFormElRef
-  }, vue.unref(attrs), {
-    model: vue.unref(dataForm).data,
-    "label-position": __props.labelPosition,
-    "label-width": vue.unref(computedLabelWidth),
-    rules: vue.unref(rules),
-    "validate-on-rule-change": __props.validateOnRuleChange,
-    disabled: vue.unref(dataForm).disabled
-  }), {
-    default: vue.withCtx(() => [
-      vue.renderSlot(_ctx.$slots, "default", { dataForm: vue.unref(dataForm) }, () => [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(dataForm).getDisplayColumns(), (column) => {
-          return (vue.openBlock(), vue.createBlock(dataFormItem["default"], {
-            key: column.fullAttrName,
-            name: column.fullAttrName,
-            isShowLabelColon: __props.isShowLabelColon
-          }, {
-            default: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, 'form-item-' + column.fullAttrName, {
-                column: column,
-                record: vue.unref(dataForm).data,
-                dataForm: vue.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__*/_pluginVue_exportHelper["default"](_sfc_main, [['__file',"data-form.vue"]]);
+const __default__ = vue.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 = vue.useAttrs();
+    const dataForm = props.dataForm;
+    const dataFormElRef = vue.ref();
+    const rules = vue.computed(() => {
+      let data = {};
+      dataForm.getDisplayColumns().forEach((item) => {
+        data[item.fullAttrName] = (item.required ? [{ required: true, message: item.title + "\u5FC5\u586B!" }] : []).concat(item.rules);
+      });
+      return lodash.mergeWith(
+        {},
+        data,
+        props.rules,
+        function customizer(objValue, srcValue) {
+          if (lodash.isArray(objValue)) {
+            return objValue.concat(srcValue);
+          }
+        }
+      );
+    });
+    const computedLabelWidth = vue.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) {
+      vue.watch(
+        vue.computed(() => props.record),
+        async () => {
+          if (props.recID) {
+            try {
+              await dataForm.loadDataByRecId(props.recID);
+            } catch (e) {
+              console.error(e);
+              ElementPlus.ElMessage.error("\u83B7\u53D6\u8BB0\u5F55\u5931\u8D25\u3002");
+            }
+            return;
+          }
+          if (props.record) {
+            dataForm.setData(props.record);
+            return;
+          }
+          dataForm.setData();
+        },
+        { immediate: true }
+      );
+    }
+    vue.provide(webBaseClientVue.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(() => {
+          ElementPlus.ElMessage.info("\u4FDD\u5B58\u6210\u529F!");
+        }).catch((e) => ElementPlus.ElMessage.error(e.message));
+      }).catch((result) => {
+        console.log(result);
+      });
+    };
+    vue.onMounted(() => {
+      vue.unref(dataForm).formValivators.push(vue.unref(dataFormElRef));
+    });
+    vue.onBeforeUnmount(() => {
+      const _dataFormEl = vue.unref(dataFormElRef);
+      vue.unref(dataForm).formValivators = vue.unref(dataForm).formValivators.filter(
+        (validate2) => validate2 !== _dataFormEl
+      );
+    });
+    __expose({
+      dataForm,
+      dataFormElRef,
+      validate,
+      submit,
+      rules,
+      computedLabelWidth
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElForm), vue.mergeProps({
+        ref_key: "dataFormElRef",
+        ref: dataFormElRef
+      }, vue.unref(attrs), {
+        model: vue.unref(dataForm).data,
+        "label-position": __props.labelPosition,
+        "label-width": computedLabelWidth.value,
+        rules: rules.value,
+        "validate-on-rule-change": __props.validateOnRuleChange,
+        disabled: vue.unref(dataForm).disabled
+      }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default", { dataForm: vue.unref(dataForm) }, () => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(dataForm).getDisplayColumns(), (column) => {
+              return vue.openBlock(), vue.createBlock(dataFormItem["default"], {
+                key: column.fullAttrName,
+                name: column.fullAttrName,
+                isShowLabelColon: __props.isShowLabelColon
+              }, {
+                default: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "form-item-" + column.fullAttrName, {
+                    column,
+                    record: vue.unref(dataForm).data,
+                    dataForm: vue.unref(dataForm)
+                  })
+                ]),
+                _: 2
+              }, 1032, ["name", "isShowLabelColon"]);
+            }), 128))
+          ])
+        ]),
+        _: 3
+      }, 16, ["model", "label-position", "label-width", "rules", "validate-on-rule-change", "disabled"]);
+    };
+  }
+});
+var DataForm = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "data-form.vue"]]);
 
 exports["default"] = DataForm;

package/lib/data-form/dynamic-component.js

@@ -7,6 +7,15 @@ require('lodash/get');
 require('lodash/set');
 var utils = require('../utils.js');
 
+// Inject __name helper
+if (typeof __name === 'undefined') {
+  function __name(obj, name) {
+    Object.defineProperty(obj, "name", {
+      value: name,
+      configurable: true
+    });
+  }
+}
 var DynamicComponent = {
   props: {
     column: Object,