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

package/lib/data-form/form-components/bwa-user-select.js

@@ -0,0 +1,73 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var webBaseClientVue = require('@ctzy-web-client/web-base-client-vue');
+var bwaSelect = require('./bwa-select.js');
+var ElementPlus = require('element-plus');
+var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
+
+const __default__ = vue.defineComponent({
+  name: "BwaUserSelect",
+  inheritAttrs: false
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    modelValue: null
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const attrs = vue.useAttrs();
+    const userService = webBaseClientVue.useService("UserService");
+    const loading = vue.ref(false);
+    const modelValue = vue.computed({
+      get: () => props.modelValue,
+      set: (v) => {
+        emit("update:modelValue", v);
+      }
+    });
+    const options = vue.ref([]);
+    const loadOptions = async (query, userIds = []) => {
+      const _userService = vue.unref(userService);
+      if (!_userService) {
+        return;
+      }
+      try {
+        loading.value = true;
+        const userListResult = await _userService.getUserList({
+          name: query,
+          userIds
+        });
+        if (userListResult.code != 0) {
+          ElementPlus.ElMessage.error(userListResult.msg);
+          return;
+        }
+        options.value = userListResult.data;
+      } finally {
+        loading.value = false;
+      }
+    };
+    const handleRemote = loadOptions;
+    loadOptions(
+      "",
+      Array.isArray(vue.unref(modelValue)) ? vue.unref(modelValue) : vue.unref(modelValue) ? [vue.unref(modelValue)] : []
+    );
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(bwaSelect["default"], vue.mergeProps(vue.unref(attrs), {
+        modelValue: vue.unref(modelValue),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(modelValue) ? modelValue.value = $event : null),
+        loading: loading.value,
+        remote: "",
+        filterable: "",
+        clearable: "",
+        "remote-method": vue.unref(handleRemote),
+        options: options.value
+      }), null, 16, ["modelValue", "loading", "remote-method", "options"]);
+    };
+  }
+});
+var UserSelect = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "bwa-user-select.vue"]]);
+
+exports["default"] = UserSelect;

package/lib/data-form/index.js

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var install = require('element-plus/es/utils/vue/install');
+var dataForm = require('./data-form.js');
+var dataFormItem = require('./data-form-item.js');
+var bwaDatePicker = require('./form-components/bwa-date-picker.js');
+var bwaDateTimePicker = require('./form-components/bwa-date-time-picker.js');
+var bwaInputInteger = require('./form-components/bwa-input-integer.js');
+var bwaInputFloat = require('./form-components/bwa-input-float.js');
+var bwaInput = require('./form-components/bwa-input.js');
+var bwaSelect = require('./form-components/bwa-select.js');
+var bwaMultiSelect = require('./form-components/bwa-multi-select.js');
+var bwaTextarea = require('./form-components/bwa-textarea.js');
+var bwaUserSelect = require('./form-components/bwa-user-select.js');
+var bwaUserMultiSelect = require('./form-components/bwa-user-multi-select.js');
+var bwaUpload = require('./form-components/bwa-upload.js');
+var bwaRichText = require('./form-components/bwa-rich-text.js');
+
+const BwaDataForm = install.withInstall(dataForm["default"], {
+  DataFormItem: dataFormItem["default"],
+  DatePicker: bwaDatePicker["default"],
+  DateTimePicker: bwaDateTimePicker["default"],
+  InputInteger: bwaInputInteger["default"],
+  InputFloat: bwaInputFloat["default"],
+  Input: bwaInput["default"],
+  Select: bwaSelect["default"],
+  MultiSelect: bwaMultiSelect["default"],
+  Textarea: bwaTextarea["default"],
+  UserSelect: bwaUserSelect["default"],
+  UserMultiSelect: bwaUserMultiSelect["default"],
+  Upload: bwaUpload["default"],
+  RichText: bwaRichText["default"]
+});
+const BwaDataFormItem = install.withInstall(dataFormItem["default"]);
+
+exports.BwaDataForm = BwaDataForm;
+exports.BwaDataFormItem = BwaDataFormItem;
+exports["default"] = BwaDataForm;

package/lib/data-table/data-column-view.js

@@ -0,0 +1,135 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var webBaseClientVue = require('@ctzy-web-client/web-base-client-vue');
+var icons = require('@element-plus/icons');
+var ElementPlus = require('element-plus');
+var _pluginVue_exportHelper = require('../_virtual/_plugin-vue_export-helper.js');
+
+const _sfc_main = {
+  name: "BwaDataColumnView",
+  props: {
+    value: [String, Boolean, Number, Object, Array],
+    type: {
+      type: String,
+      default: "string"
+    },
+    template: {
+      type: String,
+      default: ""
+    },
+    rule: {
+      type: String,
+      default: ""
+    },
+    align: {
+      type: String,
+      default: ""
+    },
+    nowrap: {
+      type: [Boolean, String],
+      default: true
+    },
+    copy: {
+      type: [Boolean, String],
+      default: false
+    },
+    defaultValue: {
+      type: String,
+      default: "-"
+    }
+  },
+  emits: ["update:modelValue"],
+  components: { PictureFilled: icons.PictureFilled },
+  setup(props) {
+    const ns = webBaseClientVue.useNamespace("column-view");
+    const viewType = vue.computed(() => props.type.toLocaleLowerCase());
+    const viewValue = vue.computed(() => {
+      let value = props.value === 0 ? "0" : props.value ? props.value + "" : "";
+      let type = viewType.value;
+      if (["number", "string"].includes(type)) {
+        let isAppendChar = false;
+        if (type === "string" && props.rule && value) {
+          isAppendChar = value.length > props.rule.replace("s:", "") * 1;
+        }
+        value = props.rule ? webBaseClientVue.str.formatByRule(value, props.rule) : value;
+        value = value || props.defaultValue;
+        if (isAppendChar) {
+          value += "...";
+        }
+      } else if (type === "date") {
+        value = value ? webBaseClientVue.func.formatDate(new Date(value), props.rule || "yyyy-MM-dd") : props.defaultValue;
+      } else if (type === "html") {
+        value = value ? value.replace(/[\r\n|\r|\n]/g, "<br/>") : props.defaultValue;
+      }
+      if (props.template) {
+        value = props.template.replace("${value}", value);
+      }
+      return value;
+    });
+    const copyHandle = (text) => {
+      let input = document.createElement("input");
+      input.value = text;
+      document.body.appendChild(input);
+      input.select();
+      input.setSelectionRange(0, input.value.length), document.execCommand("Copy");
+      document.body.removeChild(input);
+      ElementPlus.ElMessage.info("\u590D\u5236\u6210\u529F!");
+    };
+    return { ns, viewType, viewValue, copyHandle };
+  }
+};
+const _hoisted_1 = ["innerHTML"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_PictureFilled = vue.resolveComponent("PictureFilled");
+  const _component_el_icon = vue.resolveComponent("el-icon");
+  const _component_el_image = vue.resolveComponent("el-image");
+  return vue.openBlock(), vue.createElementBlock("span", {
+    class: vue.normalizeClass([$setup.ns.b(), { nowrap: $props.nowrap }, $props.align])
+  }, [
+    $setup.viewType == "html" ? (vue.openBlock(), vue.createElementBlock("span", {
+      key: 0,
+      innerHTML: $setup.viewValue
+    }, null, 8, _hoisted_1)) : $setup.viewType == "image" ? (vue.openBlock(), vue.createBlock(_component_el_image, {
+      key: 1,
+      class: "image",
+      style: { width: "100%", minHeight: "50px" },
+      "z-index": 999,
+      "preview-teleported": true,
+      "preview-src-list": [$setup.viewValue],
+      fit: "cover",
+      src: $setup.viewValue,
+      "hide-on-click-modal": true
+    }, {
+      placeholder: vue.withCtx(() => [
+        vue.createVNode(_component_el_icon, { size: 50 }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_PictureFilled)
+          ]),
+          _: 1
+        })
+      ]),
+      error: vue.withCtx(() => [
+        vue.createVNode(_component_el_icon, { size: 50 }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_PictureFilled)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["preview-src-list", "src"])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+      vue.createTextVNode(vue.toDisplayString($setup.viewValue), 1)
+    ], 64)),
+    $props.copy ? (vue.openBlock(), vue.createElementBlock("div", {
+      key: 3,
+      class: "copy-btn",
+      onClick: _cache[0] || (_cache[0] = ($event) => $setup.copyHandle($setup.viewValue))
+    }, "\u590D\u5236")) : vue.createCommentVNode("v-if", true)
+  ], 2);
+}
+var DataColumnView = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "data-column-view.vue"]]);
+
+exports["default"] = DataColumnView;

package/lib/data-table/data-table-card.js

@@ -0,0 +1,122 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+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: "BwaDataTableCard",
+  components: { DynamicComponent: dynamicComponent["default"] },
+  setup() {
+    const dataTable = vue.inject(webBaseClientVue.dataTableKey);
+    const ns = webBaseClientVue.useNamespace("datatable");
+    return { dataTable, ns };
+  }
+};
+const _hoisted_1 = { class: "left" };
+const _hoisted_2 = { class: "pagination-info" };
+const _hoisted_3 = { class: "right" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_table_column = vue.resolveComponent("el-table-column");
+  const _component_DynamicComponent = vue.resolveComponent("DynamicComponent");
+  const _component_el_table = vue.resolveComponent("el-table");
+  const _component_el_pagination = vue.resolveComponent("el-pagination");
+  const _component_el_card = vue.resolveComponent("el-card");
+  const _directive_loading = vue.resolveDirective("loading");
+  return vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_card, {
+    class: vue.normalizeClass($setup.ns.b("card"))
+  }, vue.createSlots({
+    default: vue.withCtx(() => [
+      vue.createVNode(_component_el_table, {
+        class: "content",
+        height: "100%",
+        ref: "elTable",
+        data: $setup.dataTable.data,
+        "row-key": $setup.dataTable.primaryKey,
+        "show-header": "",
+        stripe: ""
+      }, {
+        append: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "table-append", { dataTable: $setup.dataTable })
+        ]),
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_el_table_column, {
+            type: "index",
+            width: "60",
+            align: "center",
+            label: "\u7F16\u53F7"
+          }),
+          vue.renderSlot(_ctx.$slots, "table-columns", { dataTable: $setup.dataTable }, () => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($setup.dataTable.getDisplayColumns(), (item) => {
+              return vue.openBlock(), vue.createBlock(_component_el_table_column, {
+                "column-key": item.attrName,
+                key: item.attrName,
+                label: item.title,
+                prop: item.attrName,
+                "min-width": item.width,
+                align: item.align
+              }, {
+                default: vue.withCtx(({ row, $index }) => [
+                  vue.renderSlot(_ctx.$slots, "table-col-" + item.attrName, {
+                    row,
+                    index: $index,
+                    column: item,
+                    dataTable: $setup.dataTable
+                  }, () => [
+                    vue.createVNode(_component_DynamicComponent, {
+                      column: item,
+                      record: row
+                    }, null, 8, ["column", "record"])
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["column-key", "label", "prop", "min-width", "align"]);
+            }), 128))
+          ])
+        ]),
+        _: 3
+      }, 8, ["data", "row-key"]),
+      vue.createElementVNode("div", {
+        class: vue.normalizeClass($setup.ns.be("card", "footer"))
+      }, [
+        vue.createElementVNode("div", _hoisted_1, [
+          vue.createElementVNode("div", _hoisted_2, [
+            vue.createTextVNode(" \u5171"),
+            vue.createElementVNode("b", null, vue.toDisplayString($setup.dataTable.totalRecCount), 1),
+            vue.createTextVNode("\u6761\u8BB0\u5F55 | \u5F53\u524D\u7B2C"),
+            vue.createElementVNode("b", null, vue.toDisplayString($setup.dataTable.pageNum), 1),
+            vue.createTextVNode("\u9875 ")
+          ])
+        ]),
+        vue.createElementVNode("div", _hoisted_3, [
+          vue.createVNode(_component_el_pagination, {
+            "hide-on-single-page": true,
+            currentPage: $setup.dataTable.pageNum,
+            onCurrentChange: _cache[0] || (_cache[0] = ($event) => $setup.dataTable.pageTo($event)),
+            "page-size": $setup.dataTable.pageSize,
+            background: "",
+            layout: "prev, pager, next, jumper",
+            total: $setup.dataTable.totalRecCount
+          }, null, 8, ["currentPage", "page-size", "total"])
+        ])
+      ], 2)
+    ]),
+    _: 2
+  }, [
+    _ctx.$slots.header ? {
+      name: "header",
+      fn: vue.withCtx(() => [
+        vue.renderSlot(_ctx.$slots, "header", { dataTable: $setup.dataTable })
+      ]),
+      key: "0"
+    } : void 0
+  ]), 1032, ["class"])), [
+    [_directive_loading, !$setup.dataTable.ready]
+  ]);
+}
+var dataTableCard = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "data-table-card.vue"]]);
+
+exports["default"] = dataTableCard;

package/lib/data-table/data-table-column.js

@@ -0,0 +1,60 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+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 __default__ = vue.defineComponent({ name: "BwaDataTableColumn" });
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    name: {
+      type: String
+    },
+    align: {
+      type: String,
+      default: "center"
+    },
+    showOverflowTooltip: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(__props) {
+    var _a;
+    const props = __props;
+    const attrs = vue.useAttrs();
+    const dataTable = vue.inject(webBaseClientVue.dataTableKey);
+    const column = (_a = dataTable.displayColumns.find((column2) => column2.attrName === props.name)) != null ? _a : null;
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElTableColumn), vue.mergeProps({
+        align: __props.align,
+        "show-overflow-tooltip": __props.showOverflowTooltip
+      }, vue.unref(attrs)), {
+        header: vue.withCtx(({ column: column2, $index }) => [
+          vue.renderSlot(_ctx.$slots, "header", {
+            column: column2,
+            $index
+          }, () => [
+            vue.createTextVNode(vue.toDisplayString(column2.label), 1)
+          ])
+        ]),
+        default: vue.withCtx(({ row, $index }) => [
+          $index !== -1 ? vue.renderSlot(_ctx.$slots, "default", {
+            key: 0,
+            row,
+            index: $index,
+            column: vue.unref(column),
+            dataTable: vue.unref(dataTable)
+          }) : vue.createCommentVNode("v-if", true)
+        ]),
+        _: 3
+      }, 16, ["align", "show-overflow-tooltip"]);
+    };
+  }
+});
+var DataTableColumn = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "data-table-column.vue"]]);
+
+exports["default"] = DataTableColumn;